Está en la página 1de 14

DISEO Y CREACIN DE PGINAS WEB

Tema 2. Creacin de la primera pgina web

ETSI ICAI!
Departamento de Sistemas Informticos!
Rafael Palacios!
Cristina Puente!

El protocolo HTTP (Hyper-Text Transfer Protocol)


es un protocolo encargado de transmitir
documentos a travs de una conexin TCP/IP
Se diferencia de otros protocolos como FTP en que
es annimo por definicin
La capa externa de los servidores WEB es HTTP
http://www.google.com
http://www.iit.upcomillas.es/palacios/cursoweb/
protocolo

HTML (Hyper-Text markup Language) es un lenguaje de


descripcin de pginas derivado de otro mayor y ms antiguo
(SGML)
HTML no es ms que una serie de instrucciones que permiten
especificar las caractersticas visuales de un documento
Se diferencia de otros lenguajes de descripcin de pgina como
PostScript o PDF en:
Tienes caractersticas hyper-texto (enlaces)
Se adapta a las preferencias del usuario (resolucin, tamao de
letra...). No pretende que el resultado sea idntico.
Tipo de archivo

http://www.iit.upcomillas.es/palacios/cursoweb/upload.html

Ejemplo de HTML:
<HTML>
<HEAD>
<TITLE>Hola</TITLE>
</HEAD>
<BODY>
<P>Hola mundo</P>
<h1>Hola mundo</h1>
</BODY>
</HTML>

Como regla general la sintaxis es:


<nombre etiqueta> prrafo afectado </nombre etiqueta>

Resulta sencillo pero engorroso escribir


directamente en HTML.
Un editor HTML es una aplicacin tipo WYSISYG,
que permite trabajar en modo grfico o sobre el
cdigo HTML

Colorea la sintaxis

Editores Comerciales
Dreamweaver (Adobe)
Frontpage (Microsoft)
Editores Software Libre
Nvu (N-view). (www.nvu.com)
KompoZer. (www.kompozer.net)

Tipo de documento

Head

Body

Lo ms importante de la seccin Head es el ttulo.


Tambin puede contener palabras clave, idioma, estilos
El Body contiene toda la informacin que se presenta al usuario

Ttulos de secciones:
Ttulo de la pgina (en head): <title>Mi
Heading 1: <h1>1 Introcuccin</h1>
Heading 2: <h2>1.2 Motivacin</h2>

pgina web</title>

Resaltar texto:
Negrita (bold): <b>negrita</b>
Cursiva (italics): <i>cursiva</i>
Anchura fija (Teletype): <tt>printf</tt>

Tamao (ojo: siempre relativo):


Pequeo: <small>pequeo</small>
Grande: <big>grande</big>

Enlaces externos Links:


Enlace relativo:
Puede ver ms informacin en la <a href=doc/norma.pdf>Norma</a>.

Puede ver ms informacin en la Norma.

Enlace absoluto:
El iPod est construido por <a href=http://www.apple.com/>Apple</a>.

El iPod est construido por Apple.

Un documento HTML puede ser privado (reside en


un ordenador personal) o pblico (reside en un
servidor conectado a Internet).
Ejemplo de documento privado: Manuales que
vienen en un CD-ROM.
file:///D:/Docs/manual.html

Ejemplo de documento pblico: Cualquier pgina


web, accesible mediante un URI
http://www.iit.upcomillas.es/pdf/MemoIITIng0506.pdf

Para publicar un documento hay que subirlo a un


servidor Web.
Ejemplo: Yahoo ofrece espacio web al crear una
cuenta yahoo.com
http://es.geocities.yahoo.com/
Hay que subir la pgina y todos los directorios/
archivos a los que hace referencia
En cuanto la pgina HTML est cargada en el
servidor, ya es accesible desde Internet (pblica)

También podría gustarte