Tecnologías de la Información y la Comunicación · 2º Bachillerato
Curso 2016/2017·  

Tarea #1: estructura básica HTML5 (con float)

Objetivos:
  • Conocer la estructura semática básica de HTML5
  • Crear la primera pagina web

Ejercicio

La imagen representa un diseño común encontrado en la mayoría de los sitios webs estos días. A pesar del hecho de que cada diseñador crea sus propios diseños, en general podremos identificar las siguientes secciones en cada sitio web estudiado:

semantica0 html

Que se corresponde con las siguientes etiquetas semánticas:

semantica html

Con tu editor de código favorito realiza una página web semejante a la del siguiente ejemplo:

Vista en ordenadores de escritorio | Vista en dispositivos móviles

Características CSS:
  • Utiliza la propiedad float para colocar las cajas
  • Utiliza media queries (un solo punto de ruptura en 768px) para que sea responsive a los dispositivos móviles.

Código: archivo HTML5 | archivo CSS    Demo

(observa la posición de las cajas al cambiar el tamaño de tu navegador)

Envía el archivo, con el nombre:  t01e_semantica_float.7z, al Aula Virtual.

Etiquetas: Tarea, HTML5, CSS3

Imprimir

En línea...

Hay 24 invitados y ningún miembro en línea

Prácticas...

aulav

Visitas...

0.png6.png3.png1.png1.png
Hoy ........12
Ayer .......15
Mes ........239

Jueves, 24 Agosto 2017