PD

F -X C h a n ge

PD

F -X C h a n ge

O W !

bu

to

lic

lic

to

bu

N
.c

O W !
w
.d o

.d o

c u -tr a c k

c u -tr a c k

.c

LA PGINA WEB PAGINA WEB

Una pgina web es una fuente de informacin adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet. sta informacin se presenta generalmente en formato HTML y puede contener hiperenlaces a otras pginas web, constituyendo la red enlazada de la World Wide Web. Las pginas web pueden ser cargadas de un ordenador o computador local o remoto, llamado Servidor Web, el cual servir de HOST. El servidor web puede restringir las pginas a una red privada, por ejemplo, una intranet, o puede publicar las pginas en el World Wide Web. Las pginas web son solicitadas y transferidas de los servidores usando el Protocolo de Transferencia de Hypertexto (HTTP - Hypertext Transfer Protocol). La accin del Servidor HOST de guardar la pgina web, se denomina HOSTING. Las pginas web pueden consistir en archivos de texto esttico, o se pueden leer una serie de archivos con cdigo que instruya al servidor cmo construir el HTML para cada pgina que es solicitada, a esto se le conoce como Pgina Web Dinmica. Una pgina Web est compuesta por uno o varios documentos html relacionados entre s mediante hipervnculos (enlaces). Adems estos documentos pueden contener otros elementos como pueden ser imgenes, sonidos, animaciones multimedia, aplicaciones

A continuacin, se comentan ciertos conceptos relacionados con el diseo y/o desarrollo Web. Pgina Web: Documento realizado en HTML y que es parte de un sitio Web. Aparte del HTML se pueden utilizar otros lenguajes complementarios como PHP, ASP, Javascript

w
w

w
w

PD

F -X C h a n ge

PD

F -X C h a n ge

O W !

bu

to

lic

lic

to

bu

N
.c

O W !
w
.d o

.d o

c u -tr a c k

c u -tr a c k

.c

Sitio Web: Pgina principal y sus otras pginas, grficos, documentos, multimedia y otros archivos asociados que se almacenan en un servidor Web o en el disco duro de un equipo. HTML: (Lenguaje de marcado de hipertexto) Lenguaje estndar de marcas empleado para documentos del World Wide Web. Hipervnculo: Al hipervnculo se le suele llamar enlace Web o en su versin anglosajona link. Un hipervnculo es una conexin de una pgina a otro destino como, por ejemplo, otra pgina o una ubicacin diferente en la misma pgina. El destino es con frecuencia otra pgina Web, pero tambin puede ser una imagen, una direccin de correo electrnico, un archivo (como por ejemplo, un archivo multimedia o un documento de Microsoft Office) o un programa. Un hipervnculo puede ser texto o una imagen. Lenguaje de programacin: Lenguaje con el que est desarrollada una pgina Web. Editor: Programa utilizado para crear pginas Web sin la necesidad de tener que aprender el lenguaje. Ejemplos: M. Front Page 2000 y Macro-media Dreamweaver. Servidor: Mquina conectada a Internet que entre otros servicios- ofrece albergue para pginas Web haciendo que estn accesibles desde cualquier punto de Internet. Cliente FTP: Programa que permite conectarse al servidor para publicar pginas Web.

w
w

w
w

PD

F -X C h a n ge

PD

F -X C h a n ge

O W !

bu

to

lic

lic

to

bu

N
.c

O W !
w
.d o

.d o

c u -tr a c k

c u -tr a c k

.c

Hosting: Hospedaje Web. Dominio: Direccin Web asociada a una pgina Web. ISP: En el mbito del desarrollo de sitios web, se puede decir que un ISP es un proveedor de servicios para web. Los diferentes servicios que pueden ofrecer son: conexin a Internet, registro de dominio, hospedaje de sitios web, servicios de contadores de servicios, libros de visitas gratuitos, estadsticas para web, entre otros. URL: (Universal Resource Location / Localizador de recursos universal) Cadena que proporciona la direccin de Internet de un sitio Web o un recurso del World Wide Web, junto con el protocolo mediante el cual se tiene acceso al sitio o al recurso. El tipo ms comn de direccin URL es http://, que proporciona la direccin de Internet de una pgina Web. Otros tipos de direccin URL son gopher://, que proporciona la direccin de Internet de un directorio Gopher, y ftp://, que proporciona la ubicacin de red de un recurso FTP. Ejemplos: http://www.mitecnologico.com , http://www.google.com Applets: Programas desarrollados con Java para mejorar la presentacin de las pginas Web que realizan animaciones, juegos e interaccin con el usuario. Frames (marcos): reas rectangulares que subdividen las ventanas de algunas pginas Web, cada una de las cuales contiene un documento de hipertexto independiente de los dems.

