Sie sind auf Seite 1von 25

LENGUAJE HTML

Historia del Lenguaje Html

Herramientas para hacer una pgina WEB

Espacio en un servidor que aloje tus pginas Manos a la obra. A hacer la pgina Revsala y edtala al Sbela

servidor Lo que toda pgina debe tener Ventajas de una pagina Web

HISTORIA

En Espaol se traducen (HTML):


l l

LENGUAJE DE MARCACION DE HIPERTEXTO. HTML (HyperText Markup Language)

Fue creado en 1989 por el fsico nuclear TIM BERNERSLEE el cual propuso disear un sistema de unificacin del acceso a todos los datos que posea el Centro Europeo para la Investigacin Nuclear.(CERN)

Se comenz as a desarrollar una plataforma de tipo hipertexto y un protocolo de comunicaciones que se denomin: HTTP (Hyper Text Transfer Protocol) Que permitira a todos los cientficos del CERN, consultar cualquier informacin de cualquier tema, aunque se encontrase diseminada en los diferentes ordenadores, tanto del propio centro, como en los ordenadores de las diferentes instituciones que colaboraban con el CERN.

HISTORIA

HISTORIA

El sistema alcanz un xito enorme, tanto es as que se comenz a definir un lenguaje de creacin de documentos estructurados que vino a llamarse HTML (Hyper Text Markup Language)

QUE ES HMTL

Es un lenguaje de programacin muy sencillo que permite describir hipertexto ( idea deTed Nelson ), es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de informacin relacionadas, y con inserciones multimedia (grficos, sonido...)

La descripcin se basa en especificar en el texto la estructura lgica del contenido (ttulos, prrafos de texto normal, enumeraciones, definiciones, citas, etc) as como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un grfico determinado) y dejar que luego la presentacin final de dicho hipertexto se realice por un programa interprete especializado (como explorer o Netscape).

QUE ES HMTL

QUE ES HMTL

Los documentos HTML son ficheros de texto (ASCII) que se pueden crear con cualquier editor de texto (notepad, vi, emacs, ...) Tambin hay disponibles editores HTML (wysiwyg)[what you see is what you get], como Hotmetal, Adobe Pagemill, MS Frontpage, Dreamweaver, etc

ARQUITECTURA HMTL

Un documento est formado por elementos:


l l

Ttulos, prrafos, listas, tablas, ... Para delimitar los elementos se utilizan etiquetas:
l l l

<nombre-etiqueta> elemento </nombre-etiqueta>


l

Ejemplo:
<TITLE>Un ttulo</TITLE>

Nota:

estas

etiquetas

tienen

diferentes

ARQUITECTURA HMTL ESTRUCTURA BASICA

HERRAMIENTAS PARA HACER UNA PGINA WEB


Slo necesitas un EDITOR DE TEXTO , UN NAVEGADOR ("browser") y posiblemente un programa FTP.
v

HERRAMIENTAS PARA HACER UNA PGINA WEB

Con respecto al navegador Web, Los navegadores ms comunes son Microsoft Explorer (El Explorador) y Netscape (El Navegador).

Internet Explore r
v

Netscap e

Si vas a usar imgenes, necesitars un software que te permita editar fotos y dibujos.

ESPACIO EN UN SERVIDOR QUE ALOJE TUS PGINAS

Una vez que la pgina est hecha, necesitars que una compaa con un servidor (conectado a la Red) la aloje, es decir que lo "ponga" en el Internet.
Geocities http://www.geocities.com/ Ciudades Virtuales http://www.civila.com/civila.htm Hispamerica http://www.hispamerica.com/normasweb.htm Ciudad Futura http://www.ciudadfutura.net/ Tripod http://www.tripod.com.mx

COMO CREAR UNA PGINA WEB

Lenguaje HTML

Programas de Diseo de Web

LENGUAJE HTML

El HTML es un lenguaje creado para el manejo de Hipertexto... Que es HTML? Como crear un archivo HTML Cuerpo basico de un archivo HTML Que podemos introducir en un Documento HTML Etiquetas que nos pueden ayudar Insertar una imagen

QU ES?
q

Las pginas Web son creadas con el lenguaje HTML . Este

lenguaje es el que indica a los navegadores que deben mostrar en pantalla y cmo mostrarlo.
q

Todas las instrucciones HTML deben ir entre etiquetas, y

toda etiqueta debe ir entre corchetes angulares (< >).


q

HTML: (HyperText Markup Language). Lenguaje de marcado

de Hipertexto. Es el lenguaje estndar para describir el contenido y la apariencia de las pginas en el WWW.

COMO CREAR UN ARCHIVO HTML PRIMER PASO: Todo lo que se necesita para escribir una pgina Web es un editor que permita guardar documentos de texto de tipo ASCII, lo que en algunos procesadores de texto se denomina "slo texto". Estos documentos se pueden crear de modo muy sencillo: Con el Bloc de notas (Notepad), si se trabaja en Windows, o la aplicacin SimpleText, si se trabaja en Macintosh. Puede encontrar estos programas en cualquier ordenador Windows o Macintosh.

