Aprender a diseñar páginas web en HTML

Hoy en día cualquier persona puede aprender a diseñar una página web estática, simplemente debe tener una mínimas nociones de HTML y un software para el efecto.

El resto es imaginación!!!

El HTML es el lenguaje principal con el que se desarrollan las páginas web. Mediante etiquetas podemos ir incrustando imágenes, negritas o cualquier estilo, así como ubicar los contenedores de imágenes o textos en determinadas posiciones de la página web. Una vez conocidos las principales «tags» de este lenguaje nos será muy fácil diseñar una página web, incluso podremos realizar páginas web con el bloc de notas, aunque para hacerlo facilmente con Dreamweaver.

Antiguamente los estilos de una página web se incluían en el mismo documento, entendemos por estilos, los colores y tamaños  de las fuentes, los colores de fondo, tamaños de los contenedores, etc… a lo largo de estos años la web ha ido evolucionando hasta separar completamente el lenguaje HTML del de los de estilos.
Los estilos vienen vinculados en otro documento , que hoy en día se conoce como CSS. Con esto conseguimos que la web sea mucho más rápida , ya que una vez cargado el css  se mantiene en la caché del navegador y conforme vayamos visitando el resto de páginas que componen el site , la css no se vuelve a cargar ,sino que lo coge de la caché.

Otro de los aspectos importantes a día de hoy, es que las tablas, más conocido como tableless, ha quedado totalmente en desuso y solamente se usa para tabular datos,. Las tablas son muy usadas por lo novatos por la gran facilidad para ubicarlas y manipularlas, aunque es un gran error ya que una vez conocido el poder de los «DIV» y las CSS se comprueba el verdadero potencial de combinar ambas técnicas. Por lo tanto recomiendo usar DIV + CSS, el código es más limpio, la web es más rápida y podemos posicionar todos los elementos donde queramos.

La web sique evolucionando, y el lenguaje HTML también , a día de hoy y con la recién salida del HTML5 y CSS3, la evolución nos obliga a estar siempre atentos a las novedades para poder implantarlos en nuestros diseños web, aunque debemos recordar que siempre tendremos el pero de la compatibilidad con los navegadores, si empleamos muchas de las novedades que van apareciendo , todos los navegadores antiguos tendrán el inconveniente que no sean compatibles y podrían generar fallos o malas visualizaciones en la página web.

Yo siempre recomiendo y realizo mis proyectos validados para Firefox, Internet Explorer 7 o superior, Safari y Chrome, como podéis ver no doy soporte a IE6, mi opinión personal es que las personas que usan navegadores tan antiguos no les importará visualizar la web con fallos ya que disponen de equipos totalmente obsoletos. Pese a lo que piensan algunos que se pierde una cantidad de usuarios, prefiero perder ese 4% de usuarios que tener que perder todas las ventajas gráficas que se consigue diseñando páginas web con leguajes más o menos actualizados.

CONOCIMIENTOS IMPRESCINDIBLES PARA DISEÑAR CON HTML:

• Las etiquetas comienzan siempre por «<» y se cierran con un «>». Para que guarde el estandar muchas de ellas se cerrarán con la barra invertida. Por ejemplo un párrafo comenzaría con «<p>» y se cerraría con «</p>».
• El título de la página, descripciones y carga de documentos externos siempre se introducen entre las etiquetas «HEAD», con el fin que los buscadores omitan el contenido de los mismos.
• En la etiqueta «BODY» se debe cargar el contenido.
• Las imágenes se incrustan con la tag «<img src=»ruta de la imagen» />

Ahora solo os queda coger el toro por los cuernos  y comenzar a probar y experimentar por vosotros mismos. Una vez tengáis los conocimientos suficientes de HTML + CSS podréis pasar al siguiente nivel PHP + MYSQL, y una vez aprendido podéis pasar a……bla bla bla, por experiencia esto no se acaba, así que solo me queda deciros que disfrutéis y no desesperéis….