Sie sind auf Seite 1von 16

CREACION DE PGINAS WEB

Introduccin
Despus de navegar algn tiempo en la red habr observado que dentro de ella hay todo tipo de pginas.
Encontrar toda la informacin que necesite usando los buscadores. No obstante, tambin estar en
condiciones de hacer nuevas aportaciones incluyendo su propia pgina de internet. En ella podr hablar
de sus aficiones, conocer personas afines a sus gustos o promocionar sus productos.
Los pasos seguir son: elegir un editor para crear la pgina, ponerla en un servidor y, por ltimo,
promocionarla.

Qu es el WWW?
El Proyecto World Wide Web naci en respuesta a la necesidad que la comunidad cientfica internacional
tena de nuevos sistemas de distribucin de la informacin. Este fue uno de los objetivos que se plante
Tim Berners-Lee (ingeniero britnico) cuando en 1989 present a sus superiores del CERN la propuesta
original para el proyecto World Wide Web.
El CERN es el Laboratorio Europeo de Fsica de Partculas que, situado en Ginebra, es financiado por 19
pases de la UE. El WWW (como tambin se le llama) se pens como un medio de distribucin de la
informacin entre equipos investigadores geogrficamente dispersos, en concreto, para la comunidad de
fsicos de altas energas vinculados al CERN. Se pretenda que los recursos disponibles en formato
electrnico, que residan en distintas computadoras conectadas a la red, y que fuesen accesibles para
cada investigador desde su propia terminal de forma clara y simple, sin necesidad de aprender varios
programas distintos. Adems debera posibilitarse el salto entre elementos de informacin conexos.
Todos los recursos existentes deberan integrarse en una red hipertextual gestionada por computadoras.
Las primeras versiones de WWW (para uso interno del CERN) estuvieron listas en 1991. Ese ao
tambin, el sistema se abri ya a Internet y, desde entonces, para acceder al World Wide Web no se
requiere ms que un terminal conectado a Internet. La mxima facilidad de uso y el mximo rendimiento
se alcanzan con una pantalla grfica (modelos Next o Macintosh, un X-Terminal o un PC con tarjeta
grfica).
As, el sistema nos ofrece hipertextos (imgenes y textos vinculados). Las palabras que van subrayadas y
las imgenes recuadradas son links que nos conducen a otros nodos. Para hacerlo, basta situar el
puntero del ratn encima de ellos y pulsar el botn. Recordamos que el servidor de informacin de
llegada puede ser otro hipertexto o tambin un servidor no hipertextual integrado en la red: un servidor
Gopher, un grupo de news, una bsqueda en una base de datos Wais, etc.
El xito del World Wide Web (algo as como "telaraa mundial") ha sido espectacular, pasando en el ao
93 de 50 a 500 servidores de informacin. En el 94 ya se contabilizaban por miles y en la actualidad se
calcula que existen ms de 5 millones de pginas Web. En Espaa haba, en 1994, trece servidores
WWW; el primero fue el del Departamento de Educacin de la Universidad Jaume I. Existen Webs de
todos los tipos, de universidades, empresas, organizaciones...
Desde hace casi un ao, el lder en investigacin y desarrollo del ncleo del Web es el MIT
(Massachusetts Institute of Technology) de Boston, EEUU. La Unin Europea decidi, a travs del
Convenio WWW (en el que tambin participa el instituto francs INRIA), el traspaso de toda la
informacin disponible en el CERN al MIT, justificando el acuerdo por la marcha del inventor del Web, Tim
Berners-Lee al citado instituto norteamericano.
En resumen, el Internet pas del caos inicial al Wais, creado por un grupo de empresas en 1989. Ms
tarde apareci el Gopher (Universidad de Minessota, 1991) que constaba de ventanas simples y utilizaba
FTP y Wais. Finalmente, a finales de 1990 el WWW fue inventado en el CERN.
Un conjunto de servicios hypermediales, ofrecidos en todo el mundo a travs de INTERNET, constituyen
lo que se llama WWW (World Wide Web - Telaraa de cobertura mundial). No existe un centro que
administre esta red de informacin, sino ms bien est constituida por muchos servicios distintos que se
conectan entre s a travs de referencias en los distintos documentos, por ejemplo, un documento

contenido en una computadora en Canad, puede tener referencias a otro documento en Japn, o a un
archivo en Inglaterra, o a una imagen en Suecia.
El World Wide Web (el Web o WWW) proporciona una interfaz grfica por la que es fcil desplazarse para
buscar documentos en Internet. Estos documentos, as como los vnculos entre ellos, componen una red
de informacin. Para lo que nos servirn y ayudarn a establecer una mejor opcin en la comunicacin y
determinar los campos de accin y as poder establecerlos llevando a cabo nuestra propia satisfaccin en
la investigacin.

Cmo funciona el WWW?


El WWW est basado en un modelo cliente-servidor, utilizando el protocolo HTTP: hypertext transfer
protocol. Una computadora acta como servidor, ofreciendo la informacin hypermedial, y otro como
cliente, recibindola. La computadora que acta como servidor, debe estar corriendo un programa
especial, llamado httpd (hyper-text transfer protocol daemon), que es capaz de recibir los requerimientos
de informacin y atenderlos. La computadora que acta como cliente, no necesita ningn aditamento
especial, basta con el programa (NetScape, Mosaic, etc.).
El cliente al indicrsele que se conecte a algn servicio en el Web, enva una seal a la computadora
indicado solicitando la informacin. El servidor la recibe y contesta este requerimiento, enviando el
documento solicitado.

