WEB2

7/18/2019 WEB2

http://slidepdf.com/reader/full/web255cf87e855034664618b7633 1/32

7/18/2019 WEB2


LAS PAGINASWEB

7/18/2019 WEB2


¿QUE ES UNA PAGINA WEB?

• Una página Web, también conocidacomo una página de Intenet, e! undocumento e"ect#nico adaptadopaa "a Web, peo noma"mente$oma pate de un !itio Web% Supincipa" caacte&!tica !on "o!

'ipe(&ncu"o! de una página, !iendoe!to e" $undamento de "a Web%

7/18/2019 WEB2


)A*A)+E*IS+I)AS E UNA

PAGINA WEBUna página -eb e!tá compue!ta

pincipa"mente po in$omaci#n .!#"o

te/to 01o m#du"o! mu"timedia a!& comopo 'ipeen"ace!2 ademá! puedecontene o a!ocia dato! de e!ti"o paae!peci3ca c#mo debe (i!ua"i4a!e, 0también ap"icacione! embebida! paa

a!& 'ace"a inteacti(a%

La! página! -eb !on e!cita! en un"engua5e de macado 6ue po(ee "a

capacidad de mane5a e in!eta

'ipeen"ace!, genea"mente 7+8L%

7/18/2019 WEB2


PAGINA WEB ES+A+I)A

La! página! -eb e!tática! !ona6ue""a! ea"i4ada! en 7+8L6ue pueden mo!ta ena"guna pate de "a página

ob5eto! en mo(imiento ta"e!como banne!, gi$! animado!,(ideo!, etc%

7/18/2019 WEB2


7/18/2019 WEB2


+IP9S E PAGINAS WEB• PAGINA WEB INA8I)A: La!página! dinámica! 6ue !e genean

