dangos

UNIDAD 3
DISEÑO Y DESARROLLO DE PAGINAS WEB

Introducción

Para poder trabajar con la programación HTML necesitamos 2 implementos muy necesarios, que sin los cuales no podríamos llevar a cabo esta tarea, éstos no un editor de texto y un visualizador, el cual no necesita estar conectado forzosamente a la red.

Nosotros le recomendamos usar un editor de texto pequeño como el block denotas, o el Word Pad de Windows, si lo prefiere puede utilizar WinWord, la sugerencia anterior es debida a que los documentos generados por un editor pequeño son de menor tamaño que los generados por un grande, ya que el flujo de la información es más lento entre mayor sea el tamaño de la información, nosotros trabajaremos con el Word Pad. Si usted esta trabajando en Unix, Linux, Macintosh, no sepreocupe, puede usar cualquiera de los editores con que cuentan estos sistemas, xedit, ghostview, etc.

Como en cualquier otro lenguaje de programación, HTML también utiliza comandos e instrucciones, solo que aquí las llamamos ETIQUETAS. Las etiquetas son la base de cualquier documento web, ya que ellas indican la función que se debe realizar, estas se escriben dentro de los paréntesis triangulares"". Todas o casi todas las etiquetas cuentan con una etiqueta de cierre que lleva el signo "/" anteponiendo al nombre de la etiqueta.

Las etiquetas principales son:

: Indica que el documento a escribirse se trata de una página web.
Sintaxis:

cuerpo del programa

: Indica el comienzo del documento, entre esta etiqueta y la de cierre se encuentra el encabezado del documento.
:Dentro de estas etiquetas se escribe una descripción significativa del tema a tratar.
Sintaxis:

Encabezado descriptivo

: Aquí comienza el cuerpo del documento.
Sintaxis:

Estructura


Esquema semántico de un documento web:


Descripción del Documento


Instrucciones del cuerpo del programa (Programa Principal)



Otras etiquetas importantes:

: Realiza unretorno de carro forzado, es decir corta el texto hasta donde se encuentre la etiqueta, comenzando de nuevo al principio de la página.

: Dibuja una línea de división en el documento. Esta línea puede se de diferente forma, con el atributo "noshade" la línea se torna de un solo color (gris).

: Tamaño de los encabezados donde X = 1,...,6 tomando al más grande como 1. Cabe mencionar que estasetiquetas no deben ser utilizadas para dar el efecto de negritas o de un texto resaltado.

Cabe mencionar que no todas las etiquetas funcionan correctamente en todos los visualizadores, ya que algunas de estas producen efectos raros en visualizadores que no sepan interpretarlos. Por ejemplo la etiqueta que produce una marquesina, no funciona en el visualizador Netscape Comunicator.

Para poderconvertir este fragmento de programa en un documento HTML debemos guardarlo como documento de texto únicamente, sin darle ningún formato, con extensión html. Como ya se habrán dado cuenta, escribí las etiquetas en Mayúsculas, pero fue solo por comodidad, ya que no importa como escribamos nuestras etiquetas, siempre y cuando las escribamos bien, esto quiere decir que da lo mismo:

que o que o. También podemos anidar las etiquetas, siempre y cuando no se crucen, esto es que no ocurra algo como lo siguiente:
hola

Manejo de los atributos para Etiquetas

La mayoría de las etiquetas poseen atributos que las hacen más flexibles para su uso. Que les parecería ponerle un fondo a la página, color a las letras y manejar tipos de letra....ummm, suena interesante ¿no?, pues veamos como sehace esto.
Gracias a los atributos bgcolor= y text=, nosotros podemos darle el efecto de un fondo eligiendo entre los 16 colores de la paleta básica, colocando el nombre del color o bien su número hexadecimal junto al atributo bgcolor=, o si quieres colocar una imagen sustituye a atributo bgcolor=??? por background="???" donde irá la ruta de tu imagen. y lo mismo es para el color de la...