Qu es Web Hosting?
Fsicamente un servicio de "Web Hosting" es una coleccin de servidores "Web servers", que no son otra
cosa que computadoras poderosas colocadas en facilidades con el clima controlado y con conexiones
permanentes al Internet a travs de lneas de alta velocidad. Estas computadoras almacenan la
informacin que compone las pginas de Internet.

Qu es TCP/IP?
Como se ha visto, Internet est construida sobre una coleccin de redes que cubren el mundo. Estas
redes conectan diferentes tipos de ordenadores, y de alguna forma ha de existir algn protocolo que las
una, que es conocido como TCP/IP.
Para garantizar que un conjunto de ordenadores pueden trabajar juntos, los programadores hacen sus
programas segn protocolos estndares. Un protocolo es una serie de reglas que describen
tcnicamente, cmo deben hacerse determinadas tareas. Por ejemplo, un protocolo ha de describir el
formato que ha de tener un mensaje. Todos los programas de correo de Internet lo seguirn cuando
preparen un mensaje para su envo a la red.
TCP/IP es el nombre comn de una coleccin de ms de 100 protocolos que nos permiten conectar
ordenadores y redes. El nombre viene de dos protocolos importantes, TCP (Transmission Control
Protocol) e IP (Internet Protocol).
Dentro de Internet la informacin se transmite en pequeos trozo de informacin, denominados paquetes.
Por ejemplo si enviamos un mensaje extenso de correo electrnico, TCP divide este
mensaje en paquetes, cada uno marcado con un nmero de secuencia y con la direccin del destinatario,
adems de incluir informacin de control de errores.
Estos paquetes se envan a la red, donde el trabajo de IP es transportarlos hasta el equipo remoto, en el
otro extremo TCP recibe los paquetes y comprueba si hay errores, una vez recibidos todos, basndose
en los nmeros de secuencia reconstruye el mensaje original.
El partir los datos en paquetes tiene beneficios importantes. Primero, permite utilizar en Internet las
mismas lneas de comunicacin a varios usuarios simultneamente. Otra ventaja es que cuando algo va
mal, slo tiene que retransmitirse un paquete, en lugar del mensaje completo. Esto incrementa la
velocidad.
En resumen se puede decir que Internet depende de miles de redes y millones de ordenadores, y que
TCP/IP es el pegamento que mantiene todo unido.

http
El HTTP es el protocolo de alto nivel del World Wide Web que rige el intercambio de mensajes entre
clientes y servidores del Web. Se trata de un protocolo genrico orientado a objetos que no mantiene la
conexin entre transacciones. Se dise especialmente para entender las exigencias de un sistema
Hipermedia distribuido como es el World Wide Web. Sus principales caractersticas son:
Ligereza: reduce la comunicacin entre clientes y servidores a intercambios discretos, de modo que no
sobrecarga la red y permite saltos hipertextuales rpidos. Generalidad: puede utilizarse para transferir
cualquier tipo de datos (segn el estndar MIME sobre el trfico multimedia que incluye tambin los que
se desarrollen en el futuro)
Extensibilidad: contempla distintos tipos de transacciones entre clientes y servidores y el futuro desarrollo
de otros nuevos. Segn Berners-Lee (1993) el esquema bsico de cualquier transaccin HTTP entre un
cliente y un servidor es el siguiente:
Conexin: El cliente establece una conexin con el servidor a travs del puerto 80 (puerto estndar), u
otro especificado. * Peticin: El cliente enva una peticin al servidor. *Respuesta: El servidor enva al
cliente la respuesta (es decir, el objeto demandado o un cdigo de error). * Cierre: Ambas partes cierran
la conexin. La eficiencia del HTTP posibilita la transmisin de objetos multimedia y la realizacin de
saltos hipertextuales con gran rapidez.

En que formato est la informacin?


En WWW, se pueden encontrar sonidos, imgenes, animaciones, etctera. Sin embargo, el propsito
principal es ofrecer servicios hypermediales, que contengan un poco de todos los anteriores. Estos
servicios hypermediales son documentos que contienen imgenes, sonidos, etc., junto con enlaces a
otros documentos hypermediales.
Estos documentos hypermediales son archivos de texto simples, que estn escritos en un lenguaje
llamado HTML (hyper-text markup language , o lenguaje de hypertextos). Este documento, por ejemplo,
est escrito en HTML.

Mdem:
- Interno: slo para un ordenador concreto en el que va dentro.
- Externo: mdulo independiente del ordenador.
El mdem transforma la seal que sale del ordenador para que sea apta para la lnea telefnica. El
ordenador, a travs del Mdem se conecta a la lnea telefnica, adems se necesita contratar un servidor,
(infovia => Telefnica proporciona el OSS para Internet).
A travs de la lnea nos conectamos con un proveedor que proporciona la informacin de Internet a los
usuarios.
ORDENADOR MDEM LNEA PROVEEDOR ... INTERNET

Proveedor: Nos da la conexin a Internet. Es la empresa que pagando, te hace la conexin con la red.
URL: Es la direccin que nos permite acceder a cualquier fichero de Internet. Tiene un formato: // proveedor / ruta /
nombre del fichero
Con el EXPLORER podemos poner http, news, FTP (transferencia de ficheros ; es un servicio que proporciona
internet).
Dependiendo de la direccin o extensin que tenga el fichero, podemos ver que tiene o qu es:
COM : se trata de una organizacin comercial.
EDU : es una institucin educativa.
INT : es una organizacin internacional.
NET : es un proveedor de red.
ORG : otras organizaciones.
Dependiendo del pas:

ES : Espaa.
UK : Reino Unido.
US : EE.UU.
IT : Italia.
FR : Francia.

Para guardar una imagen, nos colocamos con el ratn sobre ella y se pulsa la parte derecha de ste, y en
guardar imagen.

