Diseño web

1. Una página web...   a) Es un archivo que contiene texto, delimitado por marcas.   b) Es un archivo, con datos sólo entendibles por un ordenador.   c) Es una imagen, una copia de una página física.   d) Ninguna es correcta

2. Las etiquetas HYML, se delimitan por los caracteres...   a) [ y ]   b) < y >   c) { y }   d) ^ y ^

3. Para crear una página web utilizamos...   a) Programas específicos para esta tarea, normalmente muy avanzados.   b) Un procesador de texto, como Word u Openoffice   c) Un programa que pueda editar texto sin formato.   d) Cualquiera de los anteriores.

4. Un navegador web es...   a) Una aplicación que gestiona y clasifica las páginas web.   b) Una página que nos permite buscar información en la web.   c) Una aplicación que interpreta el código de una página y nos lo muestra formateado.   d) Una aplicación que nos permite crear y editar páginas web, desde su código fuente.

5. ¿Cuales de estas extensiones de archivo corresponden a una página web?   a) La extensión .css   b) La extensión http o https.   c) La extensión html.   d) Cualquiera de las anteriores.

6. Un sitio web...   a) Es un equipo que almacena las páginas web.   b) Es la agrupación de varias páginas relacionadas en un directorio común.   c) Es lo mismo que una página web.

7. ¿Cuál de las siguientes se corresponde a la estructura de una etiqueta HTML?   a) <etiqueta atributo valor>   b) <etiqueta>atributo="valor"</etiqueta>   c) <etiqueta atributo="valor"></etiqueta>   d) <etiqueta atributo="valor" atributo2="valor2" /></etiqueta>

8. Las etiquetas que forman la estructura básica de la página son:   a) Una etiqueta html, que contiene a una etiqueta head, que a su vez contiene a una etiqueta body.   b) Una etiqueta html, que contiene primero una etiqueta head, y a continuación una etiqueta body.   c) Una etiqueta html, que contiene las etiquetas head y body, en cualquier orden.   d) Una etiqueta html, una head y una body, cada una a continuación de la anterior.

9. ¿Dónde escribiremos el texto de una página?   a) Dentro del body, y a su vez en otras etiquetas, como párrafos, encabezados, tablas...   b) Dentro del head, utilizando siempre párrafos (p).   c) Siempre pondremos el primer texto de la página en un h1, luego en un h2, h3... y así sucesivamente.   d) Sólo podemos ponerlo en párrafos (p) dentro de la página.

10. ¿Cómo conseguimos saltar de línea en medio del texto?   a) Creando un salto de línea en el código fuente.   b) Comenzando un nuevo párrafo, o introduciendo la etiqueta <br />.   c) Cualquiera de las respuestas anteriores.   d) Ninguna respuesta es correcta.

11. ¿Cuáles de estas imágenes podemos utilizar en una página web?   a) Imágenes HTML.   b) Imágenes PNG y JPEG.   c) Imágenes BMP y GIF.   d) Cualquiera de las anteriores.

12. ¿Qué indica el atributo alt de la imagen?   a) Un texto que se mostrará si la imagen no se puede cargar.   b) La ubicación del archivo de la imagen.   c) Un título que se verá en cualquier navegador al pasar el cursor sobre la imagen.   d) El alto de la imagen.

13. ¿Para qué sirven los enlaces en una página web?   a) Para ir a otra parte de la página.   b) Para abrir otras páginas.   c) Para descargar un archivo.   d) Cualquiera de las anteriores es cierta.

14. ¿Qué atributo del enlace indica el archivo enlazado?   a) El atributo alt.   b) El atributo src.   c) El atributo href.   d) El atributo link.

15. ¿Cómo hacemos que una imagen enlace con una página?   a) Colocando la etiqueta de imagen dentro de la del enlace.   b) Añadiendo a la imagen el atributo con el archivo enlazado.   c) Añadiendo a la etiqueta de enlace el atributo con el origen de la imagen.   d) Los enlaces sólo pueden ser de texto.

16. ¿Para qué sirve la etiqueta div?   a) Para dividir una página en subpáginas.   b) Principalmente para organizar el contenido en nuestras páginas.   c) Para hacer la página más divertida.   d) Para crear párrafos de texto.

