9 de marzo de 2017


Estructura base para desarrollar nuestra primera página Web.


Si estáis pensando en desarrollar vuestra propia página web, deberéis aprender el lenguaje HTML5 y CSS3. Si además queréis dotar la misma de más dinamismo también deberéis aprender a programar en JavaScript.

Aquí os dejo una plantilla del HTML5 que necesitaremos para empezar a desarrollar la misma. A nivel orientativo y no exhaustivo, estas son las principales secciones que deberás tener en cuenta :
  • <header> </header> : Hace referencia a la cabecera, normalmente se ubica el logotipo y el texto representativo. En algunos casos también puede albergar el de navegación <nav>.
  • <nav> </nav> : En esta sección se colocan los enlaces de navegación que llevan a las distintas secciones de nuestra web. 
  • <section> </section> : Es una sección distinta, como si de un capítulo de un libro se tratase. 
  • <article> </article> : La etiqueta <article> está diseñada para contener una unidad propia de información y contenido, que a su vez puede tener su cabecera <header>, cuerpo <section> y pie de artículo <footer>. Un <section> puede contener varios artículos independientes. 
  • <aside> </aside> : Se trata de la barra lateral, se usa para el contenido que no está relacionado directamente con la página, por ejemplo un listado de enlaces, anuncios, iconos sociales, etc.
  • <footer> </footer> : Es el pie de página presente en casi todas las webs, nos sirve para ubicar los datos de contacto, algo de información extra, iconos sociales, etc.

Las etiquetas HTML están formadas por palabras clave, estas se encuentran representadas entre corchetes angulares como <html>
  • Existen etiquetas que se deben abrir y cerrar como <p> Texto del párrafo </p> y otras que son de etiqueta única <br>
< Etiqueta > Contenido </ Etiqueta>

  • Los elementos HTML también pueden incluir atributos, proporcionando información adicional sobre el elemento. Estos siempre se especifican en la etiqueta de inicio 

< Etiqueta Atributo="Valor" > Contenido </ Etiqueta>

A nivel orientativo, esta podría ser nuestra plantilla básica a partir de la cual desarrollar nuestra propia página web :


En próximas entregas iremos viendo más elementos del HTML5 y CSS3 que nos serán imprescindibles para ir avanzando en la confección de nuestra propia página web.
También te puede interesar :
Si te gusta, no dudes en compartirlo en las redes sociales. Gracias.

Puedes dejar tus comentarios más abajo.

Autor : Jose Ribas | Valencia, España ( ESP-EU )
Decorador (Interior Designer-Architect). Delineante | Desarrollador Web | Renderización | Instalador de Baja Tensión | Soldador | Técnico en Prevención de Riesgos Laborales.
Buscando nuevos proyectos profesionales. ¿Hablamos?
Búsqueda por temas

Artículos relacionados :

Búsqueda por temas