Qu son los siguientes acrnimos?


FTP: File Transfer Protocol. Protocolo de transferencia de ficheros
www: World Wide Web
http: HyperText Transfer Protocol. Protocolo de transferencia de hipertexto
html: HyperText Markup Language. Lenguaje de marcas

Qu programas existen para la creacin de pginas Web?


Dreamweaver, flash builder, yahoo page builder, etc.

Qu es un host?
Es un servicio de hospedaje, es el espacio que tienes en Internet, es el anfitrin.

Proveedores de servicio de host


Yahoo Builder, Prodigy infinitud, angelfire,etc.

Qu factores se debe tomar en cuenta antes de contratar el servicio de host?


Espacio, tiempo de acceso, soporte.

En qu sistemas operativos se puede instalar Dreamweaver?


Windows 2000, Windows NT ,Windows XP, Windows Vista, Windows 7.
Qu son los dominios?
Son categoras que identifican de manera general la clase de empresa u organizacin que esta conectada y a los
pases, por ejemplo:
Edu: Institucin educativa.
Mil: Militar.
Gov: Institucin pblica.
Org: Otros organismos y entidades sin animo del lucro.
Net: Empresas de redes y telecomunicaciones.
Com: Comercial.
Los dominios asignados a los pases se identifican mediante un cdigo de dos letras que aparecen al final de la
direccin, por ejemplo:
Argentina: ar
Colombia: co
Chile: cl
Ecuador: ec
Venezuela: ve

WEB SITE

El World Wide Web (WWW) es el interactivo, componente del hypermedia del Internet.
Un Web site es una " paginacin " o coleccin de las paginaciones que pueden ser vistas usando
el software lgica conocido como Web browser en un ordenador conectado con el Internet.
Un Web site puede visualizar el texto, grficos, fotos, audio, el vdeo y la animacin. Cuando la
gente refiere a un " Home Page " ello significa la primera paginacin se visualiza que cuando
usted tiene acceso a un Web site incorporando su direccionamiento, o URL (localizador de recurso
uniforme), en su Web browser. Los individuos, las compaas, las universidades, y otras
organizaciones mantienen los diez de millares de sitios del Web en el World Wide Web.

Qu es html?
Estas siglas significan Hiper Text Markup Language (Lenguaje de Marcas de Hipertextos). Es el que
permite saltar de una pgina a otra en un mismo documento o hacia otro que podra esta localizado al
extremo opuesto del planeta.
A estos textos, que no son continuos ni lineales y que se pueden leer como saltando las pginas hacia
cualquier lado se les llama hipertexto o hipermedia (expresin que comprende todos los contenidos
posibles, es decir, textos, audio, imgenes, iconos y vdeos).
Los browser o navegadores permiten visualizar la forma amena y atractiva, toda la informacin en la
pantalla del monitor.

Editores
Seguramente usted ha visto o conoce programas que pueden asistir a una persona en la creacin de
pginas Web, y quizs se ha preguntado: uso un editor o aprendo HTML?
La respuesta que yo le dara es la misma que si usted me preguntara si es mejor saber aritmtica u
ocupar una calculadora: ambas cosas no se contraponen entre s.

Un editor HTML es una gran ayuda al diseador Web:

brinda la posibilidad de disponer y ver la pgina mientras se crea, y de observar inmediatamente


cmo aparecern distribuidos los colores y los elementos dentro del documento.
es una ayuda para recordar los comandos y sus atributos.

Sin embargo; puede resultar inadecuado por lo siguiente:

Poca flexibilidad
El set de comandos que incorpora puede ser limitado, en caso de que sea un editor producido por
alguna empresa que haga browsers, o puede estar obsoleto.
El HTML que generan est fuertemente orientado al formato fsico, ms que a la estructura, con lo
cual se pierde universalidad en el documento.

Los editores HTML se clasifican en tres tipos:

Wysiwyg "what you see is what you get" en ellos se puede ir viendo en pantalla inmediatamente lo
que se va creando. Son muy tiles para apreciar los colores y la disposicin en pantalla de los
elementos.
No Wysiwyg. Ellos usualmente invocan una aplicacin externa (un browser) para mostrar lo que se va
creando. Son muy tiles para recordar los comandos HTML y sus atributos.
Mixtos. Presentan la pantalla dividida en dos segmentos, uno con el cdigo HTML y otro con el
resultado final.
HotMetal Pro
PageMill

HTML
WYSIWYG

Navigator Gold
FrontPage 2003
Composer
Corel Web, etc.

WYSIWYG
WYSIWYG
WYSIWYG
WYSIWYG

Como Plantear una pgina Web


Lo primero que hay que tener en claro es lo que se quiere decir con la pgina Web que se va a editar, si
ser del tipo currculo o lo que se pretende es crear un directorio lleno de enlaces con otras pginas
preferidas.
Para que una pgina Web tenga xito es necesario saber lo que no perdonan los cibernautas respecto al
diseo. No olvide plantearse el contenido, la estructura, los colores y si su pgina lleva publicidad.
1 Lo ms importante, el contenido: Una pgina Web debe servir para algo. Si slo la llena de
botones y lindas imgenes, nadie volver a visitarla.
2 No confundir a sus visitantes, la estructura Web debe tener coherencia y facilitar la navegacin.
Si no puede ser abandonada rpidamente.
3 Instrumentos visibles, si su Web tiene pginas y secciones muy variadas, recuerde que en todas
ellas deber instalar la barra de navegacin.
4 No disee pginas muy largas, su home page no debe ser larga. Es preferible crear ms
pginas con una estructura sencilla. Recuerde que ms del 75% de los lectores de un diario solo lee la
mitad de su portada.
5 No utilice demasiados colores. Las pginas funcionan mejor con pocos colores. Emplee el
blanco y el negro como colores de referencia y agregue otros colores como rojo y amarillo de soporte.

