Estructura y maquetación básica en HTML5 & CSS3

Bueno este tutorial básico va dirigido a diseñadores y desarrolladores Web, Así que espero

que lo valoren y cualquier duda no olviden comentar.

1. Recursos: Tenemos que tener un programa de desarrollo en el entorno Web, cual les

recomiendo que descarguen SublimeText 2 para empezar el desarrollo de la

maquetación.

2. Conocimientos: Este tutorial va a todas las personas que están empezando en el

entorno del Desarrollo Web y Diseño Web, como también a las personas aficionadas.

Tutorial:

En la siguiente imagen muestra de cómo debe tener todos los componentes de la página

web.

Los enlaces deberían estar en sus respectivas páginas asignadas, lo cual deben respetar las

restricciones de la siguiente manera:

Enlace Archivo WEB TECLA ABREVIADA

Principal Principal.html I

Nostros Nosotros.html N

Servicios Servicios.html S

Contacto Contacto.html C

-

Muestra de la página:

Empezamos codificando:

Primero realizamos el esqueleto en HTML 5

Luego tendremos el Body con Footer:

Luego realizamos los estilos CSS3:

Y finamelnte concluimos con los estilos del Footer (pie):

Bueno eso es todo, espero que les haiga servido este tutorial básico de HTML5 & CSS3.

Tutorial por: Arnold Gutierrez