lunes, 6 de julio de 2015

Cuestionario de Diseño Web

1. Los menús siempre están basados en listas.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Verdadero.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) Falso.
2. ¿Para qué se aplica la propiedad display:block; a los enlaces de un menú?
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  a) Para que ocupen todo el elemento que los contienen.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Para que cambie de estilo al pasar el cursor por encima.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Para que se muestren los elementos en horizontal.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) Para que pueda funcionar el enlace en el menú. Si no lo ponemos, da problemas.
3. ¿Qué propiedad CSS nos permite ocultar las viñetas de una lista?
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  a) list-style-type
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) list-style-image
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) text-decoration
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) list-decoration
4. ¿Cómo podemos poner los elementos de una lista en horizontal?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Con la propiedad display: inline; .
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Con la propiedad float.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Las dos opciones anteriores son equivalentes y dan el mismo resultado.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  d) Lo podemos hacer con las opciones a) y b), pero el resultado tendrá algunas diferencias.
5. Si queremos que el tamaño de los elementos del menú dependan de su contenido, ¿qué tamaño le daremos?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Un ancho del 100%.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Un ancho en em.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  c) Ninguno, pero si es un elemento de bloque habrá que mostrarlo en línea o flotante.
6. ¿Qué propiedad CSS se encarga de centrar verticalmente el contenido de un bloque?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) text-align: center;
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) vertical-align: center;
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) vertical-align: middle;
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  d) Ninguna.
7. ¿Cual de estos selectores CSS cambiaría el color de un enlace al tener el cursor encima?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) a.encima
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) a.hover
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  c) a:hover
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) a:activo
8. ¿Es una buena idea destacar el elemento del menú que lleva a la sección actual?
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  a) Sí, porque ayuda al usuario a saber en qué página está.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) No, porque rompe con el diseño del menú.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Realmente es una mala práctica, pero hay que ponerlo porque lo exige el estándar.

9. ¿Qué etiqueta html nos permite insertar una imagen?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) picture
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) img
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) src
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) href
10. ¿Cuál es principal problema de recargar una página con muchas imágenes?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Que nos arriesgamos a superar el límite máximo de imágenes por página.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) Que aumentará el tamaño de la página.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Que nos obligará a instalar un programa especializado para el tratamiento de imágenes.
11. Si reducimos el tamaño de una imagen cambiando los atributos width y height de la etiqueta...
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  a) Cambiamos cómo se ve la imagen, pero el tamaño del archivo sigue siendo el mismo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Reducimos el tiempo de carga al cargar imágenes más pequeñas.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) La imagen resultante es más pequeña pero de mejor calidad, porque mantiene la calidad original.
12. Si queremos modificar una fotografía tomada por una cámara... ¿Cuál de estos es el programa más adecuado?
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  a) GIMP.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Inkscape.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) KompoZer.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) ColorPic.
13. Si queremos crear un gráfico, por ejemplo un logo, ¿Cuál de estos es el programa más adecuado?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) GIMP.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) Inkscape.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) KompoZer.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) ColorPic.
14. ¿Cómo podemos colocar imágenes desde CSS?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Asociando una clase a la imagen.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) Poniéndola como fondo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) No podemos usar imágenes desde CSS.
15. ¿Cuántas imágenes podemos tener como fondo de una capa?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Ninguna.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) Una.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Dos, una a cada lado.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) Las que queramos.
16. Si utilizamos una imagen para crear un botón...
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Es conveniente que sea un bmp para tener la mejor calidad.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Debemos evitarlo, aunque hace años se usaba mucho, hoy es contraproducente.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  c) Hemos de poner un texto descriptivo en el atributo alt de la imagen.
17. ¿Qué es un degradado?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Una fusión gradual entre dos o más colores.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Una fusión gradual entre un color y una transparencia.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  c) Las dos anteriores son ciertas.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) Ninguna de las anteriores.
18. ¿Qué es un mapa de imagen?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Un gráfico que representa una ubicación geográfica.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Una imagen que muestra la estructura de nuestro sitio.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Un enlace que puede abrir varias imágenes.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  d) Una imagen en la que distintas partes enlazan con distintos archivos.

19. ¿Para qué sirve JavaScript?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Es un sustituo del HTML, más moderno.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) Nos puede servir para realizar cambios en la página.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Para utilizar CSS. Sin JavaScript no podríamos usarlo.
20. La instrucción document.getElementById('logo') hacer referencia a al elemento...
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Que tenga asignada la clase logo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) Que tenga asociado el id logo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Que tenga el nombre logo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) Que actúe como logo de la página.
21. Si queremos que una acción JavaScript afecte al elemento1 al pulsar sobre el elemento2, ¿donde llamaremos a la instrucción?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) En el evento onclick del elemento1.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) En el evento onmouseover del elemento1.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  c) En el evento onclick del elemento2.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) En el evento onmouseover del elemento1.
22. Si queremos cambiar el estado de un elemento al pasar el cursor por encima, y recuperarlo al quitarlo, ¿qué eventos usaremos?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) onmouseup para cambiar el estado y onmouseout para recuperarlo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) onmouseup para cambiar el estado y onmouseleavepara recuperarlo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  c) onmouseover para cambiar el estado y onmouseout para recuperarlo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) onmouseover para cambiar el estado y onmouseleave para recuperarlo.
23. Si tenemos una función que sólo necesitamos en una página, la declararemos...
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  a) En esa página.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) En todas las páginas.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) En un archivo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) Si sólo se usa en una página, no requiere una función.
24. Si tenemos una función que se usa en casi todas las páginas, la declararemos...
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) En esas páginas.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) En todas las páginas.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  c) En un archivo.
25. Un archivo JavaScript tiene la extensión...
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) .css
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) .js
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) .java
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) .script
26. ¿Podemos abrir nueva ventanas con JavaScript?
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  a) Sí, con el contenido que queramos.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Sí, pero sólo para mostrar imágenes.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) No, a no ser que usemos el atributo target="_blank".
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) No, antes se podía, pero con el abuso de los pop-up se desactivó esta función.
27. Crear un menú con JavaScript...
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Es práctico, ya que para editar el menú sólo hay que cambiar un archivo.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Puede dar problemas, si no ofrecemos alternativas de navegación a los usuarios con JavaScript deshabilitado.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  c) Las dos respuestas anteriores son ciertas.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  d) Las respuestas anteriores son falsas.
28. ¿Para que sirve la etiqueta noscript?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Para desactivar JavaScript.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) Para incluir un contenido alternativo que se mostrará si JavaScript no está habilitado.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Para declarar funciones JavaScript.
29. ¿Cuándo necesitaremos utilizar PHP o similares en nuestro sitio?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Cuando queramos generar páginas dinámicamente.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  b) Cuando queramos procesar datos enviados por el usuario.
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  c) Cuando queramos guardar información en una base de datos.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  d) En cualquiera de los casos anteriores.
30. ¿Podemos hacer lo mismo, aunque lo hagamos de distinta forma, con PHP y JavaScript?
Descripción: http://www.aulaclic.es/paginas-web/comunes/nada.gif  a) Sí.
Descripción: http://www.aulaclic.es/paginas-web/comunes/correcto.gif  b) No.


No hay comentarios:

Publicar un comentario