Anatoma de una Pgina Web


Una pgina Web consiste de un archivo HTML ms los archivos de imagen usados en la pgina. El
archivo HTML (un archivo de texto comn) contiene todo el texto a desplegar, y tambin acta como el
pegamento para sostener el texto e imgenes juntas en los lugares correctos, y los despliega en el estilo
correcto.
Escribir un archivo HTML significa componer el texto que quieres desplegar, entonces insertar las
etiquetas que quieras en los lugares correctos. Las etiquetas comienzan con un caracter < y terminan con
un caracter >, y le dicen al navegador que haga algo especial como mostrar texto en itlicas o negritas, o
en una fuente ms grande, o mostrar una imgen, o hacer una liga a otra pgina Web. Aunque el HTML
tiene muchas etiquetas que se pueden usar, no se necesita saber todas para usar HTML.
Algo excelente sobre el aprendizaje del HTML es que se puede ver cmo otros lo han hecho revisando su
cdigo fuente. Puedes ver el cdigo fuente de cualquier pgina que ests visitando.

Su primer documento HTML


Normalmente las marcas HTML se utilizan por pares, con una marca de inicio y otra de final, aunque hay
excepciones. En ingls se denominan 'container tags' y 'open tags' o 'empty tags', respectivamente. Para mayor
comodidad nosotros (en este guin) las llamaremos marcas cerradas y marcas abiertas. Como las marcas cerradas
se escriben por pares a la primera marca la llamaremos marca de inicio y a la ltima, marca de final.
Las marcas de inicio y las abiertas se escriben entre los smbolos de menor y mayor:
<marca de inicio>
Las marcas de final se escriben comenzando por los smbolos de menor y la barra de dividir y se
terminan con el smbolo de mayor:
</marca de final>
Las marcas abiertas actan por s solas, es decir, basta con que las incluyamos una vez para que
realicen la accin que representan.
Por ejemplo: Para forzar un salto de lnea basta con poner la marca
<BR>.
Las marcas que no son abiertas actan sobre el texto escrito entre la marca de inicio y la de final.

Por ejemplo: Si queremos poner un texto en negrita tendremos que escribirlo entre las marcas
de negrita, <B> y </B>
Siga estas instrucciones atentamente; ellas le permitirn crear un documento HTML en su computadora;
este archivo no ser visible para otros usuarios de Internet.

Para publicarlo en Internet, contctese con su ISP (la empresa que le da la conexin a Internet, en caso
de que se conecte por telfono) o con su administrador de sistemas en casos de usuarios UNIX.
Otra alternativa de publicacin puede ser dirigirse a XOOM.

EN UN LUGAR EN LA RED
Despus de dar forma a su pgina Web, seguro que desear incluirla en Internet para que todo el mundo
tenga acceso a ella.
Lo ms probable es que su proveedor le ofrezca un espacio donde ponerla - generalmente un par de
megabytes de disco rgido- aunque tambin puede optar por elegir un servidor gratuito.
Por ltimo, si pretende tener una Web conocida a nivel mundial, tendr que darla de alta en los
principales buscadores.

Definir la arborescencia
Para que sus pginas sean fciles de leer, es necesario que, antes que nada, se plantee cmo ser su
rbol de lectura, la estructura deber ser: una Home page o portada, como mnimo, y el resto de las
pginas que sean necesarias.

La pgina Web y lenguaje HTML


Una pgina Web es una cantidad de informacin agrupada, fotos, dibujos, textos, que vinculados entre s
(linkeados diran muchos) comunican a los visitantes una cantidad de datos, que pueden servir para
resaltar la presencia de una Institucin o Empresa, generar oportunidades de negocios, interaccin con
los visitantes, etc.
Una pagina en Internet, bien diseada y mantenida, por lo pronto genera cientos de visitas reales y
comprobables mensuales. Le posibilita generar una imagen de buena comunicacin con el mundo y una
oportunidad de presencia. Una pgina de Internet puede llevar texto, grficas, fotos, sonidos e inclusive
videos pequeos. El tramado de la pgina puede ser desde un texto sencillo hasta una presentacin
publicitaria completa utilizando cualquier combinacin de estos medios (Multimedia).
Esta no es esttica, hay que actualizar la informacin contenida en ella peridicamente. Estos cambios
pueden reflejar ofertas sobre productos, lanzamiento de productos, cambios en la estructura de la
empresa o simplemente cambios estticos para no aburrir al cliente. Todas las pginas Web estn
formadas en formato HTML que son las siglas en ingls de HyperText Markup Language, que en espaol
viene a ser algo as como Lenguaje de Marcacin de Hipertexto.
El HTML no es un lenguaje de programacin propiamente dicho, aunque tiene algunas caractersticas de
stos, como lo es una sintaxis bien definida. Tal como lo dice su nombre, este lenguaje consiste en
marcar partes de un texto para que stas adquieran cierto formato o cumplan con cierta funcin lo que
convierte a tal texto en hipertexto.
Un documento en hipertexto es aquel en el que ciertas palabras o frases presentan un formato diferente
(tpicamente color distinto y subrayado) que las distingue del resto del texto y que pueden ser
seleccionadas para desplegar un nuevo documento. Dicha seleccin se lleva a cabo, en los ambientes
grficos como Windows, por medio de un "clic" del ratn en la palabra o frase marcada, y en los
ambientes basados en texto, por medio de las flechas del teclado y la barra espaciadora o la tecla [Enter].
Las partes del texto marcadas se conocen como links o vinculos y al ser activadas pueden llevarnos a
diferentes prrafos dentro del mismo documento, a diferentes documentos o a partes especficas en
diferentes documentos. Ejemplos clsicos de hipertexto, son los sistemas de ayuda de algunos
programas y sistemas operativos, como Windows.
La navegacin por la WWW (World Wide Web) est basada en hipertexto que no slo nos puede llevar a
otros documentos sino a dar verdaderos saltos a computadoras situadas a miles de kilmetros de donde nos
encontramos. Las ligas no necesariamente son texto, tambin se incluyen imgenes que pueden ser
marcadas como ligas.

