HTML 5.0

COMO CREAR PAGINAS WEB´S

¿Nunca has oído hablar de HTML, o sólo vagamente del mismo?

No te asustes, las explicaciones vienen desde el primer capítulo ... la práctica sigue justo después.

Empezamos por la presentación de cómo funcionan los sitios web, entonces vamos a descargar todos los programas (gratis) para trabajar bien.

Al final de esta sección, sabrás insertar texto, enlaces e imágenes.

¿Cómo puedo crear sitios web?

El primer capítulo de esta documentación para principiantes, te enseñará a crear un sitio.

Vamos a pasar algunos tiempos juntos, todo dependerá de lo rápido que aprendas. Si lees esta documentación regularmente y a buen ritmo, terminarás en una o dos semanas. Pero si necesitas un poco más de tiempo, no te preocupes: la principal es que vayas a tu propio ritmo, con preferencia en pasar un buen rato.

Te sugiero que comiences con las preguntas más sencillas, pero también las más importantes:

Funcionamiento de sitios web

¿Cómo funcionan los sitios web? No tengas miedo de hacer preguntas, incluso si piensas que son absurdas. Es muy importante hablar un poco antes de entrar de lleno en el diseño del sitio. Estoy seguro de que visitas sitios web a diario. Para ello, se ejecuta un programa llamado navegador web, (Chrome, Firefox, Opera, …) haciendo clic en uno de los iconos que se muestran en la siguiente figura y que es habitual que estén disponibles en la mayoría de ordenadores.

Diferentes versiones de HTML y CSS

Con el tiempo, HTML y CSS han evolucionado. La primera versión de HTML (HTML 1.0) ni siquiera ofrecía la posibilidad de mostrar las imágenes.

Una muy breve historia de estos lenguajes para conocimiento general:

HTML 1: es la primera versión creada por Tim Berners­Lee en 1991

.

HTML 2: la segunda versión de HTML apareció en 1994 y se terminó en 1996 con la aparición de HTML

 3.0, esta es la versión que en realidad plantea las bases de las siguientes versiones de HTML. Las reglas y el funcionamiento de esta versión están dadas por el W3C (mientras que la primera versión fue creada por una persona).

HTML 3: apareció en 1996, esta nueva versión de HTML, añade muchas posibilidades al lenguaje como tablas, applets, scripts, posicionamiento de texto alrededor de imágenes, etc.

HTML 4: Esta es la versión más común de HTML (en concreto, es HTML 4.01). Apareció por primera vez en 1998 y propone el uso de marcos (que dividen una página web en varias partes), tablas más complejas, mejoras en las formas, etc. Más importante aún, esta versión permite por primera vez utilizar hojas de estilo del famoso CSS.

HTML 5: es la última versión. Aún no está muy extendida, llama mucho la atención porque trae muchas mejoras como la posibilidad de incluir fácilmente vídeos, mejorar el contenido, nuevas características para los formularios, etc. Esta es la versión que vamos a describir en esta documentación. EL estándar estará completado en el año 2014.

¿Por qué es importante el navegador?

El navegador es el programa que nos permite visualizar los sitios web. Como ya he explicado anteriormente, el trabajo del navegador es leer el código HTML y CSS (principalmente) para mostrar una salida en pantalla. Si l CSS indica al navegador: "Los títulos son rojos ", el navegador mostrará los títulos en rojo.

El papel del explorador es esencial. Uno no lo haría, pero un navegador es un programa extremadamente complejo. De hecho, la comprensión del código HTML y CSS es una hazaña. El principal problema, que rápidamente te das cuenta es que los diferentes navegadores no muestran exactamente el mismo sitio de la misma manera. Has de tener el hábito de comprobar con regularidad que el sitio trabaja correctamente en la mayoría de los navegadores.

Los navegadores en ordenadores tipo PC

Es aconsejable instalar varios navegadores en el ordenador para asegurarse de que el sitio funciona correctamente en cada uno de ellos. En general, recomiendo probar el sitio web sobre una base regular por lo menos Google Chrome, Mozilla Firefox, Opera e Internet Explorer .

La siguiente figura muestra una visión general del resultado producido por algunos de los principales navegadores en la página de Google.

Entender las diferencias entre navegadores

Como se ha visto antes, los navegadores no siempre muestran el mismo sitio exactamente de la misma manera. ¿Por qué? Esto es porque los navegadores no siempre saben las últimas características de HTML y CSS. Por ejemplo, Internet Explorer (como es habitual en los productos Microsoft) siempre ha quedado a la zaga en algunas de las

VENTAJAS:

- Fácil de usar
- Permite la comunicación rápida y directa con una o varias personas que se encuentren en cualquier parte del mundo.
- Desarrollo de diferentes proyectos y propuestas para darlos a conocer a través de la red.
- Se puede contactar con diferentes personas para realizar negocios, trabajos, proyectos, etc.



DESVENTAJAS:

- Es muy básico
- No ofrece diversidad de opciones
- No es muy completo