MaquetaciónEstilo1
Esta actividad ha sido adaptada del curso HTML5 de Microsoft
- En Dreamweaver, abre el archivo reset.html.
Este archivo contiene una serie de elementos HTML genéricos, como títulos, párrafos, listas y formularios. No incluye estilos CSS.
- Muestra en el navegador la página reset.html y mira el espacio de separación que hay entre los títulos, y fíjate también en el aspecto de las listas de datos y el formulario. Lo que haremos ahora es asociar una hoja de estilo CSS de reset para ver cómo afecta a la presentación en pantalla de estos elementos. Cierra el navegador y vuelve al editor.
- Añade la hoja de estilos reset.css y vuelve a visualizar en el navegador
- Observa el contenido de reset.css
MaquetaciónEstilos2
Maquetar un Blog
Siguiendo los contenidos expuestos en esta unidad, diseña un blog. Para ello:
Organizar documentos, imágenes, estilos, etc en carpetas
Reset de estilos, adaptación para navegadores antiguos, visualización correcta en cualquier navegador, etc
Sitio web, blog, wiki, foro, etc
Movil, tablet, pantalla ordenador
|
Descarga de los archivos necesarios en adjuntos: recursos.rar