Diseño Páginas Web

Tema 3 – Diseño Páginas Web

Diseño
Páginas Web
Desarrollo del tema

1. -INTRODUCCIÓN
HTML es un lenguaje de programación que se utiliza para la creación de
páginas en la WWW. Por página entenderemos el documento que aparece en
el
visualizador.
HTML se compone de una serie de comandos, que son i nterpretados por el
navegador, o programa que utilizamos para navegar por el WWW. Enúltima
instancia es el navegador el que ejecuta todas las órdenes contenidas en el
código HTML, de forma que un naveg ador puede estar capacitado para unas
prestaciones, pero no para otras. Así, podremos especifica r que una página
tenga una imagen de fondo, o un texto parpa deando, pero si nuestro
navegador no está capacitado para esas funciones, no podremos
comprobarlas.
En este tutorial seexpondrán los comandos fundamentales de la programación
HTML. Para hacer comprensible estos comandos, indicaré por una parte, las
secuencias de comandos y por otra el resultado de dichas secuencias, de la
siguiente forma:
Código HTML
comandos
Visualización
comandos

Los comandos HTML tienen una estructura muy básica. Son órdenes, algunas
de una sola letra, contenidas entre los signos < y >.Con frecuencia, los
comandos tienen una función de inicio y otra de fin.
I.E.S. Thiar
Dept. de Informática
1 de 21

Tema 3 – Diseño Páginas Web

La estructura base del documento HTML [T]
Es recomendable que todo fichero HTML siga la siguiente estructura:

Título de la ventana

......comandos y texto......



Como puedes comprobar, estos comandos tienen una orden de inicio y otrade
fin, que no es más que el mismo comando con el signo / antecediéndolo. Los
comandos pueden figurar en letras mayúsculas o en minúsculas,
indistintamente. La secuencia lógica de estas órdenes es la siguiente:








Inicio de un documento HTML
Inicio del título.
Título (que conviene poner para identificar la página de cara al visitante).
Final del título.
Inicio delcuerpo de la página, esto es, de aquello que queremos
visualizar.
Fin del cuerpo de la página.
Fin del documento HTML.

Allá vamos... [T]
Ya podemos iniciar el trabajo con HTML. Necesit as dos herramientas, un
navegador de HTML (son populares los productos Netscape o Mosaic), y un
editor de texto, como el bloc de notas (notepad) de Windows. También se
puede utilizar un procesador de textos,pero los documentos deberán
almacenarse
en
modo
texto
(ASCII
ó
ANSI).
Cuando almacenes un fichero, es conveniente que le pongas por extensión
(.htm), que es el tipo de fichero que por defecto buscará el visualizador (aunque
puede visualizar ficheros con otra extensión). Para visualizar un fichero, utiliza
la orden Open File del menú File de tu visualizador. Siempre que realices unamodificación en el código y la almacenes en el mismo fichero, utiliza la función
reload del visualizador, para comprobar los cambios.

A partir de ahora, asumiremos que el código a introducir figura en tre las
órdenes y .
1.1. Saltos de línea [T]
I.E.S. Thiar
Dept. de Informática
2 de 21

Tema 3 – Diseño Páginas Web

HTML no reconoce los finales de línea del editor de texto. Así, estasdos
secuencias de comandos producen el mismo resultado:
Código HTML
HTML no reconoce los finales de línea. Por esa razón, aunque
utilicemos distintas líneas en nuestro fichero, serán visualizadas
de forma continua. No te preocupes, hay dos comandos básicos para
saltar de línea. El primero produce un salto de línea, pasando
el texto a la línea siguiente. El segundo, define un final depárrafo
dejando una línea en blanco de separación con el texto siguiente.
Visualización
HTML no reconoce los finales de línea. Por esa razón, aunque utilicemos
distintas líneas en nuestro fichero, serán visualizadas de forma continua. No te
preocupes, hay dos comandos básicos para saltar de línea. El primero produce
un
salto
de
línea,
pasando el texto a la línea siguiente. El segundo,...