Ventajas del HTML:


- Tiene muy pocas etiquetas.
- Est basado en la estructura, no en el aspecto.
- Son ficheros compatibles con cualquier visualizador Web.
- Son ficheros pequeos, rpidos.

Desventajas del HTML:


- Existe un determinado nmero de etiquetas, por lo que no se pueden crear ms.
- Es muy limitado ya que las opciones para realizar la estructura no son muy numerosas.
- No se sabe con seguridad como se va a visualizar el documento.

Disear una pgina Web


Herramientas para hacer una pgina simple

Slo se necesita un editor de texto (por ejemplo Notepad de Microsoft que viene con Windows),
un navegador ("browser") y posiblemente un programa FTP.
Con respecto al navegador Web, si se est leyendo esta pgina en la computadora, es que ya se
tiene. Los navegadores ms comunes son Microsoft Exporer (El Explorador) y Netcape (El
Navegador).
Si se usan imgenes, se necesitar un software que permita editar fotos y dibujos.

Espacio en un servidor que aloje las pginas


Una vez que la pgina esta hecha, se necesita una compaa con un servidor (conectado a la Red)que la
aloje, es decir que lo "ponga" en el Internet. Se debe guardar una copia de los documentos en la
computadora. Esta ser la versin que se podr ir modificando antes de "subirla" al servidor. Los
visitantes estarn viendo la pgina a travs del servidor, no de la computadora.
Para poder transferirse rpidamente, los documentos HTML ocupan poco espacio y los formatos de las
imgenes que se pueden ver en la Red (.gif y .jpg) estn comprimidos y tambin ocupan poco espacio.

El contenido de la pgina
Esto parece lo ms simple, y sin embargo no lo es. Hay que planear qu informacin se va a presentar,
qu fotos o dibujos sern apropiados para la pgina, bajo qu reas se va a subdividir la informacin, qu
colores e iconos se usarn, etc. Si se incluyeran artculos escritos por otras personas, se deber pedir
permiso antes de publicarlo.
Es conveniente empezar por diagramar la pgina en papel, para tener una idea clara de como va a
quedar la pgina o producto final.

