Diseño Web con HTML5 + CSS
MÓDULO 1. PRINCIPIOS, ACCESIBILIDAD Y USABILIDAD DE PÁGINAS WEB.
Tus respuestas
1. Señala si la siguiente afirmación es verdadera o falsa: "Debemos
desarrollar un sitio web incluyendo la información de presentación (como
queremos que se vea la página) en el propio documento":
Verdadero: de esta forma aceleramos la carga de la página al contener
todo en un único fichero
Verdadero: debemos hacerlo en la medida de lo posible puesto que se
considera buena práctica
Falso: el contenido debe ir separado de la presentación puesto que así lo
exige el modelo en 3 niveles
Falso: es mejor separarlo puesto que independiza el contenido de la
presentación lo que supone muchas ventajas
2. ¿Cómo debe presentarse una web?
Con un manual de usuario para que pueda consultar las diferentes
funcionalidades.
Sorprendiendo al usuario en la medida de lo posible.
Con fuentes y fondo de tonos muy similares para ser agradable y no
resultar llamativo.
Con los elementos de la página donde el usuario los espera.
3. Indica cual de los siguientes no es un principio a seguir en el diseño de
una página Web:
Simplicidad
Compatibilidad
Utilidad
Acceso universal
4. En caso de conflicto de intereses en alguna funcionalidad de
programación, ¿a quién debe darse prioridad para su resolución?
A los desarrolladores de navegadores
A los usuarios
A los autores de contenido
A los redactores de especificaciones
5. Con respecto al criterio de usabilidad, podemos afirmar que las
aplicaciones deben ser acordes a lo que el usuario espera de ellas. Esta
consideración recibe el nombre de:
Anticipación
Consistencia
Autonomía
Reversibilidad
MÓDULO 2. INTRODUCCIÓN A HTML Y CSS
Tus respuestas
1. ¿Cuál de las siguientes es una herramienta para crear páginas Web?
Internet Explorer
Firefox
Eclipse
Apache Tomcat
2. ¿Qué es HTML?
Un lenguaje de programación
Un protocolo del nivel del cliente
Un lenguaje del marcado
Un documento binario de datos
3. ¿Qué elementos estoy añadiendo a mi página si escribo una etiqueta
“a”?
Un título
Un enlace
Un párrafo
Una imagen
4. En HTML, ¿cómo se define una etiqueta de apertura?
Con un nombre de etiqueta encerrado entre los corchetes angulares < y
> (signo “menor que” y signo “mayor que”)
Con corchete angular de apertura “<” seguido del carácter barra /, el
nombre de etiqueta y finalmente el corchete angular de cierre.
Con corchete angular de apertura “<” seguido del nombre de etiqueta y,
finalmente, el carácter barra / más el corchete angular de cierre.
Con corchete angular de apertura “<”, más carácter barra /, seguido del
nombre de etiqueta y, finalmente, el carácter barra / más el corchete angular
de cierre.
5. ¿Cómo se representa una etiqueta en la que no se añade ningún
contenido?
Con los caracteres <!-- y los caracteres --> para el cierre
Se puede declarar con un corchete angular de apertura “<” seguido del
nombre de la etiqueta, una barra / y finalmente el corchete angular de
cierre
Con corchete angular de apertura “<” seguido del carácter barra /, el
nombre de etiqueta y finalmente el corchete angular de cierre
Con corchete angular de apertura “<”, más carácter barra /, seguido del
nombre de etiqueta, de nuevo el carácter barra / más el corchete angular de
cierre
MÓDULO 3. ETIQUETAS, FORMULARIOS Y HOJAS DE ESTILO CSS EN HTML
Tus respuestas
1. Para definir una imagen en HTML se emplea la etiqueta:
image
icon
bitmap
img
2. Una lista desplegable se crea mediante la etiqueta:
<input type=list>
<input type=select>
<select>
<select size=10>
3. ¿Qué indica el atributo action de un formulario?
La dirección de envío de los datos
El método de envío de los datos
El número de datos a enviar
El evento que producirá el envío
4. La etiqueta link se utiliza para:
Incluir un enlace dentro de la página
Referenciar a ficheros externos
Redirigir al usuario a otra página
Link no es una etiqueta, sino un atributo
5. Para poner texto en negrita con CSS:
text:bold
font-weight:bold
Se usa la etiqueta <b>
style:bold
MÓDULO 4. NOVEDADES HTML 5 Y MULTIMEDIA.
Tus respuestas
1. ¿Para qué sirven las etiquetas semánticas en HTML5?
Se aseguran de que el contenido que rodean esté relacionado con lo que
indica la etiqueta
Indican de forma exacta en que zonas del documento se encuentran
definidas las partes de la página
Para maquetar la página visualmente
Indican al usuario qué está viendo
2. La etiqueta canvas es:
Ideal para mostrar vídeos
Necesaria para mostrar imágenes
Útil para poder generar dibujos
Requiere de poca experiencia como diseñador pues es muy sencilla de
utilizar
3. ¿Cuál de estos tipos de input es válido?
input type=”boolean”
input type=”graphic”
input type=”canvas”
input type=”range”
4. El atributo placeholder de una caja de texto:
Se ha eliminado en HTML5
Indica el lugar en el que se guardará el dato introducido
Permite añadir un valor por defecto que desaparece al empezar a
escribir el usuario
Sustituye al atributo ‘value’
5. ¿Cuál de las siguientes etiquetas representa a una pieza independiente
de contenido en un documento html?:
article
section
aside
head
MÓDULO 5 - POSICIONAMIENTO SEO Y TRABAJO EN EQUIPO.
Tus respuestas
1. ¿Cuál de estas técnicas es adecuada para un buen posicionamiento?
Usar siempre la etiqueta para cualquier contenido
Conseguir enlaces a nuestra página
La técnica “keyword stuffing”
La técnica “doorway page”
2. Un sistema de control de versiones distribuido:
Tiene la información distribuida en distintos servidores
Necesita la red para guardar cualquier cambio.
Trabaja con múltiples réplicas del control de versiones distribuidas en
distintos clientes
Solo es compatible con el uso de sistemas operativos distribuidos
3. La técnica de mejora de posicionamiento que está penalizada y que
consiste en la repetición indiscriminada de palabras clave en la web
quedando totalmente ilegibles para los usuarios, se denomina:
Keyword stuffing
Técnica del texto oculto
Cloaking
Doorway page
4. Una de las ventajas de los sistemas centralizados del control de versiones
es
En este sistema, las versiones vienen identificadas por un número de
versión
Permite continuar trabajando, aunque se caiga el repositorio
Requiere de menos necesidad de coipas de seguridad
Permite mantener repositorios centrales más limpios
5. Respecto a la técnica de metatags, es correcto que:
La relativa a keyword requiere minuciosidad, utilizando palabras
naturales y altamente descriptivas
La relativa a description requiere el uso de alrededor de 200 caracteres
Respecto a la relativa a description, se recomienda el uso del mayor
número posible de caracteres
No se recomienda el apoyo del título y del metatag “title”
