Manual Para Diseñar Una Pagina Web

DISEÑO DE PAGINAS WEB
Este manual está pensado para guiar tanto a quien desee construir su propia página del Web, partiendo desde los conceptos iniciales, como a quien quiera ampliar sus conocimientos.
En su confección se ha procurado seguir siempre un criterio eminentemente práctico. Para mejor asimilar los conceptos tratados, se propone al final de cada capítulo un ejemplo práctico. Por mediode estos ejemplos se va creando progresivamente una página del Web.
• Primeras herramientas: Para comenzar sólo son necesarios dos elementos:
o Un procesador de texto. Vale cualquiera, siempre que no formatee el texto. Por ello, los más adecuados son los más sencillos (como por ej., Notepad en Windows o SimpleText en Macintosh). Si se utilizan procesadores como el Word, se debenguardar los ficheros como 'Sólo Texto', para que no introduzca órdenes de formateo, que pueden provocar errores al cargarlo en el navegador.
o Un navegador del Web. Esto se da por supuesto, ya que has accedido a esta página con uno de ellos (p. ej. Netscape, MSI Explorer, Mosaic, etc.)
El procesador de texto lo usaremos para ir escribiendo los documentos HTML, que seráposteriormente interpretado por el navegador, con lo que iremos comprobando los cambios y añadidos que vayamos efectuando.
Existen ciertos programas (Microsoft FrontPage, Macromedia Dreamweaver, etc) que nos ayudan a automatizar este proceso, pero es muy conveniente comenzar a hacerlo de una manera manual, para comprender bien la estructura del lenguaje HTML
• Método de trabajo: Con el procesadorde textos crearemos un fichero con el nombre que queramos (p. ej. mipagina), pero que debe tener necesariamente la extensión .html (o .htm si nuestro sistema operativo no soporta extensiones de más de tres letras) . Cada vez que escribamos algo nuevo en este fichero mipagina.html, debemos guardarlo antes de cargarlo en el navegador.
Para cargar nuestro documento HTML en el navegador,utilizaremos la herramienta adecuada para encontrar donde esté guardado el fichero, y abrirlo:
o En el Netscape: File/Open File
o En el MSI Explorer: Archivo/Abrir/Abrir Archivo
o Etc...
Este manual está dividido en capítulos, en los que se van introduciendo nuevos conceptos con sus correspondientes ejemplos prácticos, que se pueden visualizar directamente.
Los cincoprimeros capítulos, HTML básico, son suficientes para poder confeccionar una página sencilla. El resto de los capítulos, HTML intermedio y Temas avanzados, proporcionan las herramientas para confeccionar páginas más sofisticadas.
El manual está complementado por la sección WebStore, en donde se pueden encontrar distintos elementos gráficos y sonoros para confeccionar las páginas.

1. Una páginabásica

El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera:
Este es el inicio de una etiqueta.
Este es el cierre de una etiqueta.
Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Por claridad, se usarán en este manual sólamente las mayúsculas
Lo que haya entre ambas etiquetasestará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas y :
[Todo el documento]
El documento en sí está dividido en dos zonas principales:
• El encabezamiento, comprendido entre las etiquetas y
• El cuerpo, comprendido entre las etiquetas y
Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal,principalmente el título del documento, comprendido entre las etiquetas y . El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones).
Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.)
Por tanto, la estructura queda de esta manera:...