Hacer la pgina
Hay tres formas de hacer una pgina Web:
La ms fcil: usando los recursos que ofrece la compaa que aloja la pgina. Por ejemplo Tripod
tiene herramientas que ayudarn a hacer pgina sin necesidad de saber HTML.
Se puede usar un editor HTML. (es como escribir en un procesador de palabras, mientras que el
programa convierte el formato a cdigo sin mayores preocupaciones. Uno de los editores HTML
ms conocidos es el Front Page de Microsoft. La desventaja es que a veces se pierde un poco el
control de la pgina, ya que a veces estos editores son rgidos.
El HTML (Hypertext Markup Language). Es ms fcil de lo que parece. Es el lenguaje cual se
utiliza "tags" para indicarle al navegador cmo interpretar los comandos. Aunque resulte un poco
ms complicado al principio, a la larga lo ms conveniente es hacer la pgina con HTML, ya que
permitir la flexibilidad para disearla exactamente como se quiera.

Revisar y editar la pgina


Se debe mirar la pgina en el navegador, y ver si realmente sali como se quera ya que este es el
momento de hacer todas las correcciones. Hay que asegurarse de que los enlaces internos funcionen,
que si dice, por ejemplo, "ir a la pgina siguiente" efectivamente haga lo que dice.

Subirla 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, se necesitar un software que permita transferir los
documentos e imgenes al servidor. Este software se lo conoce como FTP (File Transfer Protocol).

Comandos Bsicos de HTML


Tipos de comandos:
1. Comandos estructurales: identifican un fichero como fichero html.
2. Comandos de formatos de prrafos: especifican distintos tipos de prrafos y diferentes niveles de
encabezamiento.
3. Comandos de formato de caracteres: sirven para poner estilos (negrita, cursiva, subrayado...).
4. Comandos de especificacin de listas.
5. Comandos de Hiperenlaces: para ir de un documento a otro.
6. Comandos de integracin: sirven para acceder a informacin en formato multimedia (videos
musicales, pelculas...).

Cmo creo una pgina Web?


En este manual de pginas Web vamos a ensear a realizar una pgina a travs del lenguaje HTML
(HyperText Markup Lenguage). Este se basa en el diseo de un archivo que contiene tags o etiquetas
(instrucciones), cada una de las cuales constituye una orden dada a un objeto (texto, imagen, etc.), que
ser interpretada por el programa navegador, para que cumpla una determinada funcin o aplique alguna
propiedad.
Todos los tags, tienen un par de signos que los encierran <, />. Las letras utilizadas para escribir tags
pueden ser maysculas o minsculas indistintamente, pero por una cuestin de orden visual es preferible
utilizar maysculas.
Podremos utilizar cualquier editor o procesador de textos, pero no debemos olvidar que al guardar el
archivo lo haremos como archivo de texto y con extensin .htm. Para ir visualizando como queda nuestro
archivo podemos utilizar cualquier browser como el Netscape o el explorer. Estos browsers levantan
documentos .htm.
Siguiendo las instrucciones usted podr crear una pagina Web con los programas mas fciles de usar y
con los que cualquier persona con computadora copee.
1. Abra Notepad (en Windows), SimpleText (en Mac), o Joe (en Unix)
2. Digite lo siguiente: <HTML>
<TITLE>Esto es una prueba</TITLE>
<P>Si esto aparece esta bien.</>
<!-- Si esto aparece esta mal -->
</HTML>
3. Grabe este archivo con el nombre: prueba.htm
4.Abra su browser favorito; este puede reclamar por la falta de una conexin a Internet; ignore estos
avisos. No necesita conectarse a Internet para ver las pginas en su computadora. Puede trabajar Offline
5. Elija "Open File" en la barra de men.
6. Seleccione el archivo prueba.htm que acaba de crear; debera aparecer algo as:

Si esto aparece, esta bien. Usted ha creado su primer documento HTML!!!


Problemas que pueden haber ocurrido
Si aparece la lnea "si esto aparece, esta mal", es probable que su computadora si permita extensiones
de cuatro letras, y usted haya usado solamente tres, o que su browser no est configurado
correctamente.
Si aparece 'Unable to access document' 'Not found in this server', etc. Revise los permisos del directorio y
del archivo que usted creo.

Tres normas fundamentales del lenguaje HTML


1. HTML es simplemente texto.
Lo primero es saber que un documento HTML es un archivo de texto simple, luego, se puede editar con
cualquier editor de texto.
2. No importan los tabs, ni los saltos de lnea.
Los intrpretes HTML no toman en cuenta las tabulaciones, los saltos de lnea ni los espacios en blanco
extra. Esto tiene ventajas y desventajas. La principal ventaja es que permite obtener resultados uniformes
y de buena presentacin de manera bastante fcil.
La principal desventaja es que un documento
HTML, por lo menos se debe usar los comandos <P>...</P> o <BR> para evitar que quede todo el texto
en una sola lnea.
3. Existen tres caracteres especiales
< Menor que, se usa para indicar el comienzo de un comando HTML.
>Mayor que, se usa para indicar el trmino de un comando HTML.
& Ampersand, se usa para escribir caracteres especiales (smbolos matemticos, comerciales, as
como el signo menor que y el mayor que entre otros) en un documento.
Para empezar la elaboracin de una pgina, no debemos olvidar comenzar con el tag
<HTML> y cerrar con </HTML>, con lo cul indicamos que estamos escribiendo un documento en
lenguaje HTML.
Luego para poder colocar el ttulo a la pgina, que ser lo que aparezca en la barra que da nombre a la
ventana del browser, se utiliza:
<HEAD> <TITLE>

</TITLE> </HEAD>.

Finalmente entre <BODY> y </BODY> escribiremos el cuerpo de la pgina, o sea el contenido.


Entonces resumiendo, para empezar hay que armar la siguiente estructura:
<HTML>
<HEAD>
<TITLE> ac va el ttulo de la pgina</TITLE>
</HEAD>
<BODY>
En este lugar irn todos los tags que necesite nuestro documento, ya sea para texto, imgenes,
linkeos a otros sitios o a otras pginas, etc.
</BODY>
</HTML>
Ahora comenzaremos a aprender los tags correspondientes a los distintos elementos que se pueden
incluir en una pgina Web.
Ttulos: Hay 6 tamaos de ttulos predefinidos a utilizar, stos son :
<H1></H1> , <H2></H2> , <H3></H3> , <H4></H4>, <H5></H5> , <H6> </H6> los cuales en tamao
de letra van de mayor a menor.
Adems tengo propiedades de alineacin sobre los ttulos Ej.:
<H1 ALIGN=center> Ac va el ttulo</H1>
<H1 ALIGN=left> Ac va el ttulo </H1>
<H1 ALIGN=right> Ac va el ttulo </H1>

Para escribir prrafos de texto hay que utilizar los tags <P> y </P>, stos tambin se pueden alinear a
travs de ALIGN. Ej :
<P ALIGN =center>Ac va el prrafo escrito </P>
<P ALIGN =left> Ac va el prrafo escrito </P>
<P ALIGN =right> Ac va el prrafo escrito </P>
<P ALIGN =justify> Ac va el prrafo escrito </P>

Ttulo.
(Medida H1)
Prrafo

Para definir propiedades sobre el texto como por ejemplo :


Negrita: Se debe encerrar la palabra que uno quiere que salga en negrita entre estos tags. <B>
</B>.
Itlica: Se debe encerrar la palabra que uno quiere que salga en itlica entre estos tags. <I> </I>.
Subrayado: Se debe encerrar la palabra que uno quiere que salga subrayada entre estos tags.
<U> </U>.
Tambin se puede cambiar dos atributos de las letras, esos son COLOR y TAMAO.
Si no se aclara un cambio de tamao en la letra sta sale normal como el ejemplo de la ventana anterior
donde el prrafo sali con una letra de tamao normal.
El cambio de tamao lo indicaremos con los siguientes tags :
<FONT SIZE= +1> texto </FONT>
se puede tambin usar FONT tamao +1, +2, +3.

Letra
tamao + 1
Letra
tamao + 2
Letra
tamao + 3

Para cambiarle el color a la letra debemos utilizar:


<FONT COLOR= #FFFF00> texto </FONT>
Esto har que la letra del prrafo cambie de color, al color indicado.
Esta es una tabla con los posibles cdigos de colores a utilizar:

#0000FF
#000080
#C0C0C0
#800040
#8080FF
#808080
#008000

AZUL
AZUL OSCURO
GRIS
BORDO
AZUL CLARO
GRIS OSCURO
VERDE

Nota: Los colores se forman combinando letras de la A a la F, y del 0 al 9, con el formato #XXXXXX
(numeral de seis dgitos).
Si se est escribiendo un prrafo y se desea que la palabra salte al rengln de abajo hay que realizar un
BREAK, sto se indica con <BR> </BR>. Lo mismo sirve si se quiere dejar lneas en blanco. Habr que
colocar tantos BREAK como lneas en blanco se desee.
Si en cambio se desea escribir dos o ms prrafos definidamente separados, se puede encerrar cada uno
de ellos con <P> </P>.
Estilo : etiquetas del estilo de la letra;
<B> : negrita.
<I> : cursiva.
<U> : subrayado.
Tambin se puede cambiar el color de fondo de la pgina. Esto se hace a travs de los siguientes tags:
<BODY BGCOLOR=#FFFF00> Ac va todo el cuerpo de la Web</BODY>
El nmero de color del fondo puede ser cualquiera que se halla formado respetando el formato indicado
anteriormente.

Etiquetas de formateo lgico de texto


Se utilizan para describir la forma en que se utiliza el texto (no la forma en que se aparece en la
pantalla), son los visualizadores los que determinan la forma en pantalla. Son las siguientes etiquetas:
<ADRESS>..... </ADRESS>: muestra una direccin, generalmente aparece en cursiva.
<BLOCKQUOTE>..... </BLOCKQUOTE>: muestra un sangrado del texto. Se utiliza para hacer citas,....
<CITE>.... </CITE>: Aparece en cursiva, para ttulos de libros, pelculas...

<CODE>.... </CODE>: Se utiliza para trozos de cdigo fuente.


<DFN>.... </DFN>: Se utiliza para definiciones de palabras.
<STRONG>.... </STRONG>: Para poner en negrita.
<HR>: Para crear una lnea horizontal, no se cierra.

Listas
NO ORDENADAS:
<UL> ...
</UL>; los programas de la lista tienen que ir precedidos de esta etiqueta. Cada
elemento de la lista va precedido de la etiqueta <LI>
ORDENADAS:
Van entre <OL> ... </OL> y cada elemento va precedido de <LI>.

Listas de directorios y mens


Son listas no ordenadas pero los elementos son ms pequeos.
<DIR>... </DIR>
<MENU>... </MENU>
Los elementos de la lista se preceden de <LI>.
Listas de glosario
Son listas que muestran un trmino y su definicin.
El trmino va precedido de <DT>.
La definicin va precedida de <DD>.
La lista en si va entre <DL>... </DL>.
Cmo poner imgenes en la pgina?
Para esto hay que utilizar el tag:
<IMG SRC=logo.gif> Lo que va entre comillas es el nombre de la imagen.
Al colocar esta instruccin dentro de la pgina se estampar la imagen a la cul se hace referencia. No
debemos olvidar que dicha imagen debe estar guardada en el directorio en el que se encuentra
guardada la pgina, de otra forma habr que indicar el subdirectorio en el cul est la imagen.
Las imgenes tambin se pueden alinear a izquierda, derecha o centro.
Ej. :
<IMG ALIGN=center SCR=logo.gif>

Cmo realizar links a otros archivos?


Realizar links a otros archivos significa que cuando se pase el Mouse sobre una determinada palabra de
la pgina, la flecha se convertir en una manito la cul indicar que clickeando sobre ella podemos ir a
otra pgina o direccin.
Para hacer esto hay que utilizar las siguientes instrucciones:
<A HREF=archivo.htm>palabra o frase de entrada a la pgina</A>
donde archivo.htm es el nombre de la pgina que queremos que se cargue cuando clickeamos sobre la
palabra o frase. Si la pgina estuviera en otro subdirectorio hay que incluirlo en el path. Ejemplo:

<A HREF=/cie/archivo.htm>palabra o frase de entrada a la pgina</A>

Link a una direccin electrnica:


<VLINK HREF=http://www.ciearg.com.ar> Este es el link a la home page de Internet Educativa.</A>.
Cuando se clickee sobre la frase el browser saltar a la direccin indicada.

E-mail :
<A HREF=mailto:jmcortez@yahoo.com>Este link permite mandar e-mail.</A>.
Cuando se clickee sobre la frase automticamente el browser permitir enviar un e-mail dirigido a la
direccin electrnica indicada.

Combinacin de Link a travs de una imgen :


<A HREF=http://www.ciearg.com.ar><IMG SCR=imagen.gif> </A>.
Cuando se clickee sobre la imagen, el browser saltar a la direccin o pgina indicada.

Link a una
pgina
llamada
museos.

Link a una
pgina
llamada
museos.

Ejemplo de una pgina Web:


Si usted tipea este archivo con un editor de texto, y luego lo levanta con un browser, podr observar como
queda.
<HTML>
<HEAD>
<TITLE>Primer pgina Web</TITLE>
</HEAD>
<H1>Ttulo de mi pgina</H1>
<IMG ALIGN=left SCR=algn.gif>
<P>En este prrafo voy a escribir todo lo que quiera poner.<BR>Ac dejo punto a parte<BR> Ac
tambin.</P>
<BR><BR><BR>
<P>Arriba dej tres renglones en blanco</P>
<A HREF=mailto://ciearg@commet.com.ar>Email: ciearg@commet.com.ar</A>
<BR>
<A HREF=pag2.htm>Siguiente</A>
</BODY>
</HTML>

Cmo crear una tabla?


Una tabla es una manera muy compacta y clara de mostrar la informacin. Una tabla en HTML se
entiende como un conjunto de filas (fila=horizontal), apiladas una sobre otra. Cada fila contiene a su vez
un conjunto de celdas, puestas una al lado de la otra.
Una tabla se declara usando el comando <TABLE> ... </TABLE>. Dentro de la tabla, se usa <TR>...
</TR>para indicar una fila y dentro de una fila, <TD> ... </TD> para delimitar el contenido de una celda. El
elemento de cierre de fila y de celda es optativo.

Todos estos comandos aceptan numerosos modificadores. Se pueden, entre otras cosas, unir celdas,
especificar la alineacin del contenido de la celda, y mucho ms [descripcin completa].

Ejemplo de tabla
Aqu se muestra una tabla muy simple:
<TABLE>
<TR><TD>Celda A1</TD><TD>Celda B1</TD><TD>Celda C1</TD></TR>
<TR><TD>Celda A2</TD><TD>Celda B2</TD><TD>Celda C2</TD></TR>
<TR><TD>Celda A3</TD><TD>Celda B3</TD><TD>Celda C3</TD></TR>
</TABLE>

Marquesina: Texto que se desplaza por la pantalla. Insertar componente Web, en la lista selecciona
efectos dinmicos y entre ellos marquesinas.

Efectos dhtml: pequeos efectos que podemos dar al texto: ver barra de herramientas efectos dhtml
(los navegadores antiguos no soportan estos efectos).

JAVASCRIPT: Son programas realizados en este lenguaje por otros internautas para introducir efectos
en las pginas Webs. Para introducir un java en nuestro sitio Web debemos conocer un poco el lenguaje
HTML.

Contadores: debemos solicitarlo en algn servidor Web de internet para luego incorporarlo en nuestra
Web. Normalmente hay que inscribirse en el sitio Web.

Programas gratis para Webmaster


Microsoft GIF ANIMATOR: Para crear gifs animados. DeKnop: programa para crear botones y
banners. Viene en espaol hay que bajarse un archivo en espaol y ponerlo en la carpeta del programa
de lenguaje. Degrada HTML : Programa para poner degradado a las letras y palabras.
Lp scroll colorizer 3.0 = programa para colorear las barras de desplazamiento que tenga la Web.

Formularios
Es una pgina que sirve para recopilar informacin. Tiene un cuadro de texto para que el usuario escriba
la informacin y dos botones enviar y restablecer. Para que podemos usar un formulario?
Libro de visitas: Los visitantes pueden enviarte un cometario sobre tu pgina Web
Recopilar informacin: Te pueden enviar informacin de datos que les pidas
Formulario de bsqueda: Para que los usuarios introduzcan la informacin a buscar.

Alojar Webs, en espaol.GRATIS.


Paisvirtual Alojamiento de pginas Webs, ofrece adems de una extensa clasificacin temtica, generar
nuestra Web on-line en menos de 2 minutos GRATIS.
Ciudadfutura .-Alojamiento de pginas Web sin limite de espacio. GRATUITO.
FreeWeb .-Alojamiento de pginas Web, 3Mg, e-mail, ftp GRATUITO.
Lloc .-Alojamiento de pginas Webs con 2 Mb de espacio, y correo GRATUITO.
Civila .-Alojamiento de pginas Webs, est dividido en ciudades y tiene que ser de habla hispana
GRATUITO.
Hispamerica .-Alojamiento de pginas Webs latinas GRATUITO.
MegaPolis .-Alojamiento de pginas Webs con 10 Mb de espacio y e_mail GRATUITO.
Terravista.- Alojamiento de pginas Web con 2 Mb, de espacio. GRATIS.
Telepolis.- Alojamiento de pginas Web con 2 Mb, de espacio. GRATIS.
Fortunecity .-Alojamiento de paginas Web con 20 Mb de espacio.GRATUITO., etc.

Terminos:
Archive: Termino que contiene documentos y otros archivos en su interior.
ARPA: Agencia del departamento de defensa de U.S.A.
ARPANET: Red de investigacin precursora a Internet desarrollada por ARPA.

Browser: rastreador de documentos en WWW.


Correo electrnico: servicio de red computacional que provee comunicacin mediante intercambio de
Mensajes asincrnicos
Dominios: La identidad nica de un nodo en DNS.
Editores de HTML: Programa computacional que permite crear documentos HTML.
Elementos de HTML: Cdigos existentes para crea un documento en formato HTML.
Ftp: Protocolo de trasferencias remota en TCP/IP.
GIF: Formato grfico de documentos utilizado para presentar imgenes computacionales.
Home Page: Pgina representativa de una persona o institucin escrita en formato HTML.
Host: Computador conectado capaz de procesar todas las aplicaciones en la red.
HTML: Formato utilizado en documentos en WWW.
Http: Protocolo que permite la comunicacin y transporte de informacin en WWW.
IETF: Internet engineering Task Force. Comit encargado de desarrollar la evolucin de Internet u sus
protocolos.
Internet Explorer: Browser multimedial perteneciente Microsoft.
IP: Protocolo de Internet.
IRC: INTERNET RELAY Chat. Aplicacin que permite a mltiples usuarios participar una conversacin
simultanea.
Java: Lenguaje de programacin utilizado en Internet, mayor funcionalidad, animaciones.
Link: Nexo comunicacin entre dos nodos de la red.
Mime: Extensiones a correos electrnicos que permiten enviar documentos multimedia.
Netscape Navigator: browser mltimedial que permite navegar en WWW.
Pgina WEB: documento escrito en formato html, visible en un browser o programa cliente WWW.
TCP: Protocolo de flujo ida y vuelta.
WEB: protocolo simple que permite obtener direcciones electrnicas.
Word Wide Web: Sistema de distribucin de informacin que utiliza hipertexto, utilizando el protocolo
HTTP.