Professional Documents
Culture Documents
20/07/20 13
CICLO MEDIO
1. Datos Informativos
1.2. Instituciones de apoyo: Cetpro Comp te! "i##eni m 1.3. Localizacin: Cetpro Comp te! "i##eni m$ %r. &a!na '(1 ) C*o+i!a ,-ima 1./ 1.4. 1.%. ec!a de Inicio: "#$"%$2"13 ec!a de &'rmino: 2"$"#$2"13
02
CICLO MEDIO
2.
2.1. )ustificacin:
E# pre+ente pro0e!to +e 1 +ti2i!a en #a ne!e+idad de !rear na Pgina Web3 !on di4er+a in2orma!i5n de #a empre+a3 traba1ando !on na ba+e de dato+
2.2. Descripcin:
Se e#aborar #a Web ti#i6ando e# programa Ea+0P7P !omo em #ador
de# +er4idor Web 0 Dream8ea4er para de+arro##ar #a+ pgina+ de mantenimiento. &odo e# traba1o +e pre+entar impre+o 0 en CD para + e4a# a!i5n.
2.3. *ercado:
-o+ +itio+ Web dinmi!o+ re9 ieren de inter2a!e+ de mane1o m+ 2!i# 0 a medida para e# mantenimiento de #o+ dato+ !orre+pondiente+ a #o+ prod !to+ o +er4i!io+ en na p#ata2orma de tienda 4irt a#.
2.4. +ostos:
+oncepto Impresiones -rabacin del +D y .,/ 0nillado 1oras de internet +osto &otal ,$. +osto en ,$. s$.4"."" s$.4"."" s$.2."" s$.2%."" s$.%2.""
02
CICLO MEDIO
3. 3b4etivos
02
CICLO MEDIO
CICLO MEDIO
0+&I=ID0D5, Dia7nstico de mercado 5laboracin de las (?7inas @eb +reacin de los 5fectos +reacin de los enlaces Implementacin de la /ase de datos DiseAo de las p?7inas @eb con base de datos Desarrollo de las p?7inas de mantenimiento (ublicacin del ,itio (resentacin del proyecto 5valuacin e informe final
,emana 2
,emana 3
,emana 4
02
CICLO MEDIO
B. *etas a lo7rar
*etas a lo7rar
E# a# mno deber *aber !on!# ido e# pro0e!to *abiendo re2or6ado #o+ !ono!imiento+3 aprendi6a1e+ 0 *abi#idade+ aprendida+ a #o #argo de# m5d #o e#aborando n pro0e!to ap#i!ab#e a n e+tra rea#idad #o!a# 0 na!iona# e# ! # p ede ti#i6ar !omo na 2 ente de a toemp#eo o dentro de n emp#eo dependiente.
02
CICLO MEDIO
02
CICLO MEDIO
0+&I=ID0D 5laboracin de las (?7inas @eb +reacin de los 5fectos +reacin de los enlaces Implementacin de la /ase de datos
D5 I+I5N&5 85-.L08
/.5N3
DiseAo del sitio @eb Desarrollo de las p?7inas de *antenimiento (ublicacin del ,itio (resentacin y entre7a del (royecto
&e#?2ono
@(1AB.'@
0,(5+&3 (58,3N0L
02
CICLO MEDIO
Siempre N n!a
A 4e!e+
ASPEC&O &DCNICO
Comprende #a+ in+tr !!ione+ de# in+tr !tor Con+ #ta m !*a+ 4e!e+ !on otra+ per+ona+ ante+ de rea#i6ar na tarea Con+ #ta e+pordi!amente !on otra+ per+ona+ ante+ de rea#i6ar na tarea Sig e !on +eg ridad #a+ in+tr !!ione+ de# t tor
Organi6a + traba1o Se 4e de+ordenado en + traba1o 7a ordenado + traba1o par!ia#mente "antiene orden 0 b ena organi6a!i5n en + traba1o
De+arro##o de + + !apa!idade+ !ogniti4a+ Dem e+tra d da+ en #o 9 e *a!e Dem e+tra #imitado !ono!imiento en + + tarea+ Dem e+tra !ono!imiento+ en #o 9 e *a!e
De+arro##o de + + !apa!idade+ motri!e+ No dem e+tra *abi#idade+ Dem e+tra po!o dominio de *abi#idade+ 0 de+tre6a+ E+ e2i!iente #ogrando re+ #tado+ Do+i2i!a e# tiempo No mane1a #o+ tiempo+ "ane1a par!ia#mente #o+ tiempo+ Do+i2i!a bien e# tiempo Re+ e#4e impre4i+to+ E4ade a2rontar impre4i+to+ Intenta re+o#4er #a+ di2i! #tade+ Re+ e#4e impre4i+to+ !on !reati4idad =ti#i6a #a+ m9 ina+3 e9 ipo+3 *erramienta+ E4iden!ia de+!ono!imiento 0 2a#ta de *abi#idad en e# mane1o de m9 ina+3 e9 ipo+ 0 *erramienta+ &iene di2i! #tade+ para manip #ar a#g no+ e9 ipo+ "anip #a m9 ina+3 e9 ipo+3 0 *erramienta+ !orre!tamente "antiene norma+ de +eg ridad 0 #impie6a Se e4iden!ia de+! ido en #a ap#i!a!i5n de norma+ de +eg ridad 0 #impie6a Pra!ti!a #a+ norma+ de +eg ridad e *igiene par!ia#mente Pra!ti!a permanentemente #a+ norma+ de +eg ridad
02
CICLO MEDIO
C)ea 1 Di#e2a ani3a(i ne# !a)a &a Web de a(%e)d !) (edi3ien* # 1 e#*nda)e# de (a&idad4 Di#e2a !gina# Web b#i(a# 1 din3i(a# *eniend &a #eg%)idad 1 ( n*) & de (a&idad4
en (%en*a
+iclo
DE$ 'BFB(F'B1@
:e!*a$ 'BFBGF1@
02
CICLO MEDIO
Tabla de Contenido
INTROD-CCI5N444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 10 INFORME DE DESARROLLO DEL PRO6ECTO44444444444444444444444444444444444444444444444444444420 Pgina 7nde8'4444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 29 1: E3!e;a) A C)ea) La Pgina Web44444444444444444444444444444444444444444444444444444444444444444429 A)(<i= in#e)*a) *ab&a > ?i&a# 1 3 ( &%3na#@ ( 3bina) &a #eg%nda ( &%3na444442> In#e)*a) e& *e8* @ 1 &a i3agen !a)a &%eg da) ? )3a* a &a !)i3e)a !gina &&a3ada Ande8444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 2> 2: C 3bina) &a #eg%nda@ *e)(e)a 1 (%a)*a ?i&a 1 &%eg en &a !)i3e)a ( &%3na %bi(a) &a# &e*)a# ani3ada#'44444444444444444444444444444444444444444444444444444444444444444444444444444442> 3: E#()ibi3 # e& *e8* '44444444444444444444444444444444444444444444444444444444444444444444444444444444444444 2> 0: Le da3 # ? )3a* en ((# a (ada %na de &a# ?i&a# 1 &%eg a(e!*a3 #44444444427 1: MenB - In#e)*a)- Media C SD? !a)a ! de) %bi(a) e& a)(<i= de ?&a#< !a)a &a !gina Ande844444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 27 2: L%eg g%a)da3 # CTRL E S 1 &e da3 # F12 !a)a &a =i#*a !)e=ia de &a !gina'4444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 2F PA/INA DE CATALO/O'44444444444444444444444444444444444444444444444444444444444444444444444444444444444 2F 1: L%eg <a)e3 # & 3i#3 ( n &a# #ig%ien*e# !gina#'44444444444444444444444444444444442F MenB - in#e)*a) *ab&a !a)a ! de) )ea&i;a) &a !gina (a*& g 4444444444444444444444444442G 2: L%eg e#()ibi3 # 1 da3 # e& ? )3a* de& *e8* '4444444444444444444444444444444444444444442G 3: L%eg &e da)e3 # E& ? nd a &a !gina an(&aHe 1 &a# =in(%&a(i ne#'444444444442G 0: An(&aHe' CTRLE ALT E A4444444444444444444444444444444444444444444444444444444444444444444444444444444 30 4444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 30 9: Den*) de& (%ad) e#()ibi) e& n 3b)e 1 a(e!*a)444444444444444444444444444444444444444444430
02
CICLO MEDIO
L%eg !a)a da) =in(%& #e&e((i na) %n *e8* en !) !iedade# / =in(%& e#()ibi) e& n 3b)e de& =An(%& I ) !a 1 a(e!*a) 444444444444444444444444444444444444444444444444444444444430 >: L%eg g%a)da3 # CTRL E S 1 &e da3 # F12 !a)a &a =i#*a !)e=ia de &a# !gina# (a*a& g '444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 30 PA/INA NOJEDADES'444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 31 1: L%eg <a)e3 # & 3i#3 ( n &a# #ig%ien*e# !gina#'444444444444444444444444444444444431 MenB - in#e)*a) *ab&a !a)a ! de) )ea&i;a) &a !gina n =edade#4444444444444444444444431 2: L%eg e#()ibi3 # 1 da3 # e& ? )3a* de& *e8* '44444444444444444444444444444444444444444431 3: L%eg &e da)e3 # E& ? nd a &a !gina an(&aHe 1 &a# =in(%&a(i ne#'4444444444432 0: An(&aHe' CTRLE ALT E A4444444444444444444444444444444444444444444444444444444444444444444444444444444 33 9: Den*) de& (%ad) e#()ibi) e& n 3b)e 1 a(e!*a)444444444444444444444444444444444444444444433 L%eg !a)a da) =in(%& #e&e((i na) %n *e8* en !) !iedade# / =in(%& e#()ibi) e& n 3b)e de& =An(%& I ) !a 1 a(e!*a) 444444444444444444444444444444444444444444444444444444444433 >: L%eg g%a)da3 # CTRL E S 1 &e da3 # F12 !a)a &a =i#*a !)e=ia de &a !gina n =edade#'4444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 33 PA/INA OFERTA'44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 30 1: L%eg <a)e3 # & 3i#3 ( n &a# #ig%ien*e# !gina#'444444444444444444444444444444444430 MenB - in#e)*a) *ab&a !a)a ! de) )ea&i;a) &a !gina ?e)*a444444444444444444444444444444430 2: L%eg e#()ibi3 # 1 da3 # e& ? )3a* de& *e8* '44444444444444444444444444444444444444444430 3: L%eg &e da)e3 # E& ? nd a &a !gina an(&aHe 1 &a# =in(%&a(i ne#'4444444444439 0: An(&aHe' CTRLE ALT E A4444444444444444444444444444444444444444444444444444444444444444444444444444444 39 9: Den*) de& (%ad) e#()ibi) e& n 3b)e 1 a(e!*a)444444444444444444444444444444444444444444439 L%eg !a)a da) =in(%& #e&e((i na) %n *e8* en !) !iedade# / =in(%& e#()ibi) e& n 3b)e de& =An(%& I ) !a 1 a(e!*a) 444444444444444444444444444444444444444444444444444444444439 >: L%eg g%a)da3 # CTRL E S 1 &e da3 # F12 !a)a &a =i#*a !)e=ia de &a !gina'4444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 3> PA/INA K-IEN SOMOS'444444444444444444444444444444444444444444444444444444444444444444444444444444444444 3> 1: L%eg <a)e3 # & 3i#3 ( n &a# #ig%ien*e# !gina#'44444444444444444444444444444444443> MenB - in#e)*a) *ab&a !a)a ! de) )ea&i;a) &a !gina L%ien # 3 #4444444444444444444443> 2: L%eg e#()ibi3 # 1 da3 # e& ? )3a* de& *e8* '4444444444444444444444444444444444444444443> 3: L%eg &e da)e3 # E& ? nd a &a !gina an(&aHe 1 &a# =in(%&a(i ne#'4444444444437 0: An(&aHe' CTRLE ALT E A4444444444444444444444444444444444444444444444444444444444444444444444444444444 37 9: Den*) de& (%ad) e#()ibi) e& n 3b)e 1 a(e!*a)44444444444444444444444444444444444444444443F L%eg !a)a da) =in(%& #e&e((i na) %n *e8* en !) !iedade# / =in(%& e#()ibi) e& n 3b)e de& =An(%& I ) !a 1 a(e!*a) 44444444444444444444444444444444444444444444444444444444443F >: L%eg g%a)da3 # CTRL E S 1 &e da3 # F12 !a)a &a =i#*a !)e=ia de &a !gina'4444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 3F
02
CICLO MEDIO
PA/INA CONTACTANOS'444444444444444444444444444444444444444444444444444444444444444444444444444444444443G 1: L%eg <a)e3 # & 3i#3 ( n &a# #ig%ien*e# !gina#'44444444444444444444444444444444443G MenB - in#e)*a) *ab&a !a)a ! de) )ea&i;a) &a !gina ( n*(*an #4444444444444444444443G 2: L%eg e#()ibi3 # 1 da3 # e& ? )3a* de& *e8* '4444444444444444444444444444444444444444443G 3: L%eg &e da)e3 # E& ? nd a &a !gina an(&aHe 1 &a# =in(%&a(i ne#'4444444444400 0: An(&aHe' CTRLE ALT E A4444444444444444444444444444444444444444444444444444444444444444444444444444444 00 9: Den*) de& (%ad) e#()ibi) e& n 3b)e 1 a(e!*a)444444444444444444444444444444444444444444400 L%eg !a)a da) =in(%& #e&e((i na) %n *e8* en !) !iedade# / =in(%& e#()ibi) e& n 3b)e de& =An(%& I ) !a 1 a(e!*a) 444444444444444444444444444444444444444444444444444444444400 >: L%eg g%a)da3 # CTRL E S 1 &e da3 # F12 !a)a &a =i#*a !)e=ia de &a !gina ( n*(*an #'44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 01 CONCL-SIONES444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444 02
INTRODUCCIN
Internet:
02
CICLO MEDIO
Podemo+ de2inir a Internet !omo na !re" "e re"e#!3 e+ de!ir3 na red 9 e no +5#o inter!one!ta !omp tadora+3 +ino 9 e inter!one!ta rede+ de !omp tadora+ entre +;. =na red de !omp tadora+ e+ n !on1 nto de m9 ina+ 9 e +e !om ni!an a tra4?+ de a#gJn medio $% b&e %o 'i &( fibr )*+i% ( r "iofre%,e-%i ( &.-e # +e&ef)-i% #( e+%/0 !on e# ob1eto de !ompartir re! r+o+. De e+ta manera3 Internet +ir4e de en#a!e entre rede+ m+ pe9 eCa+ 0 permite amp#iar + !obert ra a# *a!er#a+ parte de na !re" 1&ob &!. E+ta red g#oba# tiene #a !ara!ter;+ti!a de 9 e ti#i6a n #eng a1e !omJn 9 e garanti6a #a inter!om ni!a!i5n de #o+ di2erente+ parti!ipante+K e+te #eng a1e !omJn o *ro+o%o&o , n proto!o#o e+ e# #eng a1e 9 e ti#i6an #a+ !omp tadora+ a# !ompartir re! r+o+/ +e !ono!e !omo T2P3IP. A+; p e+3 Internet e+ #a Lred de rede+L 9 e ti#i6a &CPFIP !omo + proto!o#o de !om ni!a!i5n. Internet e+ n a!r5nimo de INTER %o-e%+e Ne+4or5 ,Rede+ inter!one!tada+/. Para otro+3 Internet e+ n a!r5nimo de# ing#?+ I-+er- %io- & NET3 9 e trad !ido a# e+paCo# +er;a Re" 6,-"i &/
Sitio Web:
02
CICLO MEDIO
En ing#?+ Iebsite o Ieb site3 n sitio Ieb e+ n +itio ,#o!a#i6a!i5n/ en #a Word Wide Web 9 e !ontiene do! mento+ ,p?7inas Ieb/ organi6ado+ 1err9 i!amente. Cada do! mento ,pgina 8eb/ !ontiene teMto 0 o gr2i!o+ 9 e apare!en !omo in2orma!i5n digita# en #a panta##a de n ordenador. =n +itio p ede !ontener na !ombina!i5n de gr2i!o+3 teMto3 a dio3 4;deo3 0 otro+ materia#e+ dinmi!o+ o e+tti!o+.
02
CICLO MEDIO
Pginas web:
=na pgina 8eb e+ n do! mento o in2orma!i5n e#e!tr5ni!a adaptada para #a Word Wide Web 9 e genera#mente 2orma parte de 2 ndamentode#aWWW. =na pgina 8eb e+t !omp e+ta prin!ipa#mente por in2orma!i5n ,+5#o teMto o m5d #o+ m #timedia/ a+; !omo por *iperen#a!e+K adem+ p ede !ontener o a+o!iar dato+ de e+ti#o para e+pe!i2i!ar !5mo debe 4i+ a#i6ar+e3 0 tambi?n ap#i!a!ione+ embebida+ para *a!er#a intera!ti4a. n +itio 8eb. S prin!ipa# !ara!ter;+ti!a +on #o+ *iper4;n! #o+ de na pgina3 +iendo e+to e#
-a+ pgina+ 8eb +on e+!rita+ en n #eng a1e de mar!ado 9 e pro4ea #a !apa!idad de mane1ar e in+ertar *iperen#a!e+3 genera#mente 7&"-. E# !ontenido de #a pgina p ede +er predeterminado ,Npgina 8eb e+tti!aO/ o generado a# momento de 4i+ a#i6ar#a o +o#i!itar#a a n +er4idor 8eb ,Npgina 8eb dinmi!aO/. -a+ pgina+ dinmi!a+ 9 e +e generan a# momento de #a 4i+ a#i6a!i5n +e *a!en a tra4?+ de #eng a1e+ interpretado+3 genera#mente %a4aS!ript3 0 #a ap#i!a!i5n en!argada de 4i+ a#i6ar e# !ontenido e+ #a 9 e debe generar#o. -a pgina+ dinmi!a+ 9 e +e generan a# +er +o#i!itada+ +on !reada+ por na ap#i!a!i5n en e# +er4idor 8eb 9 e a#berga #a+ mi+ma+.
02
CICLO MEDIO
HTML:
1&*L3 +ig#a+ de Hipertexto Markup Lenguaje ,N#eng a1e de mar!ado *iperteMt a#O/3 *a!e re2eren!ia a# #eng a1e de mar!ado predominante para #a e#abora!i5n de pgina+ 8eb 9 e +e ti#i6a para de+!ribir 0 trad !ir #a e+tr !t ra 0 #a in2orma!i5n en 2orma de teMto3 a+; !omo para !omp#ementar e# teMto !on ob1eto+ ta#e+ !omo imgene+. E# 7&"- +e e+!ribe en 2orma de Neti9 eta+O3 rodeada+ por !or!*ete+ ang #are+ ,P3Q/. 7&"- tambi?n p ede de+!ribir3 *a+ta n !ierto p nto3 #a aparien!ia de n do! mento3 0 p ede in!# ir n #%ri*+ ,por e1emp#o3 %a4aS!ript/3 e# ! a# p ede a2e!tar e# !omportamiento de na4egadore+ 8eb 0 otro+ pro!e+adore+ de 7&"-.1 7&"- tambi?n +ir4e para re2erir+e a# !ontenido de# tipo de "I"E teMF7&"- o toda4;a m+ amp#iamente !omo n t?rmino gen?ri!o para e# 7&"-3 0a +ea en 2orma de+!endida de# R"- ,!omo R7&"- 1.B 0 po+teriore+/ o en 2orma de+!endida dire!tamente de SG"- ,!omo 7&"- H.B1 0 anteriore+/.
02
CICLO MEDIO
SERVIDOR WEB:
=n +er4idor 8eb e+ n programa 9 e +e e1e! ta !ontin amente en n !omp tador3 manteni?ndo+e a #a e+pera de peti!ione+ de e1e! !i5n 9 e #e *ar n !#iente o n + ario de Internet. E# +er4idor 8eb +e en!arga de !onte+tar a e+ta+ peti!ione+ de 2orma ade! ada3 entregando !omo re+ #tado na pgina 8eb o in2orma!i5n de todo tipo de a! erdo a #o+ !omando+ +o#i!itado+. =n servidor Ieb o servidor 1&&( e+ n programa in2ormti!o 9 e pro!e+a na ap#i!a!i5n de# #ado de# +er4idor rea#i6ando !oneMione+ bidire!!iona#e+ 0Fo nidire!!iona#e+ 0 +;n!rona+ o a+;n!rona+ !on e# !#iente generando o !ediendo na re+p e+ta en ! a#9 ier #eng a1e o Ap#i!a!i5n de# #ado de# !#iente. E# !5digo re!ibido por e# !#iente + e#e +er !ompi#ado 0 e1e! tado por n na4egador 8eb. Para #a tran+mi+i5n de todo+ e+to+ dato+ + e#e ti#i6ar+e a#gJn proto!o#o. Genera#mente +e ti#i6a e# proto!o#o 7&&P para e+ta+ !om ni!a!ione+3 pertene!iente a #a !apa de ap#i!a!i5n de# mode#o OSI. E# t?rmino tambi?n +e emp#ea para re2erir+e a# ordenador 9 e e1e! ta e# programa.
02
CICLO MEDIO
DOMINIO DE INTERNET:
=n dominio de Internet e+ na red de identi2i!a!i5n a+o!iada a di+po+iti4o+ o e9 ipo+ !one!tado+ a #a red Internet. n gr po de E# prop5+ito prin!ipa# de #o+ nombre+ de dominio en Internet 0 de# +i+tema de nombre+ de dominio ,DNS/3 e+ trad !ir #a+ dire!!ione+ IP de !ada nodo a!ti4o en #a red3 a t?rmino+ memori6ab#e+ 0 2!i#e+ de en!ontrar. E+ta ab+tra!!i5n *a!e po+ib#e 9 e ! a#9 ier +er4i!io ,de red/ p eda mo4er+e de n # gar geogr2i!o a otro en #a red Internet3 a n ! ando e# !ambio imp#i9 e 9 e tendr na dire!!i5n IP di2erente.1 Sin #a a0 da de# +i+tema de nombre+ de dominio3 #o+ + ario+ de Internet tendr;an 9 e a!!eder a !ada +er4i!io 8eb ti#i6ando #a dire!!i5n IP de# nodo ,por e1emp#o3 +er;a ne!e+ario ti#i6ar *ttp$FF1I'.B.@'.1B en 4e6 de *ttp$FFeMamp#e.!om/. Adem+3 red !ir;a e# nJmero de 8eb+ po+ib#e+3 0a 9 e a!t a#mente e+ *abit a# 9 e na mi+ma dire!!i5n IP +ea !ompartida por 4ario+ dominio+.
02
CICLO MEDIO
Adobe Drea
wea!er:
0dobe DreamIeaver e+ na ap#i!a!i5n en 2orma de e+t dio ,ba+ada en #a 2orma de e+t dio de Adobe :#a+*/ 9 e e+t de+tinada a #a !on+tr !!i5n3 di+eCo 0 edi!i5n de +itio+3 4ideo+ 0 ap#i!a!ione+ Web ba+ado+ en e+tndare+. Creado ini!ia#mente por "a!romedia ,a!t a#mente prod !ido por Adobe S0+tem+/ e+ e# programa m+ ti#i6ado en e# +e!tor de# di+eCo 0 #a programa!i5n 8eb3 por + + 2 n!iona#idade+3 + integra!i5n !on otra+ *erramienta+ !omo Adobe :#a+* 03 re!ientemente3 por + +oporte de #o+ e+tndare+ de# Word Wide Web Con+or!io. S + prin!ipa#e+ !ompetidore+ +on "i!ro+o2t EMpre+i5n Web 0 B# eGri22on ,9 e e+ de !5digo abierto/ 0 tiene +oporte tanto para edi!i5n de imgene+ !omo para anima!i5n a tra4?+ de + integra!i5n !on otra+. 7a+ta #a 4er+i5n "R3 2 e d ramente !riti!ado por + e+!a+o +oporte de #o+ e+tndare+ de #a 8eb3 0a 9 e e# !5digo 9 e generaba era !on 2re! en!ia +5#o 4#ido para Internet EMp#orer 0 no 4a#idaba !omo 7&"- e+tndar. E+to +e *a ido !orrigiendo en #a+ 4er+ione+ re!iente+.
02
CICLO MEDIO
02
CICLO MEDIO
NAVE#ADOR DE INTERNET:
=n na4egador 8eb o de Internet3 en ing#?+ n Lbro8+erL3 e+ n programa 9 e permite 4i+ a#i6ar #a in2orma!i5n 9 e !ontiene na pgina 8eb ,9 e e+ n pgina de #o+ +itio+ en #a red3 0a +ea e+ta #a Internet o en na red #o!a#/. Adem+ +on +ado+ para 4i+ a#i6ar ar!*i4o+ 9 e ti#i!en e# mi+mo 2ormato de #o+ do! mento+ en #a Internet ,e in!# +o *o0 en d;a permiten 4i+ a#i6ar pr!ti!amente todo tipo de do! mento+/.
02
CICLO MEDIO
@/ Apare!e na
4entana.
02
CICLO MEDIO
H/ N e4o 0 apare!e na 4entana donde 4amo+ e+!oger #a !arpeta donde +e de+ea g arda e# +itio3 # ego !on2ig ra!i5n a4an6ada3 !arpeta para #a+ imgene+3 g ardar 0 #i+to.
Pgina $nde%:
1/ Empe6ar A Crear -a Pgina Web.
02
CICLO MEDIO
Ar!*i4o in+ertar tab#a ( 2i#a+ 0 @ !o# mna+3 !ombinar #a +eg nda !o# mna In+ertar e# teMto3 0 #a imagen para # ego dar 2ormato a #a primera pgina ##amada ;ndeM.
'/ Combinar #a +eg nda3 ter!era 0 ! arta 2i#a 0 # ego en #a primera !o# mna bi!ar #a+ #etra+ animada+$
3) E+!ribimo+ e# teMto$
02
CICLO MEDIO
1) Men - Insertar- Media Swf para poder ubicar el archivo de flash para la pgina nde!"
02
CICLO MEDIO
'/ - ego g ardamo+ C&R- T S 0 #e damo+ :1' para #a 4i+ta pre4ia de #a pgina$
PA#INA DE &ATALO#O:
1/ - ego *aremo+ #o mi+mo !on #a+ +ig iente+ pgina+$
02
CICLO MEDIO
02
CICLO MEDIO
./ Dentro de# ! adro e+!ribir e# nombre 0 a!eptar - ego para dar 4in! #o +e#e!!ionar n teMto en propiedade+ F 4in! #o e+!ribir e# nombre de# 4;n! #o U ropa 0 a!eptar
(/ - ego g ardamo+ C&R- T S 0 #e damo+ :1' para #a 4i+ta pre4ia de #a+ pgina+ !ata#ogo$
02
CICLO MEDIO
PA#INA NOVEDADES:
1/ - ego *aremo+ #o mi+mo !on #a+ +ig iente+ pgina+$ "enJ A in+ertar tab#a para poder rea#i6ar #a pgina no4edade+.
02
CICLO MEDIO
02
CICLO MEDIO
./ Dentro de# ! adro e+!ribir e# nombre 0 a!eptar - ego para dar 4in! #o +e#e!!ionar n teMto en propiedade+ F 4in! #o e+!ribir e# nombre de# 4;n! #o U ropa 0 a!eptar
(/ - ego g ardamo+ C&R- T S 0 #e damo+ :1' para #a 4i+ta pre4ia de #a pgina no4edade+$
02
CICLO MEDIO
PA#INA O"ERTA:
1/ - ego *aremo+ #o mi+mo !on #a+ +ig iente+ pgina+$ "enJ A in+ertar tab#a para poder rea#i6ar #a pgina o2erta.
02
CICLO MEDIO
./ Dentro de# ! adro e+!ribir e# nombre 0 a!eptar - ego para dar 4in! #o +e#e!!ionar n teMto en propiedade+ F 4in! #o e+!ribir e# nombre de# 4;n! #o U ropa 0 a!eptar
02
CICLO MEDIO
02
CICLO MEDIO
02
CICLO MEDIO
./ Dentro de# ! adro e+!ribir e# nombre 0 a!eptar - ego para dar 4in! #o +e#e!!ionar n teMto en propiedade+ F 4in! #o e+!ribir e# nombre de# 4;n! #o U ropa 0 a!eptar
02
CICLO MEDIO
PA#INA &ONTA&TANOS:
1/ - ego *aremo+ #o mi+mo !on #a+ +ig iente+ pgina+$ "enJ A in+ertar tab#a para poder rea#i6ar #a pgina !ont!tano+.
02
CICLO MEDIO
./ Dentro de# ! adro e+!ribir e# nombre 0 a!eptar - ego para dar 4in! #o +e#e!!ionar n teMto en propiedade+ F 4in! #o e+!ribir e# nombre de# 4;n! #o U ropa 0 a!eptar
02
CICLO MEDIO
(/ - ego g ardamo+ C&R- T S 0 #e damo+ :1' para #a 4i+ta pre4ia de #a pgina !ont!tano+$
02
CICLO MEDIO
CONCLUSIONES
-a ti#i6a!i5n de tab#a+ en #o+ +itio+ Web3 +on de2initi4amente de gran a0 da3 0a 9 e permiten organi6ar 0 admini+trar de na 2orma ade! ada #a in2orma!i5n 9 e +e 4a a pre+entar en e# +itio Web. De ig a# manera #a+ tab#a+ 1 egan n pape# m 0 importante 0a 9 e para #o+ de+arro##adore+ 0 di+eCadore+ Web +on na *erramienta 2 ndamenta# a# momento de !rear #o+ +itio+ Web. Adem+ *a0 9 e tomar en ! enta 9 e toda+ #a+ propiedade+ 0 atrib to+ de #a+ tab#a+ +on de gran importan!ia3 0a 9 e a0 dan a 9 e #a+ pgina+ Web tengan n me1or di+eCo. Permite eMaminar 0 editar #a+ propiedade+ m+ !om ne+ de# e#emento de pgina +e#e!!ionado a!t a#mente3 !omo teMto o n ob1eto in+ertado. E# !ontenido de# in+pe!tor de propiedade+ e+ di+tinto en 2 n!i5n de# e#emento +e#e!!ionado. Por e1emp#o3 +i +e#e!!iona na imagen en #a pgina3 e# in+pe!tor de propiedade+ !ambiar para mo+trar #a+ propiedade+ de #a imagen ,!omo #a r ta de# ar!*i4o de imagen3 e# an!*o 0 a#to de #a imagen3 e# borde 9 e #a rodea3 et!./.Pbr FQ=n di+eCo ba+ado en CSS3 e+ de!ir3 n di+eCo 9 e ti#i6a e#emento+ de b#o9 e+ en # gar de 2i#a+ 0 !o# mna+ de tab#a3 !ontiene m !*o meno+ !5digo 9 e n di+eCo +imi#ar ba+ado en tab#a+. -o+ di+eCo+ ba+ado+ en CSS + e#en ti#i6ar eti9 eta+ Pdi4Q en # gar de Ptab#aQ para !rear #o+ b#o9 e+ CSS ti#i6ado+ para e# di+eCo. P ede !o#o!ar e+to+ b#o9 e+ CSS en ! a#9 ier # gar de #a pgina 0 a+ignar#e+ propiedade+ !omo borde+3 mrgene+3 !o#ore+ de 2ondo3 et!. Adem+3 a #o+ + ario+ 9 e ti#i6an #e!tore+ de panta##a #e+ +er m !*o m+ +en!i##o a!!eder a# !ontenido de #a+ pgina+ Web !reada+ !on CSS3 por9 e e# !5digo e+ m+ +en!i##o 0 m+ !orto.Pbr FQDream8ea4er #e permite ti#i6ar !apa+. =na !apa de Dream8ea4er e+ n e#emento de pgina 7&"- 9 e +e p ede !o#o!ar en ! a#9 ier # gar de# do! mento. E+pe!;2i!amente3 e+ na eti9 eta Pdi4Q ,o ! a#9 ier otra eti9 eta/ !on na po+i!i5n ab+o# ta. -a+ !apa+ +e arra+tran *a+ta + pgina !on Dream8ea4er 0 de+p ?+ #a+ !o#o!a donde 9 iera. -a+ !apa+ 2 n!ionan !omo b#o9 e+ de !ontenido 9 e p eden a#bergar a!ti4o+ !omo imgene+3 ar!*i4o+ :#a+*3 teMto3 et!.Pbr FQ-a+ tab#a+ !on+tit 0en na *erramienta m 0 e2i!a6 para pre+entar dato+ de tab#a 0 e+tab#e!er e# di+eCo de teMto 0 gr2i!o+ en na pgina 7&"-. =na tab#a !on+ta de na o 4aria+ 2i#a+3 !ada na de #a+ ! a#e+ !on+ta3 a + 4e63 de na o m+ !e#da+. A# !rear 2i#a+ mJ#tip#e+ !on !e#da+ mJ#tip#e+3 #a+ !e#da+ 2orma# !o# mna+. &?!ni!amente3 na !e#da e+ na di4i+i5n dentro de na 2i#a *ori6onta#3 0 na !o# mna e+ na a! m #a!i5n 4erti!a# de e+ta+ di4i+ione+ de !e#da+.Pbr FQDream8ea4er m e+tra e# an!*o de #a tab#a 0 de !ada !o# mna en e#
02
CICLO MEDIO
Se#e!tor de tab#a+ ,mar!ado !on #;nea+ 4erde+/ ! ando +e +e#e!!iona na tab#a o ! ando e# p nto de in+er!i5n e+t en e##a.Pbr FQ% nto a #o+ an!*o+ +e en! entran 2#e!*a+ para e# menJ de en!abe6ado de #a tab#a 0 #o+ menJ+ de en!abe6ado de #a+ !o# mna+. P ede ti#i6ar #o+ menJ+ para a!!eder rpidamente a determinado+ !omando+ re#a!ionado+ !on tab#a+. &ambi?n p ede a!ti4ar o de+a!ti4ar #a 4i+ta de #o+ an!*o+ 0 #o+ menJ+ +e#e!!ionando >er Q A0 da+ 4i+ a#e+ Q An!*o+ de De e+te modo p ede modi2i!ar+e e# 2ormato de #a imagen3 #a tran+paren!ia3 #a pa#eta de !o#ore+ 9 e ti#i6a. Pbr FQA# modi2i!ar+e e+to+ 4a#ore+3 #o 9 e +e pretende e+ 9 e #a imagen o! pe meno+ memoria.Pbr FQPara optimi6ar na imagen de+de Dream8ea4er *a0 9 e +e#e!!ionar #a imagen3 0 +eg idamente dirigir+e a# menJ !omando+3 op!i5n optimi6ar imagen en :ire8orV+Pbr FQDe+de #a n e4a 4entana +er po+ib#e modi2i!ar #o+ atrib to+ de #a imagen Pbr FQ =n 4;n! #o e+ na re2eren!ia in+ertada en na pgina Web 9 e +eCa#a a otro do! mento. P ede !on4ertir pr!ti!amente ! a#9 ier tipo de a!ti4o en n 4;n! #o3 pero e# tipo de 4;n! #o m+ !omJn e+ e# de teMto.Pbr FQP ede !rear 4;n! #o+ en ! a#9 ier etapa de# pro!e+o de !rea!i5n de# +itio. En e+te apartado 4a a !rear 4;n! #o+ para #a barra de na4ega!i5n3 a n9 e toda4;a no #o *a0a 2ormateado para 9 e apare6!a !omo barra de na4ega!i5n.Pbr FQCrea!i5n de 4;n! #o+Pbr FQP ede !rear 4ario+ tipo+ de 4;n! #o+ en n do! mento$Pbr FQ=n 4;n! #o !on otro do! mento o ar!*i4o3 !omo n ar!*i4o gr2i!o3 de pe#;! #a. PD: o de +onidoPbr FQ=n 4;n! #o de an!#a1e !on nombre3 9 e +a#ta a n emp#a6amiento e+pe!;2i!o dentro de n do! mento.Pbr FQ=n 4;n! #o de !orreo e#e!tr5ni!o3 9 e !rea n men+a1e de !orreo e#e!tr5ni!o en b#an!o !on #a dire!!i5n de# de+tinatario 0a re##enada.Pbr FQ>;n! #o+ n #o+ 0 de +!ript3 9 e permiten ad1 ntar !omportamiento+ a n ob1eto o !rear n 4;n! #o 9 e e1e! ta !5digo %a4aS!ript.Pbr FQP ede ti#i6ar e# i!ono de !arpeta o e# ! adro de teMto >;n! #o de# in+pe!tor de propiedade+ para !rear 4;n! #o+ de+de na imagen3 n ob1eto o teMto *a+ta otro do! mento o ar!*i4oPbr FQSe#e!!ione teMto o na imagen en #a 4i+ta Di+eCo de #a 4entana de do! mento.Pbr FQAbra e# in+pe!tor de propiedade+ ,>entana Q Propiedade+/Pbr FQ A# ini!iar "a!romedia Dream8ea4er "R 'BBH apare!e3 !omo primera no4edad3 #a e#e!!i5n de na moda#idad de programa!i5n3 #i+ta 2ormada por ASP.Net3 P7P3 Co#d: +ion3 0 7&"-. - ego +e pre+enta otra +e#e!!i5n3 e# ambiente de traba1o3 en donde en!ontramo+ #a+ op!ione+3 0a !ono!ida+ de anteriore+ 4er+ione+3 WSSIWSG ,9 e !on+i+te en di+eCar na pgina Web +in ne!e+idad de e+!ribir ningJn !5digo/3 #a op!i5n de traba1ar !on e# C5digo3 0 por J#timo #a po+ibi#idad de 4eramba+4entana+dede+arro##oa#a4e6. -o+ #eng a1e+ de programa!i5n 9 e domina Dream8ea4er "R 'BBH +on ASP3 CSS3 P7P3 S<-3 %SP3 0 R"-. E# poten!ia# de# +o2t8are en ! anto a #a !apa!idad de programar ba1o #o+ #eng a1e+ 9 e a!abamo+ de !itar e+ de #o m+ amp#io3 permitiendo #a !rea!i5n de ap#i!a!ione+ 0 di+eCo+ 8eb !omp#e1o+.
02
CICLO MEDIO
=no de #o+ p nto+ de ma0or ?n2a+i+ en e+ta edi!i5n de Dream8ea4er +on e# +oporte 0 #a+ !ara!ter;+ti!a+ de de+arro##o en Ca+!ading St0#e S*eet3 *a!iendo po+ib#e !rea!ione+ !on m+ 2a!i#idad 0 pre!i+i5n3 ap#i!ando *erramienta+ !apa!e+ de in+pe!!ionar e# !5digo e+!rito. Otro a+pe!to !apa6 de +er ana#i6ado e+ #a !ompatibi#idad de n e+tro +itio !on #o+ di4er+o+ na4egadore+3 para 9 e todo+ p edan4i+ a#i6ar#apgina!orre!tamente. -a po+ibi#idad de !rear botone+ 2#a+*3 2orm #ario+3 %a4aS!ript3 0 m+3 e+ de gran a0 da. Adem+ de poder in+ertar e#emento+ 8eb3 en!ontramo+ na gran pre!i+i5n en #a importa!i5n de in2orma!i5n de Word 0 EM!e#3 !on #a+ 2 n!ione+ de !opiar0pegar. =n di+eCador !on eMperien!ia en! entra en Dream8ea4er na op!i5n !omp#eta para de+p#egar + + !ono!imiento+. Sin embargo3 por e# otro #ado3 + ario+ prin!ipiante+ +e 4en at rdido+ por #a !antidad de menJ+ 0 *erramienta+ de# programa. -a edi!i5n 'BBH no+ pre+enta n n e4o +oporte para CSS3 op!ione+ de 4eri2i!a!i5n de !5digo pen+ado para mJ#tip#e+ na4egadore+3 0 2a!i#idade+ en #a admini+tra!i5nde#apgina. P ede 9 e e# atra!ti4o de #a+ !ara!ter;+ti!a+ de Dream8ea4er ##ame #a aten!i5n3 pero debe tener+e ! idado3 0a 9 e de nada +er4ir +i no +e !omprenden + + ti#idade+3 !on #o ! a# re+ #tar m+ prod !ti4o n programa !omo :ront Page. Dream8ea4er e+ !ono!ido por o2re!er *erramienta+ a4an6ada+ en e# de+arro##o de +itio+ 8eb3 0 +i bien +e trata de# prod !to de ma0ore+ !ara!ter;+ti!a+ de# mer!ado3 + +o e+t #imitado a + ario+ !on eMperien!ia3 0a 9 e de no +er a+;3 no +e en! entra !on #a di2i! #tad de no +aber por d5nde !omen6ar. Por otro #ado3 +e tiene #a !o+t mbre de identi2i!ar a :ront Page !omo n prod !to 2!i# de +ar3 !on po!a+ pre+ta!ione+3 0 !on gro+era+ 2a##a+3 e+ de!ir3 n prod !to no pro2e+iona#. No+otro+ #o 4e;amo+ a+; en + + ini!io+3 pero en #o+ J#timo+ aCo+ :ront Page *a e4o# !ionado notab#emente3 +iendo *a!e tiempo na ap#i!a!i5n pro2e+iona# 9 e mantiene na 2a!i#idad de +o impe!ab#e !ombinado !on Jti#e+ *erramienta+. S !ompetidor3 Dream8ea4er3 #o + pera !#aramente en e# mar!o de #a+ po+ibi#idade+ de programa!i5n. Sin embargo3 de+de #a per+pe!ti4a de #a inter2a6 0 ti#i6a!i5n3 pre2erimo+ #o+ menJ+ +en!i##o+ e int iti4o+ de :ront Page3 9 e #o *a!en aparentar +er n pro!e+ador de teMto !omo Word.
02