Scribd
Cargar
23 vistas3 páginas

Examen HTML

Cargado por

mediasistemasinformaticos
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
23 vistas3 páginas

Examen HTML

Cargado por

mediasistemasinformaticos
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

EXAMEN MÓDULO “ELEMENTOS DE SOFTWARE WEB”

Guía de trabajo

Objetivo de la sesión de trabajo: Proporcionar a los estudiantes una comprensión sólida


de los conceptos básicos de HTML y CSS, capacitándolos en la creación de estructuras web
sencillas mediante el uso adecuado de etiquetas HTML y la aplicación de estilos CSS para
mejorar la presentación visual. Durante la sesión, se busca que adquieran habilidades
prácticas para estructurar páginas web con HTML, comprendan la jerarquía de elementos y
cómo organizar el contenido de manera semántica, así como aplicar estilos visuales a través
de CSS, personalizando la apariencia de las páginas mediante la manipulación de
propiedades como colores, fuentes, márgenes, alineaciones, entre otras.

Objetivo General: Evaluar el conocimiento teórico y práctico de los estudiantes en relación


con la estructura y estilo de una página web. A través de preguntas prácticas y teóricas, se
busca determinar si pueden identificar las etiquetas y atributos fundamentales de HTML, así
como aplicar adecuadamente las reglas y selectores CSS para modificar el diseño de una
página web. El examen tiene como propósito medir la capacidad para crear un documento
web básico que cumpla con los estándares de accesibilidad y diseño moderno, y demostrar
una comprensión adecuada del flujo de trabajo entre el marcado estructural y el diseño visual.

Duración: 2 horas

1
Resuelva las siguientes preguntas sobre conceptos básicos los cuáles se vieron en
clase y están en las diapositivas

1. ¿Qué significa HTML?


a) Hyperlinks and Text Markup Language
b) Hyper Text Markup Language
c) Home Tool Markup Language
d) Hyperlink Text Modeling Language

2. ¿Cuál de las siguientes etiquetas se utiliza para crear un enlace en HTML?


a) <img>
b) <a>
c) <link>
d) <href>

3. ¿Qué propiedad CSS se utiliza para cambiar el color del texto?


a) font-color
b) color-text
c) text-color
d) color

4. ¿Qué significa CSS?


a) Cascading Style Sheets
b) Computer Style Sheets
c) Creative Style Sheets
d) Cascading Simple Sheets

5. ¿Cuál es la forma correcta de enlazar una hoja de estilos CSS externa en un


documento HTML?
a) <style src="style.css">
b) <link rel="stylesheet" href="style.css">
c) <link style="stylesheet" src="style.css">
d) <stylesheet>style.css</stylesheet>

6. ¿Qué framework de CSS es más comúnmente utilizado para desarrollar sitios web
con diseño adaptable o responsive?
a) Bootstrap
b) jQuery UI
c) Angular
d) Foundation

7. ¿Cuál es la clase de Bootstrap que se utiliza para crear una cuadrícula de 12


columnas?
a) .container-12

2
b) .grid-12
c) .col-12
d) .container-fluid

8. ¿Qué significa "responsive design" en el desarrollo web?


a) Un diseño que se adapta a diferentes dispositivos y tamaños de pantalla.
b) Un diseño que responde a la interacción del usuario con animaciones.
c) Un diseño que es compatible solo con dispositivos móviles.
d) Un diseño que responde a las actualizaciones del navegador.

9. En CSS, ¿qué selector se usa para seleccionar un elemento por su id?


a) .
b) #
c) *
d) :

10. ¿Cuál es la clase de Bootstrap que se utiliza para crear un botón primario?
a) .btn-primary
b) .button-main
c) .btn-main
d) .primary-button

Resuelva

Estructura HTML:
Crea una página HTML con una estructura básica que incluya las siguientes secciones:
 Un encabezado (<header>) con un título principal (<h1>) centrado.
 Una barra de navegación en la parte superior que contenga tres enlaces de
navegación (Inicio, Servicios, Contacto).
 Una sección principal (<main>) que contenga un artículo (<article>) con dos párrafos
descriptivos sobre un tema de tu elección.
 Un pie de página (<footer>) con un texto de derechos reservados.

Estilos CSS:
Aplica una hoja de estilos CSS externa que cumpla con lo siguiente:
 El fondo de la página debe ser de color claro y el texto debe ser oscuro.
 El encabezado debe tener un fondo oscuro con texto en color blanco.
 Los párrafos dentro del artículo deben tener un margen de 20 píxeles y el texto debe
estar alineado justificado.

También podría gustarte