Curso de Frontpage2003

http://www.aulaclic.es/frontpage2003/index.htm

Indice

d e t a l l a d o:

Unidad 1. Introduccin a FrontPage2003.

Qu es FrontPage2003 y para qu sirve? Integracin de FrontPage con O ice2003. !onceptos inicia"es FrontPage. #i pri$er docu$ento con FrontPage. %rrancar Frontpage2003. !rear "a p&gina 'e(. )uardar "a p&gina 'e(. *isua"i+ar "a p&gina 'e(. !errar FrontPage2003. !o$paginar sesiones !onceptos (&sicos
Unidad 2. ,"e$entos -&sicos de FrontPage2003.

,"e$entos de "a panta""a inicia". .a ayuda de FrontPage. #en/s inte"igentes. #ostrar y ocu"tar (arras !rear nuevas (arras de 0erra$ientas Opciones de "as (arras de 0erra$ientas
Unidad 3. Introduccin a "a con iguracin de un sitio 'e(.

Qu es un sitio 'e(? 1ise2o previo. !rear un (oceto de "a 'e(. ,structura de ic0eros. !rear un sitio 'e( sin cone3in a Internet. !on iguracin de" sitio.

%sistente para crear un sitio 4e(. 5itios 'e( prede inidos en FrontPage

Unidad 4. For$ateo de te3to.

Introducir te3to. 6ipo de "etra7 ta$a2o7 negrita7 cursiva7 su(rayado. Introducir p&rra os. Uso de p&rra os y "a uente de "etra. Introducir "istas y vi2etas. 6e$as de FrontPage. Uso de 'ord%rt. !orrector ortogr& ico.
Unidad 5. I$&genes.

For$ato de i$&genes8 )IF7 9P) y P:). Insertar una i$agen. !a$(iar e" ta$a2o de una i$agen. Usar una i$agen co$o ondo de p&gina. Propiedades de "a i$agen.
Unidad 6. ;iperv<ncu"os.

Qu es un 0iperv<ncu"o? 6ipos de 0iperv<ncu"os. Introducir 0iperv<ncu"os en e" te3to. For$ato de" 0iperv<ncu"o. Introducir 0iperv<ncu"os en una i$agen. 1estino de" v<ncu"o. Quitar 0iperv<ncu"os. .as %nc"as. #apas de i$&genes.
Unidad 7. 6a("as.

.as ta("as en FrontPage. Insertar una ta("a. =e""enar "as ce"das. 5e"eccionar "os e"e$entos de "a ta("a. %2adir y e"i$inar i"as y co"u$nas. !a$(iar e" ta$a2o de "a ta("a y de "as ce"das. 1ar or$ato a "as ce"das. Poner una i$agen de ondo.

%nidar ta("as. 1ividir ce"das. !o$(inar ce"das.

Unidad 8. #arcos.

.os $arcos en FrontPage. Insertar un $arco. )uardar p&ginas con $arcos. !on igurar un $arco. .as ""a$adas a un 0iperv<ncu"o desde un $arco.
Unidad 9. For$u"arios.

Qu es un or$u"ario? ,"e$entos (&sicos de un or$u"ario. !rear un or$u"ario. Insertar e"e$entos en un or$u"ario. !on igurar e" or$u"ario.
Unidad 10. ,"e$entos Interactivos y $u"ti$edia.

Introduccin. -otones para desp"a+arse -otones con i$agen Propiedades de "os (otones interactivos %2adir $/sica de ondo a "a p&gina 'e(. %2adir un v<deo a "a p&gina 'e(. 6ransicin entre p&ginas #arquesinas
Unidad 11. ;o>as de ,sti"os.

Qu es una 0o>a de esti"os? !rear una 0o>a de esti"os. #odi icar y ap"icar una 0o>a de esti"os. ;6#. (&sico.
Unidad 12. P"anti""as

Qu es una p"anti""a? Usar una p"anti""a. P"anti""as prede inidas de FrontPage.

Unidad 13. #anteni$iento y opti$i+acin de un sitio 'e(.

In or$es de" sitio 4e(. #anteni$iento. *ista de in or$es. P&ginas "entas. ;iperv<ncu"os. *ista de 6areas. *ista de e3p"oracin. !rear una (arra de navegacin. *ista de 0iperv<ncu"os. 1ise2o de "a 'e( para varias reso"uciones.
Unidad 14. Pu("icar en Internet.

Pu("icar en Internet. Usar un progra$a F6P para su(ir "a p&gina. O(tener una redireccin.
Unidad 15. Progra$acin 9avascript7 9ava7 P;P y %5P.
JAVASCRIPT

Qu es? Para qu sirve? #ini?$anua" de 9avascript. %daptar e" 9avascript a "a p&gina. ,rrores co$unes.
JAVA

Qu es? Para qu sirve? %daptar e" app"et a "a p&gina. ,rrores co$unes.
PHP y ASP

Qu son? Para qu sirven? ,n"aces con cdigo gratuito

Unidad 1. Introd !!i"n a #R$%TPA&'2003. (I)

*a$os a *+r una peque2a introduccin a #rontPa,+2003. *a$os a aprender para qu sirve esta ap"icacin y c$o nos puede ayudar a 0acer desde una senci""a p&gina 'e( 0asta un sitio co$p"eto en Internet. 6a$(in 0are$os una p&gina 'e( para que vea$os "o &ci" que puede ""egar a ser.

-. / +0 #rontPa,+ 2003 y 1ara 2 / 0ir*+3

#rontPa,+2003 es un progra$a con e" cua" pode$os crear p&ginas 'e( de una or$a visua". )racias a esto e" usuario s"o tiene que concentrarse en e" dise2o de su 'e( sin necesidad de sa(er progra$ar. :o o(stante7 un usuario avan+ado puede usar "as caracter<sticas avan+adas de #rontPa,+2003 para 0acer sitios 'e( $&s co$p"e>os. Una 14,ina 5+6 es un docu$ento que puede ser visua"i+ado con un navegador de Internet. Un 0itio 5+6 es un con>unto de p&ginas 'e( re"acionadas entre s<. Por e>e$p"o7 este docu$ento es una p&gina 'e(7 y pertenece a un sitio 'e(7 %u"ac"ic. #rontPa,+2003 nos per$ite dise2ar y $odi icar tanto e" sitio co$o cada p&gina individua"$ente7 y nos ayuda en su edicin y $anteni$iento.

Int+,ra!i"n !on $77i!+2003

#rontPa,+2003 or$a parte de" paquete de ap"icaciones $77i!+20037 y co$parte $uc0as de "as caracter<sticas de" resto de progra$as de" O ice7 tanto en procedi$ientos co$o en e" inter a+. )racias a esto7 $uc0as de "as tareas que nos son a$i"iares en 5ord nos servir&n para #rontPa,+ y viceversa. %"gunas de "as caracter<sticas que co$parten son8

.os $en/s y "os iconos son si$i"ares entre cada ap"icacin y rea"i+an "a $is$a uncin. ," portapape"es de O ice es a0ora co$/n a todas "as ap"icaciones O ice7 y per$ite guardar de or$a te$pora" gr& icos y te3tos de distintos docu$entos de O ice y de otros progra$as7 y pegar"os en un docu$ento de O ice. Por e>e$p"o7 puedes copiar te3tos de un docu$ento de 5ord y pegar"os en una p&gina 'e( de #rontPa,+7 y despus a(rir una 0o>a de c&"cu"o de '8!+97 y copiar una ta("a de '8!+9 a 5ord. Otras unciones7 co$o e" corrector ortogr& ico7 uncionan de "a $is$a $anera o de una or$a casi idntica en todas "as unciones. Por otra parte7 "os docu$entos de 5ord pueden ser convertidos a p&ginas 'e(. )racias a esto pode$os crear p&ginas 'e( a partir de docu$entos que ya tenga$os escritos en 5ord de una or$a &ci" y senci""a. ,sto ta$(in se ap"ica a otra c"ase de docu$entos co$o 0o>as de c&"cu"o de '8!+97 ic0eros de A!!+007 etc.

Con!+1to0 ini!ia9+0 d+ #rontPa,+.

Puedes arrancar FrontPage2003 a0ora para ir pro(ando todo "o que te e3p"ica$os. !uando rea"ices "os e>ercicios ta$(in puedes !o:1a,inar do0 0+0ion+0 de "a or$a que te e3p"ica$os aqu<. 5i no conoces 7 n!ion+0 640i!a0 ta"es co$o $ane>ar e" ratn7 tec"ado7 $ane>ar ventanas7 etc. aqu< puedes aprender"as.

;i 1ri:+r do! :+nto !on #rontPa,+2003

*a$os a construir una senci""a p&gina 'e( para de$ostrar "o senci""o y potente que puede ""egar a ser #rontPa,+. ,n pri$er "ugar7 vea$os "as dos or$as (&sicas de arran!ar FrontPage2003.

<+0d+ +9 6ot"n Ini!io situado7 nor$a"$ente7 en "a esquina in erior i+quierda de "a panta""a. !o"ocar e" cursor y 0acer c"ic so(re e" (otn Ini!io se desp"iega un $en/@ a" co"ocar e" cursor so(re Pro,ra:a07 aparece otra "ista con "os progra$as que 0ay insta"ados en tu ordenador (uscar ;i!ro0o7t #rontPa,+ 2003 dentro de ;i!ro0o7t $77i!+7 0acer c"ic so(re "7 y se arrancar& e" progra$a. <+0d+ +9 i!ono d+ #rontPa,+2003 de" escritorio Cr+ar 9a 14,ina 5+6. %" arrancar e" progra$a7 nos aparece por de ecto una p&gina 4e( en ("anco en "a que pode$os tra(a>ar. 5i no nos aparece7 (asta con que pu"se$os en e" icono . .

%0ora 0ace$os c"ic en e" &rea en ("anco y escri(i$os "o siguiente8 ;o"a7 esta es $i pri$era p&gina 'e(. ,ste es un en"ace a" peridico e" Pa<s. %0ora se"eccionare$os "as pa"a(ras Ae" Pa<sA y pu"sare$os en In0+rtar y despus7 en e" $en/ que se nos a(re7 en Hi1+r*=n! 9o. ,n 1ireccin escri(ire$os "o siguiente8 0ttp8BB444.e"pais.es. 1e esta or$a creare$os un v<ncu"o a otra p&gina 'e(7 a "a que podre$os via>ar si dispone$os de cone3in a Internet. :tese que e" te3to ca$(ia de co"or y aparece su(rayado para indicar que es un 0iperv<ncu"o. .a panta""a nos $ostrar& a"go si$i"ar a esto8

Unidad C. Introduccin a F=O:6P%),2003. DIIE

;i 1ri:+r do! :+nto !on #rontPa,+2003

Un >i1+r*=n! 9o7 co$o $&s tarde e3p"icare$os7 nos per$ite navegar por Internet7 ya que nos per$ite ca$(iar de una p&gina 'e( a otra. & ardar 9a 14,ina 5+6. *a$os a guardar "a p&gina en e" disco duro. #ientras no est en "7 "a p&gina se guarda en "a $e$oria de" ordenador7 pero podr<a perderse por un corte de "u+ o por un a""o de" progra$a. %s< que no o"vide guardar a $enudo sus docu$entos en e" disco duro7 ya que a""< se guardan de or$a per$anente. ?a 6arra d+ >+rra:i+nta0 contiene iconos para e>ecutar de or$a in$ediata a"gunas de "as operaciones $&s 0a(itua"es7 co$o & ardar 7 A6rir 7 I:1ri:ir 7 etc.

Pu"sa$os en e" icono & ardar . %" ser "a pri$era ve+ que guarda$os7 e" siste$a nos pedir& un no$(re para e" arc0ivo7 y nos sugerir& uno. .os no$(res de p&ginas 4e( sue"en t+r:inar en .0t$ o .0t$". 5in e$(argo7 no es necesario escri(ir esta ter$inacin si no quere$os. FrontPage "o a2adir& a to:4ti!a:+nt+.

,n "a panta""a pode$os ver co$o e" siste$a nos sugiere ind+8.>t: ;ace$os c"ic en ind+8.>t:7 "o (orra$os y escri(i$os co$o no$(re F0o"a.0t$F Dsin "as co$i""asE. ;ace$os c"ic en A!+1tar y e" ordenador guardar& nuestro tra(a>o. #&s ade"ante7 cuando $odi ique$os "a 4e(7 (astar& con 0acer c"ic en e" icono de & ardar y e" ordenador guardar& e" docu$ento con e" no$(re que "e di$os. Pode$os poner"e a "a p&gina 4e( un t=t 9o. Para e""o7 antes de guardar "a 4e(7 0e$os de pu"sar en e" (otn Ca:6iar t=t 9o7 y poner"e un t<tu"o que aparecer& en "a ventana de" navegador.

%qu< puedes rea"i+ar un +@+r!i!io 1a0o a 1a0o int+ra!ti*o para practicar "o visto 0asta e" $o$ento.

Vi0 a9iAar 9a 5+6. %0ora va$os a visua"i+ar "a p&gina. Para visua"i+ar e" arc0ivo7 0ace$os c"ic so(re e" (otn Vi0ta 1r+*ia

de "oas $odos de edicin7 y e" siste$a cargar& e" docu$ento co$o si uera una p&gina 'e(. %0ora7 si dispone$os de cone3in a Internet7 a" pu"sar so(re "as pa"a(ras Ae" Pa<sA7 navegare$os a esa p&gina. 5i no dispone$os de cone3in7 senci""a$ente aparecer& un $ensa>e de error. Fina"$ente7 para !+rrar FrontPage7 puedes uti"i+ar cua"quiera de "as siguientes operaciones8 ;acer c"ic en e" (otn cerrar .

Pu"sar "a co$(inacin de tec"as A?T B #4. ;acer c"ic so(re e" $en/ Ar!>i*o y e"egir "a opcin Sa9ir. 6odas "as p&ginas 4e( que cree$os en rea"idad se co$ponen de un "engua>e generado interna$ente por FrontPage ""a$ado ;6#.. %s< que no est& de $&s tener a $ano nuestro $anua" (&sico de ;6#. que encontrar&s en "a unidad CC ;o>as de esti"os. Para practicar "os distintos aspectos e3p"icados en e" te$a puedes rea"i+ar e" e>ercicio paso a paso #i pri$er docu$ento.

,>ercicios de "a Unidad C.

Prue(a eva"uativa de "a Unidad C.