OPTATIVA III
EDITORES
EDITOR DE HTML
NOMBRE:
ROBERTO MANUEL CASTILLA LLERGO
CARRERA:
ADMINISTRACIÓN DE
EMPRESAS
PACHUCA DE SOTO, HGO. A 10 DE JULIO DE 2004.
INDICE
|
INTRODUCCION |
|
HISTORIA DEL XML |
|
¿QUE
ES HTML? |
|
¿QUE ES WWW? |
|
¿QUE ES HTML? |
|
EVOLUCION DEL LENGUAJE |
|
CLIENTES Y SERVIDORES WWW |
|
PROTOCOLO DE
DIRECCIONAMIENTO DE DOCUMENTOS:EL URL |
|
¿QUE SE PUEDE HACER CON
HTML? |
|
REQUISITOS PARA HACER UNA WEB PAGE |
|
ESTRUCTURA DE LOS
DOCUMENTOS |
|
LETRA |
|
TABLAS |
|
FORMULARIOS |
|
ELEMENTOS DEL LENGUAJE
HTML |
|
FONT |
|
COLORES |
|
COLORES DEL ENTORNO |
|
HIPERENLACES |
|
HTTP |
|
FTP |
|
LISTAS |
|
LISTAS ORDENADAS |
|
LISTAS DE DIRECTORIO |
|
LISTAS DE MENU |
|
ANIDAMIENTOS DE LISTAS |
|
FRAMES |
|
FRAMESET |
|
NO FRAMES |
|
EL
ATRIBUTO TARGET |
|
UN
FRAME BASICO: SINTAXIS GENERAL |
|
FORM |
|
TEXTAREA |
|
IMÁGENES |
|
EL
ATRIBUTO ALIGN |
|
ANIMACIONES |
|
CONCLUSION |
INTRODUCCION
Desde su introducción al mundo en
1990 el World Wide Web (llamado comúnmente Web) a crecido de forma
rápida y ya son millones las personas que lo utilizan a diario en todo el
mundo. Estas personas pertenecen a todo tipo de ocupaciones, profesiones,
estilos de vida y creencias.
La capacidad del Web en crear una
audiencia mundial para la información que contiene ha sido la causante
principal del formidable estallido de popularidad del mismo al grado que las
grandes coorporaciones mundiales como Coca-Cola Co. o instituciones como la NASA lo utilizan de forma
cotidiana en sus labores. El Web se usa para comunicación, distribución de
información o inter-acción entre miembros de una
entidad, así como un vasto y prácticamente inagotable almacén de información de
cualquier índole disponible de forma global.
Por último existe una confusión
generalizada al considerar al Web como un equivalente de Internet cuando el Web
no es una red de computadoras sino un sistema de aplicación (programa) que
puede ser usado sobre Internet o sobre cualquier red o, incluso, sin red
alguna.
Una definición aceptada del WEB es: "El WWW es un sistema de comunicación e información
basado en hipertexto que se usa normalmente a través de Internet con un esquema
de transferencia de datos acorde al modelo cliente/servidor". Los
"clientes" Web (conocidos como Browsers o
navegadores) pueden accesar información de hipermedia y de multiples
protocolos usando un esquema de direcciones de red
Aprender a utilizar el HTML es
considerablemente diferente de aprender a desarrollar software en algún
lenguaje de programación. El lenguaje HTML es un lenguaje interpretado que
permite dar indicaciones precisas al programa cliente, en este caso los
navegadores o browsers de cómo debe presentarse el
documento en pantalla.
Este documento es el que, en la
World Wide Web (WWW), conocemos como hipertexto. Un documento de hipertexto no
se compone únicamente de texto, pues también contiene relaciones con otros
documentos. Con el paso del tiempo este concepto se ha ampliado aun mas
haciendo que los enlaces no solo sean de texto, sino que se complementen con
información en otros formatos, como gráficos, sonidos, vídeo, etc. El resultado
es un documento que combina muchos elementos multimedia y que permite su
difusión por medio del web.
El sistema alcanzó un éxito enorme,
tanto es así que se comenzó a definir un lenguaje de creación de documentos
estructurados que vino a llamarse HTML (Hyper Text Markup Language).
HISTORIA DEL XML
El XML proviene de un lenguaje que inventó IBM allá por los años 70. El lenguaje de IBM se llama GML (General Markup Language) y surgió por la necesidad que tenían en la empresa de almacenar grandes cantidades de información de temas diversos. Imaginar por un momento la cantidad de documentación que generaría IBM sobre todas las áreas en las que trabajaba e investigaba, y la cantidad de información que habrá generado hasta hoy. Así pues, necesitaban una manera de guardar la información y los expertos de IBM se inventaron GML, un lenguaje con el que poder clasificarlo todo y escribir cualquier documento para que se pueda luego procesar adecuadamente.
Este lenguaje
gustó mucho a la gente de ISO, una entidad que se encarga de normalizar cuantas
cosas podáis imaginar para los procesos del mundo actual, de modo que allá por
el 86 trabajaron para normalizar el lenguaje, creando el SGML, que no era más
que el GML pero estándar (Standar en inglés).
SGML es un
lenguaje muy trabajado, capaz de adaptarse a un gran abanico de problemas y a
partir de él se han creado los siguientes sistemas para almacenar información.
Por el año 89,
para el ámbito de la red Internet, un usuario que había conocido el lenguaje de
etiquetas (Markup) y los hiperenlaces creo un nuevo
lenguaje llamado HTML que fue utilizado para un nuevo servicio de Internet, la
Web. Este lenguaje fue adoptado rápidamente por la comunidad y varias
organizaciones comerciales crearon sus propios visores de HTML y riñeron entre
ellos para hacer el visor más avanzado, inventándose etiquetas como su propia
voluntad les decía. Desde el 96 hasta hoy una entidad llamada W3C ha tratado de
poner orden en el HTML y establecer sus reglas y etiquetas para que sea un
estándar. Sin embargo el HTML creció de una manera descontrolada y no cumplió
todos los problemas que planteaba la sociedad global de Internet.
¿QUE ES HTML?
HTML es el lenguaje con el que se definen las
páginas web. Básicamente se trata de un conjunto de
etiquetas que sirven para definir la forma en la que presentar el texto y otros
elementos de la página.
El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web llegara a ser un área de ocio con carácter multimedia,
de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se
le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.
Sin embargo, pese a esta deficiente planificación, si que se han ido
incorporando modificaciones con el tiempo, estos son los estándares del HTML.
Numerosos estándares se han presentado ya. El HTML 4.01 es el último estándar a
febrero de 2001.
El HTML es un lenguaje de programación muy fácil de aprender, lo que permite
que cualquier persona, aunque no haya programado en la vida pueda enfrentarse a
la tarea de crear una web. HTML es fácil y pronto
podremos dominar el lenguaje. Más adelante se conseguirán los resultados
profesionales gracias a nuestras capacidades para el diseño y nuestra vena
artista.
Una vez conocemos el concepto de HTML os vamos a adelantar algunas cosas más.
Este lenguaje se escribe en un documento de texto, por eso necesitamos un
editor de textos para escribir una página web. Así
pues, el archivo donde está contenido el código HTML es un archivo de texto,
con una peculiaridad, que tiene extensión .html o .htm (es indiferente cuál utilizar). De modo que cuando
programemos en HTML lo haremos con un editor de textos, lo más sencillo posible
y guardaremos nuestros trabajos con extensión .html,
por ejemplo mipagina.html
Por adelantar un poco cómo se utiliza el HTML os diremos que el lenguaje consta
de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta
significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un
enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de
cierre, que indica que a partir de ese punto no debe de afectar la etiqueta.
Por ejemplo </B> se utiliza para indicar que se deje de escribir en
negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan
para definir la forma o estilo que queremos aplicar a nuestro documento.
<B>Esto está en negrita</B>.
¿QUÉ ES WWW?
El servicio Web o WWW es una nueva forma de
representar la información en Internet basada en páginas. Una página WWW puede
incluir tres tipos de información: texto, gráficos e hipertexto. Un hipertexto
es texto resaltado que el usuario puede activar para cargar otra página WWW. La
diferencia entre un documento hipertexto y un documento normal consiste en que
el hipertexto contiene, además de la información, una serie de enlaces o
conexiones con otros documentos relacionados, de manera que el lector puede
pasar de un tema a otro y volver al documento original en el momento en que le
interese.
Las principales ventajas del servicio WWW son tres.
Primera, que puede combinar texto y gráficos. Segunda, que los hiperenlaces
permiten cargar páginas de cualquier otro servidor conectado a Internet, da
igual que esté localizado en España o en Australia. Y, tercera, que la creación
de páginas WWW es bastante sencilla mediante el lenguaje HTML.
El gran éxito de Web no se debe solamente al empleo
del hipertexto. Es normal encontrar que los documentos WWW están compuestos de
texto y gráficos, y los enlaces con otros documentos pueden ser palabras clave
subrayadas o resaltadas en el texto, pero también la totalidad de una imagen o
incluso partes de ella (como un mapa "sensible", que permite acceder
a información sobre una ciudad haciendo un "click"
del ratón sobre un determinado detalle del plano). Las últimas versiones de los
programas navegadores (y la mayor rapidez de las telecomunicaciones) permiten
integrar en un mismo documento texto, gráficos, sonidos o, incluso animaciones
de vídeo. Estos documentos compuestos son los que reciben el nombre de hipermedia.
¿QUÉ ES HTML?
HTML, HyperText Markup Language, es un lenguaje
simple utilizado para crear documentos de hipertexto para WWW. No es un
lenguaje de descripción de página como Postcript;
HTML no permite definir de forma estricta la apariencia de una página, aunque
una utilización algo desviada hace que se utilice en ocaciones
como un lenguaje de presentación. Además, la presentación de la página es muy
dependiente del browser (o programa navegador)
utilizado: el mismo documento no produce el mismo resultado en la pantalla si
se visualiza con un browser en modo línea, Mosaic o Netscape, o sea, HTML se
limita a describir la estructura y el contenido de un documento, y no el
formato de la página y su apariencia.
Una de las claves del éxito de
WWW, aparte de lo atractivo de su presentación es sin duda, su organización y
coherencia. Todos los documentos WWW comparten un mismo aspecto y una única
interfaz, lo que facilita enormemente su manejo por parte de cualquier persona.
Esto es posible porque el lenguaje HTML, en que están escritos los documentos,
no solo permite establecer hiperenlaces entre diferentes documentos, sino que
es un "lenguaje de descripción de página" independiente de la
plataforma en que se utilice. Es decir un documento HTML contiene toda la
información necesaria sobre su aspecto y su interacción con el usuario, y es
luego el browser que utilicemos el responsable de
asegurar que el documento tenga un aspecto coherente, independientemente del
tipo de estación de trabajo desde donde estemos efectuando la consulta.
Su simplicidad es tal que no es necesario utilizar
un editor particular. Su gran permisividad exige rigor y atención en la
estructura de documentos con el fin de que éstos se visualicen correctamente al
margen del contexto y el browser utilizado. Por
tanto, como hemos visto, HTML es un lenguaje muy sencillo que nos permite
preparar documentos Web insertando en el texto de los mismos una serie de
marcas (tags) que controlan los diferentes aspectos
de la presentación y comportamiento de sus elementos.
Para escribir HTML lo único que se necesita es un
editor de texto ASCII, como EDIT del MS-DOS o el Bloc de notas de Windows. Las
marcas o tags que controlan el comportamiento del
documento son fragmentos de texto encerrados entre los signos "mayor
que" y "menor que" (<marca>). Existen diferentes tipos de
marcas: algunas controlan simplemente la presentación del texto del documento;
otras, la forma en que se incluirán en él imágenes; otras, finalmente, los
hiperenlaces con documentos o con diferentes partes del mismo documento.
Existen una serie de programas que ayudan en la elaboración de documentos HTML,
como HTMLED (shareware) o HTML Assistant,
ambos para Windows, pero no son imprescindibles para escribir el código. Lo que
si es necesario es un programa cliente WWW, tal como Mosaic,
o Netscape, para probar el documento a medida que lo
vamos desarrollando.
Las marcas funcionan muchas veces por parejas, una
para indicar el inicio de enlace o formato, y otra para señalar el final. La
marca de inicio consiste en una letra o una palabra (por ejemplo, estas son
marcas de inicio: <B>, <TITLE>). La marca de final es la misma
letra o palabra precedida por la barra inclinada o "slash"
(es decir,</B>, </TITLE>). Existen, no
obstante, algunas marcas que no requieren su pareja de cierre, como <BR>
(que fuerza un salto de línea). Es importante señalar que las marcas, en
general pueden estar indistintamente en mayúsculas o en minúsculas.
Como todo lenguaje, está en constante evolución. La
versión en curso es la versión 2.0 pero existe ya un proyecto para la versión
3.0.
EVOLUCIÓN DEL LENGUAJE
El lenguaje HTML nace en 1991 de manos de Tim Bernes-Lee del CERN como un
sistema hipertexto con el único objetivo de servir como medio de transmisión de
información entre físicos de alta energía como parte de la iniciativa WWW. En
1993 Dan Connelly escribe el primer DTD (Document Type Definition)
de SGML describiendo el lenguaje. En 1994 el sistema había tenido tal
aceptación que la especificación se había quedado ya obsoleta. Por aquel
entonces WWW y Mosaic eran casi sinónimos debido a
que el browser Mosaic del
NCSA (National Center for Supercomputing Applications) era el más extendido debido a las mejoras que
incorporaba. Es entonces cuando nace el HTML 2.0 en un draft
realizado también por Dan Connelly. El crecimiento
exponencial que comienza a sufrir el sistema lleva a organizar la First International WWW
Conference en Mayo de 1994. El
principal avance de 2.0 de HTML es la incorporación de los llamados forms, formularios que permiten que el usuario cliente envie información al servidor y ésta sea recogida y
procesada allí. Precisamente con este fin, NCSA presenta la especificación del
CGI, Common Gateway Interface, versión 1.0 que define un interfaz entre
programas ejecutables y el sistema WWW. Con la incorporación de los forms, aparecen por primera vez campos donde el usuario
puede escribir, menús "pull-down"
y los denominados "radio-buttons"
integrados en páginas WWW.
Desde entonces, el lenguaje ha seguido creciendo
como algo dinámico, como una lengua humana, algo vivo, siendo modificado sobre
todo por las personas que lo utilizan. Asi, una
evolución en el lenguaje suele surgir de una propuesta que es adoptada por
algunos clientes (browsers). Con el uso se ve si es
eficiente y es adoptada y si es así, finalmente se incorpora al estándar. De
este modo, a finales de 1993 se comienza a hablar de HTML+
propuesto por Dave Raggett,
de HEP Labs, en Bristol que evoluciona a un nuevo draft de Marzo de 1994 para la versión HTML 3.0
incorporando nuevas posibilidades como la realización de tablas complejas,
control de proceso de formatos e incorporación de expresiones matemáticas.
El testigo pasa del browser
Mosaic al Netscape, que
incorpora nuevas mejoras. Aunque el equipo de Netscape
anuncia desde el principio que su browser trata HTML
3.0, lo cierto es que no se adapta al estándar. Por el momento, el único browser de HTML 3.0 es experimental y recibe el nombre de
Arena. El lenguaje de Netscape, el más utilizado en
la actualidad, incorpora etiquetas no definidas en HTML 3.0, y tiene algunas
diferencias con algunas de las definidas, por ejemplo en la realización de
tablas. Por otra parte, hasta la versión 2.0, recién aparecida, no permitía el
empleo de expresiones matemáticas (al escribir este artículo el autor aún no ha
analizado la versión 2.0). Y como gran idea propone la incorporación de un tipo
MIME experimental que permite la actualización dinámica de documentos, del que
se hablará en el apartado dedicado a la programación de CGI. Por ello, en
"los ambientes" se ha comenzado a denominar este lenguaje de Netscape como NHTML 1.1 para diferenciarlo de la verdadera
propuesta de
HTML 3.0.
CLIENTES Y SERVIDORES WWW
Para poder utilizar el servicio Web se necesitan dos
partes. Por un lado, la empresa o institución que quiere facilitar su
información tiene que crear páginas WWW, siguiendo el estándar definido por el
lenguaje HTML, y ponerlas a disposición del público en Internet, en lo que se
llama un servidor WWW. Por otro lado, el usuario que quiere acceder a dichas
páginas tiene que utilizar un programa (cliente WWW) que lea las páginas WWW e interprete su siginificado (por
ejemplo, un hiperenlace). Estos programas navedores o clientes WWW son los que permiten al ordenador
del usuario interpretar el lenguaje HTML.
Existen numerosos programas gratuitos, y algunos
comerciales, para leer los documentos WWW. El más conocido es probablemente el Mosaic, del Centro Nacional de Aplicaciones de Supercomputación (NCSA) de los Estados Unidos, del que
existen versiones para diferentes plataformas (UNIX, Mac,
Windows). Otros programas muy difundidos son Netscape
(cuya versión beta es de libre disposición y que resulta más rápido que Mosaic), Cello, WinWeb o MacWeb (para Macintosh).
Las capacidades de los diferentes navegadores pueden variar de uno a otro
programa: aunque la mayor parte permiten el uso de gráficos como enlaces,
quedan algunos como Lynx, para DOS, Unis o VMS) que sólo funcionan en modo texto.
PROTOCOLO DE DIRECCIONAMIENTO DE DOCUMENTOS: EL URL
Interconectar documentos por todo el planeta
sobreentiende un medio único de identificación en la red Internet. La dirección
única de un documento en WWW es llamada URL -Uniform Resource Locator- y se compone de
los siguientes elementos:
el protocolo de intercambio
de datos entre el cliente y el servidor. (HTTP) la dirección Internet del
servidor que difunde los documentos. Esta dirección es única en toda la red, es
la dirección TCP/IP de la máquina. Tiene la forma de una serie de números como
134.158.69.113; al ser estos números difíciles de memorizar, un anuario (DNS)
resuelve generalmente la relación entre dirección numérica y nombre simbólico
de la máquina/nombre del ámbito (ejemplo: 134.158.48.1 es la dirección de la
máquina sioux.in2p3.fr
en la que sioux representa el nombre de la
máquina y .in2p3.fr el nombre del ámbito); el árbol
de directorios (el camino) que conduce al documento;
el nombre del documento que
tendrá siempre la extensión .html o .htm.
Menos frecuentemente esta dirección prodrá completarse con otros elementos:
el puerto; información de
autentificación (username y password);
argumentos que se pasarán a un
programa en la llamada de un enlace ejecutable.
La sintáxis mínima
utilizada para representar el URL de un documento es la siguiente:
protocolo://nombre_del_servidor/
cuando no se especifica un
nombre de fichero se acudirá al fichero predeterminado del servidor,
habitualmente la home page.
La sintáxis que se
encuentra habitualmente es:
protocolo://nombre_del_servidor/directorio/subdirectorio/nombre_del
_documento
La sintáxis completa es:
protocolo://username;password@nombre_del_servidor:puerto/directorio/subdirectorio//nombre_del
_documento?argumentos
Se observará también en ciertas direcciones la
presencia del signo tilde ( ~ ) delante del nombre de
un directorio. Se trata de home pages
personales, posibilidad ofrecida a los usuarios que tienen una cuenta en la
máquina servidor.
¿QUE SE PUEDE HACER CON HTML?
Marcas
Las marcas delimitan elementos de un documento como
cabeceras, párrafos, etc y son utilizadas para dar un
tratamiento diferente al texto que se encuentre entre las Marcas. En HTML las
marcas se delimitan con los signos < (inferior a) y > (superior a). Un texto
marcado tendrá por tanto este aspecto:
...texto normal <marca> texto afectado por la marca </marca> resto del texto...
Un ejemplo podría ser resaltar un texto en negrita,
para ello se emplea la marca <B> y quedaría de la siguiente forma:
...texto normal <B> texto en negrita </B> resto del texto...
Atributos de las marcas
Algunas marcas pueden admitir atributos, pudiendo
tener cada uno de estos atributos un valor. Este valor ira entre comillas
(") si dicho valor es alfanumérico.
<marca atributo1=numerico
atributo2="alfanumetrico">
Ejemplo:
<pre
width=50>
<a
href="/home/default.html">
REQUISITOS PARA HACER UNA WEB
PAGE
Como primera cosa, se necesita que el usuario tenga
un conocimiento avanzado en el uso de computadoras; además, el material que se
necesita para la creación de las páginas es el siguiente:
a) Computadora PC o Macintosh.
Para efectos nuestros, todo se hará tomando en cuenta que se trabaja en un
computador PC con sistema operativo WINDOWS 98 o VERSIONES POSTERIORES.
b)Cualquier programa editor de
páginas WEB.
(Opcional)
Para nuestra lección usaremos el programa NETSCAPE COMPOSER que se encuentra en
NETSCAPE ver 4.5. Si usted no tiene el programa NETSCAPE instalado en su
computador
d)Cualquier programa editor
de archivos gráficos.
Nosotros supondremos
disponible el común y simple PAINT que esta disponible como
accesorio en Windows.
e)Cualquier programa editor
de TEXTOS en formato ASCII.
En el PC, con el programa BLOC DE NOTAS ó
WORDPAD
es suficiente, y se encuentra como un accesorio disponible en el ambiente
Windows.
ESTRUCTURA DE LOS DOCUMENTOS
Cabecera
La cabecera se emplea para facilitar información
acerca del documento y está delimitada por <HEAD> prólogo </HEAD>.
Dentro de la cabecera podemos destacar el título que indica el nombre del
documento <TITLE> </TITLE>.
<HTML>
<HEAD>
<TITLE> Bienvenido a nuestra guia rápida
</TITLE>
</HEAD>
Cuerpo del documento
...
</HTML>
Cuerpo
El resto del documento residirá entre las marcas <BODY>
y </BODY>.
Esta es la estructura mínima que que debe poseer todo
documento HTML:
<HTML><HEAD><TITLE>Bienvenido a la guia
rápida</TITLE></HEAD>
<BODY>
Documento...
</BODY></HTLM>
A continuación describiremos algunos elementos que pueden aparecer dentro del
cuerpo.
Encabezado