12
Por: Nivia Alberca Por: Nivia Alberca

Aplicaciones en la red

Embed Size (px)

Citation preview

Page 1: Aplicaciones en la red

Por: Nivia AlbercaPor: Nivia Alberca

Page 2: Aplicaciones en la red

Introducción a la WWWIntroducción a la WWW

Page 3: Aplicaciones en la red

Es muy común encont rar e l pref ijo "WWW" al comienzo de las direcciones debido a la cost umbre de nombrar a los host de I nt ernet (los servidores) con los servicios que proporcionan. De esa f orma, por e jemplo, e l nombre de host para un servidor Web normalment e es "WWW"

Page 4: Aplicaciones en la red

S e lo conoce como World Wide Web (o la "Web") es un sist ema de document os de hipert ext o y t iene enlaces accesibles a t ravés de I nt ernet . Por medio de los cuales las personas navegan en la paginas a t ravés de hipervínculos.

La WWW f ue creada alrededor de 1990 por e l ingles Tim Berners- Lee y e l be lga Robert Cailliau en Ginebra S uiza. Desde ent onces, desarrollaron los lenguajes de marcado para crear paginas Web.

Page 5: Aplicaciones en la red

Lenguajes etiquetado HTMLLenguajes etiquetado HTML

Page 6: Aplicaciones en la red

¿Debemos conocer que es HTML?¿Debemos conocer que es HTML?

HTML es un lenguaje sencillo pensado para present ar inf ormación en la WWW. HTML (HyperText Markup Languaje ), e s un lenguaje de marcas para la creación de hipert ext os. Por hipert ext o ent endemos t ext o como una present ación agradable , mult imedia (gráf icos, video, audio) y con la presencia de hiperenlaces que permit en re lacionar ot ras f uent es de inf ormación

Page 7: Aplicaciones en la red

El lenguaje HTML es un lenguaje de marcas, e st as marcas serán f ragment os de t ext o dest acado de una f orma especial

A est as marcas las denominaremos e t iquet as y serán la base principal de l lenguaje HTML. El document o HTML será un f ichero t ext o con e t iquet as que variarán la f orma de su present ación.

Page 8: Aplicaciones en la red

Una e t iquet a será un t ext o incluido ent re los s ímbolos menor que < y mayor que >. . El t ext o incluido dent ro de los símbolos explica la ut ilidad de la e t iquet a. Exist e normalment e una e t iquet a de inicio y ot ra de f in, la de f in cont endrá e l mismo t ext o que la de inicio añadiéndole al principio una barra inclinada / .

Por e jemplo, ( <B> y </ B>):

<B>Text o que será en negrit a</ B>. Obt endremos: Text o que será en negrit a

Page 9: Aplicaciones en la red

Algunas e t iquet as no necesit arán la de f in, serán aquellas en las que e l f inal e st e implícit o, por e jemplo <P> párraf o, <BR> salt o de línea ó <I MG> inclusión de una imagen. Def inen un e f ect o que se producirá en un punt o det erminado sin af ect ar a ot ros e lement os. El uso de mayúsculas o minúsculas en las e t iquet as es indif erent e , se int erpret arán de l mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que dest aquen con más nit idez de l t ext o normal.

Page 10: Aplicaciones en la red

Hojas de estilosHojas de estilos

Page 11: Aplicaciones en la red

S on plant illas que permit en cambiar e l f ormat o de present ación de cualquier e t iquet a de HTML.

S e puede hacer que t odos los t ít ulos t engan color rojo, o que los párraf os est én alineados a la izquierda, permit en crear nuevas clases de t ext o, que agrupen est ilos de present ación comunes.

Las hojas de est ilo cont rolan los e lement os de la present ación de un document o HTML: márgenes de página, espaciado ent re párraf os, t amaños y t ipos de le t ra.

Page 12: Aplicaciones en la red

La f orma más sencilla para def inir reglas de est ilo es ut ilizar la e t iquet a <S TYLE>, que crea un conjunt o de reglas de est ilo que t endrán valor desde e l punt o de inserción en ade lant e . Est a e t iquet a se incluye en la sección HEAD, para que est é disponible en t odo e l cuerpo de l document o.

S TYLE t iene un at ribut o TYPE, que inf orma sobre e l t ipo de reglas de est ilo que cont iene; se ut iliza t ext / ccs.

Para incluirlo en las páginas Web, se ut iliza la e t iquet a <LI NK> en e l encabezado de l document o, con e l s iguient e f ormat o:<LI NK REL=S TYLES HEET HREF="pat h y nombre de l f ichero de los e st ilos">