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

Tutorial básico de estructura deHTML5 y CSS3.

Bueno este tutorial básico sobre la estructura y maquetación en HTML5 y CSS3 va dirigido a principiantes diseñadores y desarrolladores Web, cual los elementos básicos que se deben tener en cuenta cuando se realiza la estructura de una Web. Así  que espero que les sea de mucha ayuda. 

  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.maquetacion-menu-html5-css3Los enlaces deberían estar en sus respectivas páginas asignadas, lo cual deben respetar las restricciones de la siguiente manera:enlaces-html-css3desarrolloA continuación se muestra la estructura básica de la página web:ejemplo-maquetacion-webEmpezamos codificando en el programa de SublimeText 2, o también pueden usar otro programa de desarrollo depende a su gusto:

Entonces primero realizamos el esqueleto en HTML 5desarrollo-sublimetext-html5-css3
Luego tendremos la estructura del Body con el Footer:maquetacion-html5-bodyLuego realizamos la maquetación con los estilos CSS3:maquetacion-css3-estilosmaquetacion-desarrollo-css3maquetacion-estilos-css3Y finalmente concluimos con los estilos del Footer (pie):maquetacion-css3-estilos-footerBueno eso es todo, espero que les haiga servido este tutorial básico de HTML5 & CSS3.

Video Turorial:

Descargar de material:
Maquetacion Web Basico: http://goo.gl/LcHRKC

Tutorial por: Arnold Gutierrez

 

Anuncios

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

    • Espero que les haya gustado este pequeño articulo basico de HTML5 y CSS3, lo cual tuvo una buena acogida. Asimismo en los próximos días empezaremos a realizar artículos sobre WordPress y un poco de Maquetación Web.
      No olviden dejar sus comentarios, por cualquier duda o interés que tengan.
      Saludos a todos,

      Me gusta

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s