w
w

w
w

PD

F -X C h a n ge

PD

F -X C h a n ge

O W !

bu

to

lic

lic

to

bu

N
.c

O W !
w
.d o

.d o

c u -tr a c k

c u -tr a c k

.c

Webmaster: Un webmaster es el encargado de crear, disear, estructurar, maquetar, publicar, promocionar y mantener un sitio web. Tablas: Deben utilizarse nicamente para datos tabulados. Nunca para maquetar. Banner: Elemento grfico con forma rectangular, normalmente animado, cuyo contenido es publicidad. Imagen: Archivo grfico que se puede insertar en una pgina Web y mostrar en un explorador de Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y PNG, entre otros.

w
w

w
w

PD

F -X C h a n ge

PD

F -X C h a n ge

O W !

bu

to

lic

lic

to

bu

N
.c

O W !
w
.d o

.d o

c u -tr a c k

c u -tr a c k

.c

INTRODUCCION A HTML HTML es la abreviatura de Hyper Text Markup Language, y es el lenguaje que todos los programas navegadores usan para presentar informacin en la Word Wide Web (WWW). Es un lenguaje muy sencillo que se basa en el uso de etiquetas, consistentes en un texto ASCII encerrado dentro de un par de parntesis angulares (<..>). El manejo de estas etiquetas nos permitir: - Definir la estructura lgica del documento HTML. - Aplicar distintos estilos al texto (negrita, cursiva,.). - La inclusin de hiperenlaces, que nos permitirn acceder a otros documentos relacionados con el actual.. - La inclusin de imgenes y ficheros multimedia (GRAFICOS, VIDEO, AUDIO).
Qu VAMOS A NECESITAR PARA CREAR UN DOCUMENTO HTML? - Un procesador de texto para escribir y editar el cdigo. - Un navegador Web como es explorer, mosilla,.etc., el cual se encargara de interpretar el cdigo HTML de nuestro documento y mostrrnoslo en todo su esplendor. La secuencia de trabajo para crear nuestro documento es: - Con el procesador de texto creamos el documento HTML y lo guardaremos con el nombre que deseemos, a excepcin de la extensin, que deber ser necesariamente .htm o .html. - Para visualizar nuestro documento HTML abriremos el documento con el programa navegador.

w
w

w
w

PD

F -X C h a n ge

PD

F -X C h a n ge

O W !

bu

to

lic

lic

to

bu

N
.c

O W !
w
.d o

.d o

c u -tr a c k

c u -tr a c k

.c

REGLAS DE FORMATO
* El espacio en blanco es ignorado. * Las etiquetas pueden ser escritas en maysculas o en minsculas. * Existe normalmente una etiqueta de inicio y otra de fin.

ESTRUCTURA DE UN DOCUMENTO HTML

La estructura bsica de un documento HTML es la siguiente: <HTML> <HEAD> Indica el inicio del documento Indica el inicio de la cabecera <TITLE> </TITLE> </HEAD> <body> Inicio del titulo del documento Final del titulo del documento

Final de la cabecera Inicio del cuerpo del documento Instrucciones HTML

</body> </HTML> Ejemplo: <HTML> <HEAD>

Final del cuerpo del documento Final del documento

<TITLE>MI PRIMERA PAGINA</TITLE> </HEAD> <body> Esta es mi primera pagina <b>HTML</b> </body> </HTML>

w
w

w
w

PD

F -X C h a n ge

PD

F -X C h a n ge

O W !

bu

to

lic

lic

to

bu

N
.c

O W !
w
.d o

.d o

c u -tr a c k

c u -tr a c k

.c

ATRIBUTOS DEL TEXTO ATRIBUTO

NEGRITA Cursiva Teletype Subrayado

ETIQUETA
<B></B>

EJEMPLO
<B>Texto en negrita</B> <I>Texto en cursiva</I> <TT>Texto en modo teletype</B>

RESULTADO
Texto en negrita Texto en cursiva Texto en modo teletype Texto subrayado Texto tachado

<I></I> <TT></TT> <u></u> <s></s> <Blink></Blink> <Sup></Sup> <Sub></Sub> <Center></Center>

<Strong></Strong>

<u>Texto subrayado</u> <s>Texto tachado</s> <Blink>Texto parpadeando</Blink> <Sup>Texto en modo superndice</Sup> <Sub>texto en modo subindice</Sub> <Center>Texto centrado</Center>
<Strong>Especifica texto resaltado</Strong>

Tachado

Parpadeo

Texto parpadeando
Texto en modo superndice

Superndice

Subndice

Texto en modo subndice

Centrado

Texto centrado

RESALTADO

Especifica texto resaltado (igual a <B>)

w
w

w
w