Actualmente existen diferentes tecnologías para crear páginas web. Las páginas web que envián el texto codificado en la propia página se llaman páginas estáticas. Las páginas estáticas requieren que el editor republique toda la página cuando se hagan cambios. Podemos imaginar a las páginas estáticas como las publicaciones impresas; sin embargo, la creación de páginas estáticas es algo trivial actualmente, gracias a los programas especializados que existen.
Qué son las páginas estáticas
El código fuente de las páginas web es “interpretado” por los navegadores web, como el Internet Explorer, Google Chrome o Mozilla Firefox. Una bonita página web llena de gráficos tiene un muy aburrido código fuente que los navegadores pueden leer. El código fuente de las páginas estáticas está escrito en un lenguaje de marcas llamado HTML o Lenguaje de Marcas de Hipertexto. Aunque algunas personas se refieran al HTML como un lenguaje de programación, los verdaderos programadores de computadoras pueden encontrar esto chocante.
Los primeros desarrolladores web (incluído yo) aprendimos a crear páginas web escribiendo el código web en los mas simples editores de texto, como el Bloc de Notas que viene con el sistema operativo Windows. Lo que hace el HTML es decirle al navegador dónde poner el texto en la página, cómo darle formato, cómo poner las gráficas, cuáles son los nombres de las imágenes y dónde encontrarlas, etc. Es como describir cómo quieres que se vea tu página.
Actualmente existen un gran número de programas de cómputo que automágicamente generan el código HTML por tí. Estos programas permiten a los desarrolladores trabajar en un modo llamado WYSIWYG siglas en inglés que significan “Lo que ves es lo que obtienes”. De este modo, en vez de concentrarse escribiendo código, los desarrolladores pueden simplemente diseñar la página en un ambiente gráfico y el programa escribirá el código por nosotros. Algunos de los mas populares programas WYSIWYG son Adobe Dreamweaver, Net Objects Fusion y Microsoft Expression.
Estructura de una página web
¿Cómo se ve una página web? Esto es lo que ve un navegador cuando carga una página web:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Mi primera página HTML
</title>
</head>
<body bgcolor="Blue">
<h1>
Este es un ejemplo de una página con fondo azul.
</h1>
<p>
<strong>Este es un texto en negrita.</strong>
</p>
<p>
<em>Este texto está en cursiva</em>
</p>
</body>
</html>
Las etiquetas HTML son la parte de marcado del lenguaje. Las etiquetas son aquellas que están entre los signos < y >. El texto entre < y > no se muestra en los navegadores pero les dice qué es lo que hay que hacer con lo que hay entre ellas. Muchas etiquetas vienen en parejas, una para el inicio y otra para el final de la etiqueta, como las etiquetas para negritas: <b></b>.