Con cualquier procesador de textos, pero teniendo cuidado de guardarlo como un fichero "Solo texto".

En ambos casos, la nica precaucin es aadir al nombre de nuestro fichero el texto ".htm", en Windows, o ".html" (en Macintosh o Unix).

Esqueleto Todo documento HTML debe empezar por la etiqueta <HTML> y terminar por la etiqueta </HTML>. El resto del documento ir entre ambas, y se dividir en dos partes: la cabecera, que comienza con <HEAD> y termina con </HEAD>. Aqu se colocarn los elementos que identificarn nuestro documento: el ttulo, los descriptores que explican el tema de nuestro documento, etc. Todos estos datos son optativos, pero es recomendable colocarlos para que los usuarios puedan saber de qu trata nuestra pgina.

el cuerpo, que comienza con <BODY> y termina con </BODY>. Aqu es donde irn todos los elementos que componen una pgina Web, y que sern visualizados por el navegador.

LO QUE PUEDE CONTENER


En un documento Web podemos escribir cualquier texto, como en un procesador de textos cualquiera. Un tipo de texto especial es el que hace de enlace con otros documentos Web. Hemos mencionado antes que en un documento Web, se pueden incluir enlaces de hipertexto, es decir, instrucciones para que el navegador, al hacer un clic sobre el enlace, nos presente un documento situado en cualquier otro ordenador conectado a Internet . <HTML> <HEAD> <TITLE>Prueba de pgina </TITLE> </HEAD> <BODY> Si pincha en el texto subrayado <A HREF="http://www.ucol.mx"> Universidad de Colima</A>, podr acceder a pgina de ese archivo. </BODY> </HTML>

la

ETIQUETAS
<H#> y </H#> (# = un nmero entre 1 y 6): Define el ttulo de una parte del documento. H1 es el ttulo con un tamao de letra ms grande, y H6, el ms pequeo. Sirven para dividir de un modo lgico los contenidos de una pgina.

<UL> y </UL>: Definen una lista no numerada. Los elementos de la lista deben llevar, solo al comienzo de cada elemento, una etiqueta <LI>.

<OL> y </OL>: Igual que la anterior, slo que los elementos de la lista irn numerados. (14)

<P> y </P>: Indican el comienzo y el fin de un prrafo. En realidad, la etiqueta de fin de prrafo no es necesaria, ya que al comenzar un nuevo prrafo, HTML introduce automticamente un salto de lnea.

<BR>: Salto de lnea. No obstante, tanto la lnea anterior como la siguiente estn en el mismo prrafo.

<B> y </B>: Texto en negrita.

<I> y </I>: Texto en cursiva

IMAGENES

<IMG SRC="nombre de la imagen">: Etiqueta para colocar

imgenes en la pantalla. En este caso, hay que indicar en que parte del ordenador est esa imagen (en qu directorio) y el nombre del fichero informtico que la contiene. Por ejemplo, si queremos poner en nuestra pgina la imagen con el escudo de un archivo, llamado "escudo.jpg", que est en el directorio IMGENES de nuestra unidad C: (el disco duro del ordenador, por lo general), la etiqueta completa sera: IMG SRC="c:\imagenes\escudo.jpg

PROGRAMAS DE DISEO DE WEB

Dream Weaver Flash Word 2000 PowerPoint 2000, etc.

REVISALA Y EDITALA

Mira la pgina en el navegador. Sali como queras? Este es el momento de hacer todas las correcciones. Asegrate de que los enlaces internos funcionen, que si dice, por ejemplo, "ir a la pgina siguiente" efectivamente haga lo que dice.

SUBELA AL SERVIDOR

Muchas de las compaas que alojan pginas en sus servidores tienen herramientas que facilitan la "subida" de las pginas a la Red. Si no fuera as, necesitars un software que te permita transferir tus documentos e imgenes al servidor. Este software se lo conoce como FTP (File Transfer Protocol).

LO QUE TODA PAGINA DEBE TENER * Ttulo. Cada pgina tiene que tener un ttulo que indique claramente de qu se trata. Barra de navegacin, o lista de todas las pginas que forman tu sitio, con sus respectivos enlaces.

Tu nombre y tu direccin e-mail para que los visitantes se puedan

contactar contigo.

Ultima fecha de actualizacin. * Un contador de visitas a tu pgina, tienes que indicar la fecha en que

empezaste a contar.

VENTAJAS DE UNA PAGINA WEB * Ofrece informacin de primera mano sobre el archivo a todo tipo de interesados geogrficamente alejados. * Concentra el trabajo de divulgacin del archivo y de sus fondos y, al tiempo, hacer accesible esta informacin en cualquier momento * Reduce los costos de divulgacin del archivo: la edicin a nivel bsico de pginas Web no es difcil ni cara. Todo depende del nivel de divulgacin deseado. * Sirve de referencia a instituciones similares, y viceversa, con lo que fomenta el conocimiento de los proyectos en los que trabajan los colegas. * Ayuda a reducir costos: varios archivos pueden compartir una conexin a Internet y aumentar, al tiempo, su capacidad de acceso al pblico.