a" momento de "a (i!ua"i4aci#n, !ee!peci3can a ta(é! de a"g;n"engua5e intepetado,genea"mente <a(a Scipt, 0 "a

ap"icaci#n encagada de (i!ua"i4ae" contenido e! "a 6ue ea"mentedebe genea"o% La! página!dinámica! 6ue !e genean, a" !e

!o"icitada!, !on ceada! po una

7/18/2019 WEB2


7/18/2019 WEB2


L9S BL9GS

7/18/2019 WEB2


7/18/2019 WEB2


¿QUE ES UN BL9G?

Un blog, .también !e conocen como-eb"og o bitácoa=, e! un !itio -eb 6ue

ecopi"a cono"#gicamente te/to! oat&cu"o! de uno o (aio! autoe!,apaeciendo pimeo e" má! eciente%7abitua"mente, en cada at&cu"o, "o!"ectoe! pueden e!cibi !u!comentaio! 0 e" auto da"e!e!pue!ta, de $oma 6ue e! po!ib"ee!tab"ece un diá"ogo%E" u!o o temática de cada b"og e!

paticu"a, "o! 'a0 de tipo pe!ona",

7/18/2019 WEB2


7/18/2019 WEB2


Árbol de tecnologías web

7/18/2019 WEB2


Páginas estáticas vs Páginas

dinámicasPágina web estática:Contenido que no cambia frecuentemente

Información en archivos HTML (y otras tecnologas como!lash"#e actuali$a manualmente#e utili$a alg%n ti&o de &rograma editor

Página web dinámica:'uede tener cambios frecuentes en la informaciónLos contenidos se almacenan en una base de datos#e actuali$a a travs de un gestor de contenidos (CM#"

7/18/2019 WEB2


Páginas dinámicas de cliente o de

servidor Páginas dinámicas de servidor :

7/18/2019 WEB2


Lenguajes de programación

HTML (HyperText Markup Language):)o es un lengua*e de &rogramación

Lengua*e de marcado basado en etiquetas (+ ,"-m&leado &ara dar forma al contenido de las &.ginas

/eb-l est.ndar lo define el 01C (0orld 0ide 0eb

Consortium"2efinido &or el #3ML (#tandard 3enerali$ed Mar4u&

Language"-5tensiones de archivos 6html ó 6htm

7/18/2019 WEB2



HTML (HyperText Markup Language):

7/18/2019 WEB2



XML (Extensibe Markup Language):Metalengua*e e5tensible de etiquetas desarrollado &or el 01C-s una forma de definir lengua*es &ara diferentes necesidades

-st.ndar &ara el intercambio de información estructuradaentre diferentes &lataformas#e &uede usar en bases de datos7 editores de te5to7 ho*as de

c.lculo7 etc62efinido &or el #3ML (#tandard 3enerali$ed Mar4u&

Language"-5tensiones de archivos 65ml

7/18/2019 WEB2



XHTML (Extensibe Hypertext Markup Language):#ustituto &ara HTML como est.ndar &ara las &.ginas

/eb

Cum&le es&ecificaciones m.s estrictas de 8ML-l contenido de la 000 ahora &uede visuali$arse

desde numerosos dis&ositivos)ecesidad de est.ndares estrictos

La información y la forma de &resentarla deben estarclaramente se&aradas9ase &ara la creación de la /eb sem.ntica

7/18/2019 WEB2



!ava"cript:#igue las es&ecificaciones del -CM#cri&tLengua*e de scri&ts basado en ob*etos

'ermite la creación de &.ginas din.micas#e incrustra en el documento HTML#e mane*a del lado del cliente)o &ermite consultar datos del lado del servidor -st.ndar definido y mantenido &or 01C a travs del

2;M (2ocument ;b*ect Model"

7/18/2019 WEB2



#ction"cript:Lengua*e de &rogramación orientado a ob*etos (;;'"<tili$ado en el entorno dobe !lash

9asado en es&ecificaciones de -CM#cri&t#imilar a =ava#cri&tLa versión 16> ha significado una me*ora en el mane*o

de &rogramación orientada a ob*etos

7/18/2019 WEB2



PHP (Hypertext Preprocessor):<sado &rinci&almente &ara sitio din.micos2el lado del servidor

-mbebido en HTML)ecesita de servidor 0eb (&ache o II# con las

libreras de 'H'"Lengua*e libreMulti&lataforma2escataca su conectividad con My#?L-5tensiones de archivo 6&h&

7/18/2019 WEB2



#"P (#ctive "erver Pages):Creado &or Microsoft2el lado del servidor

@equiere Internet Information #erver (II#"A&timo con el mane*ador de base de datos #?L

#erver Tecnologa &ro&ietariaHos&eda*e costoso-5tensiones de archivo 6as&

7/18/2019 WEB2



#"P$%ET:-s un frame/or4 de desarrolloComerciali$ado &or microsoft

#e &uede usar CB7 96)-T o =B en los desarrollos0ebLas a&licaciones necesitan de !rame/or4 de 6)-T#e e*ecuta en el lado del servidor ;rientado a ob*etosLos archivos son e5tensión 6as&5

7/18/2019 WEB2



!"P (!ava "erver Pages):;rientado a desarrollar &.ginas 0eb en =avaLengua*e multi&lataforma

#e e*ecuta en el lado del servidor #imilar a #'6)-T en la &otencia de los desarrollos)ecesita &ara su funcionamiento el servidor Tomcat'ermite se&arar el código din.mico del est.tico-l código =#' se &uede incrustar en HTML<tili$a el motor de servlets de =avaLa e5tensión de archivo es 6*s&

7/18/2019 WEB2



!"P (!ava "erver Pages):

-*em&los: htt&:DD///6sun6comD

http://www.sun.com/

http://www.sun.com/

7/18/2019 WEB2



&od'usion:2esarrollado &or Macromedia<sado &ara crear sitios din.micos

2el lado del servidor @equiere servidor Cold!usionInteract%a de manera sim&le con bases de datos

(#ybase7 ;racle7 My#?L7 #?L #erver7 o ccess"-5tensión de archivo 6cfm

7/18/2019 WEB2



Per:Toma elementos del lengua*e C y shellLengua*e de &ro&ósito general

Multi&aradigma (&rogramación orientada a ob*etos7&rogramación estructurada y &rogramación funcional"'ensado &ara la &lataforma <)I87 &ero dis&onible

&ara varios sistemas o&erativos

Los archivos son e5tensión 6&l

7/18/2019 WEB2



Pyton:Lengua*e creado en el aEo FGGF &or 3uido an @ossumConsiderado como el m.s lim&io &ara &rogramar 'ermite crear todo ti&o de a&licaciones incluyendo sitios

/eb#e e*ecuta en el lado del servidor Licencia de código abierto (;&ensource"Multi&lataformaMulti&aradigma (&rogramación orientada a ob*etos7

&rogramación estructurada y &rogramación funcional"La e5tensión de archivo es 6&y

7/18/2019 WEB2



uby:Lengua*e desarrollado &or u4ihro Mat$J MatsumotoIns&irada en 'ython y 'erl

2istribuido ba*o licencia de soft/are libre;rientado a ob*etosLos archivos son e5tensión 6rb

uby on ais

!rame/or4 de a&licaciones /eb de código abiertoescrito en el lengua*e de &rogramación @uby

7/18/2019 WEB2



#*ax (#syncronous !ava"cript #nd XML):Tcnica de desarrollo /eb &ara crear a&licaciones

interactivas o @I (@ich Internet &&lications"

#e e*ecutan en el cliente mientras mantienen lacomunicación asncrona con el servidor en segundo&lano'ermite reali$ar cambios sobre las &.ginas sin

necesidad de recargarlas#e aumenta la interactividad7 velocidad y usabilidad

en las a&licaciones

7/18/2019 WEB2



&"" (&ascading "tye "eets):Lengua*e usado &ara definir la &resentación de un

documento estructurado (HTML7 8HTML"

2esarrollado &or el 01CLa idea que se encuentra detr.s del desarrollo de

C## es se&arar la estructura de un documento de su&resentación

-5tensión 6css

WEB2

Documents

Transcript of WEB2