Aquí debes decidir el tema de la página y la información que quieres incluir en ella, por ejemplo, texto, imágenes, sonido, etc.  Todo ello debe ir a tono con el tema seleccionado.  

Recuerda arrastrar las imágenes y los sonidos a las carpetas corres- pondientes, como vimos en la lección 101 (Introducción).  De hecho, toda la información seleccionada DEBE estar en un archivo creado para almacenar un sitio web, que en nuestro ejemplo se llama MiWeb.  

Las estructuras de las páginas Webs pueden ser tan variadas como propósitos tengan así como personas hayan.  Sin embargo, deben tener ciertos elementos comunes que las distinguen.  La estructura de la que usaremos como ejemplo, es como sigue:

Nuestra página, siendo una personal, no requiere demasiadas secciones pero sirve muy bien para aprender los principios envueltos en la creación de una página Web.

Una vez que hayamos planeado bien nuestra página, y después de haber decidido cómo será su estructura, el próximo paso será plasmarla en un editor de texto.   Este no es más que un programa simple donde se crean y editan documentos sencillos que no requieren características avanzadas de formateo y edición de que gozan los procesadores de palabras como Word, WordPefect, etc.  Usaremos  el Windows NotePad.

Abre el Widows NotePad y escribe lo siguiente:

Fig. 102-1

Esta es básicamente la estructura que tendrá nuestra página.  Guárdala (Save) con el nombre de index.html.  En la próxima lección te explicaré  lo que significa cada parte.  

Cuando se visualiza en Internet Explorer el texto aparecerá así:

Fig. 102-2

Observa que el texto no aparece como lo escribimos en el NotePad, está algo desordenado.  Si seleccionas View, y luego source (en Internet Explorer), el texto original aparecerá nuevamente en el NotePad como en la fig. 102-1. 

Vuelve Arriba              Ve al Contenido