En esta actividad aplicarás lo aprendido en las secciones “Estilos en páginas Web” y “Tareas básicas de HTML” para crear una sitio Web personal.
-Realizar tareas básicas de HTML como es el manejo de texto y enlaces
-Utiliza hojas de estilo en cascada (CSS) para dar formato al contenido HTML
Para que los demás compañeros o el instructor puedan verificar la realización de tu actividad, puedes enviar un Tweet a la cuenta @DiplomadoHTML5 utilizando el Hashtag #DiplomadoHTML5Actividad7 y la liga a la página principal de tu aplicación Web.
No necesitas enviar la actividad por correo. Puedes resolver tus dudas durante las sesiones de Live Meeting o bien, de ser necesario, envía tus dudas al correo del curso. Consulta también el sitio http://ti-capacitacion.com/html5 para enterarte de los recursos disponibles y de las preguntas frecuentes.
En esta actividad realizaras una aplicación Web (un conjunto de uno o más archivos o páginas Web) y aplicarás los elementos mostrados en las secciones “Estilos en páginas Web” y “Tareas básicas de HTML”.
Una aplicación Web es un directorio que contiene uno o más archivos que pueden ser páginas HTML, hojas de estilo o archivos de texto entre otros tipos de contenido.
1.- Utilizando el bloc de notas o WebMatrix, crea una aplicación web donde incluyas los siguientes elementos:
-Hojas de estilo en archivos externos
-Una página principal que utilice una hoja de estilo externa
-Al menos un Selector ID CSS
-Al menos un Selector Class CSS
-Al menos un Selector Compuesto CSS
-TAGs < p >, <br>, <h1>, <h2>, <h3>, <em>, <strong>
-El carácter especial de derechos reservados ®
-Un tipo de letra definido por la regla @font-face
- Una página donde se muestre una serie de franjas horizontales con los 16 colores básicos utilizando el TAG <p > para representar una franja.
El nombre de cada color deberá aparecer centrado sobre la franja correspondiente.
-Una página con 4 párrafos de texto. Cada párrafo deberá tener una alineación de texto distinta.
-Al menos un enlace hacia un Sitio Externo
-Al menos un enlace ocupando rutas relativas al documento
-Al menos un enlace ocupando rutas relativas a la raíz
-Al menos un enlace que se muestre en una nueva ventana
-Al menos un enlace hacia una sección de una página
-Estilos personalizados a los estados de un enlace
-Un enlace hacia una dirección de correo electrónico
-Un enlace para descargar un archivo
-Un enlace en cada página apuntando al servicio de validación HTML del consorcio W3C donde
se especifique que la página ha sido verificada exitosamente como página HTML5
-Un logo en cada página que indique que la página cumple con la recomendación CSS