MÓDULO: LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE LA INFORMACIÓN

Administración de Sistemas Informáticos en Red

 

CSS3XSLTDTDRSSXSD

ActividadMaquetaciónEstilo1

Esta actividad ha sido adaptada del curso HTML5 de Microsoft

  1. 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.

  1. 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.
  2. Añade la hoja de estilos reset.css y vuelve a visualizar en el navegador
  3. Observa el contenido de reset.css

 

Actividad​MaquetaciónEstilos2

Maquetar un Blog

Siguiendo los contenidos expuestos en esta unidad, diseña un blog. Para ello:

  1. Establecer los directorios de trabajo

Organizar documentos, imágenes, estilos, etc en carpetas

  1. Establecer aspectos iniciales:

Reset de estilos, adaptación para navegadores antiguos, visualización correcta en cualquier navegador, etc

  1. Elegir el tipo de web:

Sitio web, blog, wiki, foro, etc

  1. Crear la estructura (según tipo web): capas, etiquetas
  2. Definir los estilos para la estructura según el medio de visualización

Movil, tablet, pantalla ordenador

  1. Validar todas las páginas de la web: codigo HTML5 y código CSS3

 

Descarga de los archivos necesarios en adjuntos: recursos.rar

 


Próximos Eventos LM

No se han encontrado eventos

U2. Utilizar HTML, HTML5 y CSS3