17. ¿Qué son los estilos CSS?   a) Son una serie de propiedades que determinan cómo se verá nuestra página.   b) Son una serie de reglas a tener en cuenta para lograr una página accesible.   c) Son las distintas formas que tenemos de escribir el HTML.

18. Los estilos tienen el formato:   a) Un selector, y entre { } cada propiedad y su valor.   b) Un selector, y entre ( ) cada propiedad y su valor.   c) Entre { }, cada elemento de la página y el estilo que le asociamos.

19. Para cambiar la fuente o tipografía de un elemento...   a) Lo hacemos con la propiedad de estilo font-family.   b) Podemos indicar una lista de fuentes.   c) Hemos de tener en cuenta que no todos los usuarios tienen las mismas fuentes.   d) Cualquiera de las opciones anteriores es cierta.

20. Con los estilos de texto, podemos...   a) Poner un texto en negrita y cursiva.   b) Mostrar todos los enlaces de color rojo.   c) Poner en mayúsculas un texto, aunque esté escrito en minúsculas.   d) Cualquiera de las opciones anteriores es cierta.

21. Los bordes de un elemento...   a) Sólo se pueden mostrar en tablas, párrafos y divisiones.   b) Se definen indicando color, grosor y estilo.   c) Se muestran siempre en los cuatro lados.   d) Cualquiera de las opciones anteriores es cierta.

22. La propiedad padding establece...   a) La distancia entre el límite del elemento y los elementos que lo rodean.   b) Un estilo del borde del elemento.   c) La distancia entre el límite del elemento y su contenido.   d) La distancia de sangrado de los párrafos.

23. Como fondo de un elemento, podemos poner:   a) Sólo un color.   b) Sólo una imagen.   c) Las dos cosas a la vez, color e imagen.   d) O un color o una imagen, pero no ambas a la vez.

24. Un estilo declarado con el selector .parrafo afectará a...   a) Todos los párrafos.   b) Todos los elementos con el id parrafo.   c) Todos los elementos con la clase parrafo.   d) Todas las etiquetas parrafo.

25. En nuestro sitio, queremos que algunos enlaces se muestren, en color rojo y negrita. Lo mejor que podemos hacer es...   a) Como no es en todos los enlaces, definir un estilo incrustado para cada uno.   b) Crear una regla en la hoja para un determinado id, que aplique esas características.   c) Crear una clase en la hoja de estilo con esas características.   d) Definir el estilo correspondiente en la cabecera de las páginas en las que se utilice.

26. En la hoja de estilo, hacemos que los párrafos sean azules, centrados y con borde. En la página, redifinimos el estilo de los párrafos para que sean verdes y subrayados. Aparte, un párrafo tiene aplicada una clase de la hoja de estilo que quita el subrayado y pone un grosor de fuente normal. ¿Al final, cómo se verá ese párrafo?   a) De color verde, centrado y con borde.   b) De color verde, centrado, con borde y subrayado.   c) De color verde, centrado, con borde, subrayado y negrita.   d) De color azul, centrado, con borde, subrayado, negrita

27. ¿Qué creamos con un editor web?   a) El código HTML y CSS de nuestra página.   b) Una imagen del aspecto de la página.   c) La página de verdad, como se verá, sin código fuente.   d) La parte de la página que no podemos crear con un editor de texto.

28. ¿Qué es un editor WYSIWYG?   a) Un editor de páginas web con caracteres orientales.   b) Un editor que nos permite trabajar con la página viéndola como se verá en un navegador.   c) Un editor que sólo nos sirve para editar el código fuente, aunque formateado con colores.   d) Un editor que no trabaja con el código fuente.

29. ¿Qué ventajas tiene escribir el código fuente directamente?   a) Que es más rápido hacer las páginas.   b) Que no requerimos de programas de pago.   c) Que nos da mayor control sobre el código, y nos ayuda a aprender.   d) Ninguna, ya nadie hace páginas web así.

30. ¿Cuál de estas afirmaciones sobre KompoZer no es cierta?   a) Es un editor web gratuito.   b) Es un editor WYSIWYG.   c) Permite programación avanzada, como acceder a bases de datos.   d) Permite crear hojas de estilo.