Documentos de Académico
Documentos de Profesional
Documentos de Cultura
DREAM WEAVER M X
1. - Introduc c ión
2. - Cre ac ión de l s itio
2. 1. - Sitio loc al
2. 2. - Sitio re m oto
3. - Cre ac ión de una pág ina
4. - Pane l de prope rtie s
5. - Config urar pág ina (Propie rtie s , Bac kg round, Links ,te xt.)
6. - Cre ac ión de hipe rvínc ulos
7. - Ins e rc ión de im ág e ne s
8. - Ins e rc ión de Inte rac tivos
8. 1. - Im ag e
8. 2. - navig ation bar
8. 3. - Flas h botton
8. 4. - Flas h te xt
8. 5. - HTML de Fire works MX
9. - Config urac ión de l nave g ador a trabajar
10. - Editar lis tas de nave g adore s
10. 1. - Com m on (Im ag e , Rollove r, Table , Navig ation bar, Horizontal
rule , Date , Flas h, Fire works , Ge ne rator, Bottons , Shoc kwave )
10. 2. - Layout
10. 3. – Te xt, Table , Fram e s , Form s , Te m plate s , Charac te rs , Me dia,
He ads , Sc ript, Applic ations
11. – Te m plate s
12. – Fram e s
12. 1. – Pane l fram e s
13. – Com portam ie ntos , pane l be haviours
13. 1. – s onido (MP3, Wav, Midi)
13.2. – Video
14. – Correo electronico
15. – Base de datos (Application)
16. – Crear base de datos en access
16.1. – Concepto de base de datos
16.2. – Tabla
16.3. – Campos
16.4. – Registros
17. – Configurar sitio
17.1. – Sitio local
17.2. – Sitio remoto
17.3. – Tipos de conexión de BD
18. – Conexión a la base de datos (Recordset)
18.1. – visualizar registros
18.2. – Filtrar registro
18.3. – Recordset navigation bar
18.4. – Recordset insertion form
18.5. – Delete recordset
18.6. – Recordset update form
18.7. – Busqueda de regitro (Query and vanced)
18.8. – Master detail page set
www.icam.com.mx
MACROMEDIA DREAMWEAVER
MX
Introducción
Al final del capítulo el alumno será capaz de...
Cre ar un s itio loc al
Cre ar un s itio re m oto
Cre ar una pag ina nue va
Conoc e r las propie dade s de un obje to
Apre nde r a c onfig urar una pag ina
Cre ar Hipe rvínc ulos
Ins e rtar im ág e ne s
Com prue ba tu avanc e y m arc a c on una P los obje tivos alc anzados
INTRODUCCIÓN
Mac rom e dia Dre am we ave r e s un e ditor de c ódig o HTML profe s ional
para e l dis e ño vis ual y la adm inis trac ión de s itios y pág inas We b. Tan
s i pre fie re c ontrolar m anualm e nte e l c ódig o HTML c om o s i pre fie re
trabajar e n un e ntorno de e dic ión vis ual, Dre am we ave r le pe rm ite
pone rs e m anos a la obra rápidam e nte y le fac ilita he rram ie ntas útile s
para m e jorar s u e xpe rie nc ia e n dis e ño We b.
Las func ione s de e dic ión vis ual de Dre am we ave r tam bié n le pe rm ite n
añadir dis e ño y func ionalidad rápidam e nte s in e s c ribir una s ola líne a
de c ódig o. Pue de ve r todos los e le m e ntos o ac tivos de l s itio y
arras trarlos de s de un pane l fác il de us ar dire c tam e nte has ta un
doc um e nto. Ag ilic e s u flujo de trabajo de de s arrollo m e diante la
c re ac ión y e dic ión de im ág e ne s e n Mac rom e dia Fire works y s u
im portac ión dire c ta a Dre am we ave r, o bie n añadie ndo obje tos Flas h
que pue de c re ar dire c tam e nte e n Dre am we ave r.
2. 1 Sitio loc al
El s itio loc al e s la e s truc tura de l s itio que us te d e s table c e e n e l e quipo
para que c onte ng a todas las c arpe tas , ac tivos y arc hivos de un s itio
c onc re to.
La c arpe ta raíz loc al de l s itio de be rá s e r e s pe c ífic a de e s e s itio. Una
bue na ide a e s c re ar una c arpe ta llam ada Sitios y, pos te riorm e nte ,
c re ar c arpe tas raíz loc ale s de ntro de e s a c arpe ta, una para c ada s itio
c on e l que trabaje .
En partic ular, ave rig üe s i s e utiliza FTP para c one c tar c on e l s e rvidor
o s i pue de m ontar e l s e rvidor c om o una unidad de dis c o c on ac c e s o de
Tam bié n pue de abrir arc hivos de te xto no HTML, c om o arc hivos
JavaSc ript, arc hivos de c orre o e le c trónic o de te xto norm al o arc hivos
de te xto g uardados c on proc e s adore s de te xto o e ditore s de te xto. No
podrá utilizar todas las he rram ie ntas de e dic ión de doc um e ntos de
Dre am we ave r e n un doc um e nto de te xto norm al, pe ro s í podrá utilizar
func ione s bás ic as de e dic ión de te xto. Entre las pos ible s razone s para
abrir un doc um e nto de te xto fig uran e ditar y de purar c ódig o
JavaSc ript, c ons ultar e l c onte nido de l arc hivo de c onfig urac ión de
Dre am we ave r o abrir un c orre o e le c trónic o que c ontie ne un frag m e nto
Para abrir un arc hivo HTML e xis te nte , lle ve a c abo una de e s tas
ope rac ione s :
Se le c c ione File > Ope n.
Si e l arc hivo s e ha c re ado c on Mic ros oft Word, e lija File > Im port >
Word HTML
Si e lig e Im portar HTML de Word, Dre am we ave r abre e l arc hivo y le
pe rm ite e s pe c ific ar opc ione s para e lim inar c ódig o aje no a HTML
g e ne rado por Word. (Mic ros oft Word 97 y las ve rs ione s pos te riore s
c ue ntan c on e l c om ando Guardar c om o HTML, que añade c ódig o
HTML inne c e s ario al c onve rtir un doc um e nto a e s te form ato. ) Para
obte ne r m ás inform ac ión.
Nota: No s e pue de im portar dire c tam e nte un arc hivo de M ic ros oft
Word (. doc ) a Dre am we ave r. Si de s e a im portar e l c onte nido de un
arc hivo de Word, inic ie Word y g uarde e l arc hivo c om o HTML ante s de
im portar e l arc hivo HTML re s ultante a Dre am we ave r.
2 Proporc ione un nom bre para e l arc hivo y vay a has ta e l lug ar e n e l
que de s e a g uardar e l arc hivo.
Nota: Dre am we ave r añade autom átic am e nte .htm (Windows ) o . htm l
(Mac intos h) al nom bre de l arc hivo c uando apare c e e l c uadro de
diálog o. (Pue de c ontrolar la e xte ns ión de arc hivo que de be añadirs e
utilizando una opc ión de las pre fe re nc ias g e ne rale s . ) Para g uardar un
arc hivo c om o te xto norm al e n Windows , as íg ne le la e xte ns ión de
nom bre de arc hivo . txt. Para g uardar un arc hivo c om o te xto norm al e n
Mac intos h, s e nc illam e nte borre .htm l de l nom bre de l arc hivo
Mac intos h. (Para que Dre am we ave r ve a e l arc hivo c om o HTML de
nue vo, g uárde lo otra ve z c on la e xte ns ión . htm l o . htm . ) De s pué s de
g uardar un arc hivo c om o te xto, Dre am we ave r no inte rpre ta ning ún
c ódig o HTML de l arc hivo.
Cuando g uarde los doc um e ntos , e vite utilizar e s pac ios y c arac te re s
e s pe c iale s e n los nom bre s de arc hivos y c arpe tas s ie m pre que s e a
pos ible . En c onc re to, no utilic e c arac te re s e s pe c iale s (c om o é , ç o ¥ )
ni s ig nos de puntuac ión (c om o dos puntos , barras inc linadas o puntos )
e n los nom bre s de arc hivos que de s e e c oloc ar e n un s e rvidor re m oto;
m uc hos s e rvidore s c am bian e s tos c arac te re s durante la c arg a, lo que
provoc a que s e rom pan los vínc ulos e xis te nte s c on los arc hivos .
As im is m o, no c om ie nc e los nom bre s de los arc hivos c on núm e ros .
vaya a la barra de m e nú
s e le c c ione Windows >prope rtie s
Tam bié n pue de abrirla c on la c om binac ión de te c las CTRL + F3
Presione ctrl Dre am we ave r le pe rm ite trabajar e n s u doc um e nto de dife re nte s
+ F3 para form as : utilizando la vis ta Dis e ño, utilizando la vis ta Códig o o
abrir o cerrar e m ple ando una vis ta c om binada que m ue s tra e l dis e ño y e l c ódig o de l
la barra de
doc um e nto. Pue de c am biar la vis ta e n la que de s e a trabajar
propiedades s e le c c ionando una vis ta e n la barra de he rram ie ntas de
Dre am we ave r.
esione ctrl. + Utilic e e l c uadro de diálog o Propie dade s de la pág ina para e s pe c ific ar
ara abrir las dive rs as opc ione s de la pág ina. Para abrir e l c uadro de diálog o
opiedades de Propie dade s de la pág ina, e lija M odify > pag e prope rtie s o pre s ione la
pagina s ig uie nte c om binac ión CTRL + J.
Doc um e nt Enc oding . Es pe c ific a la c odific ac ión e m ple ada para los
c arac te re s de l doc um e nto. Para ing lé s y otros idiom as de Europa
Oc c ide ntal, e lija Oc c ide ntal. Otras opc ione s pos ible s s on:
c e ntroe urope o, c irílic o, g rie g o, is landé s , japoné s , c hino tradic ional,
c hino s im plific ado y c ore ano. Si no apare c e ning una opc ión para la
c odific ac ión que de s e a utilizar, e lija Otro para c re ar un doc um e nto
c on la c odific ac ión que us e s u s is te m a ope rativo. Todos los idiom as
as iátic os utilizan c odific ac ión de doble byte .
Para c am biar las fue nte s que e m ple a Dre am we ave r para m os trar
c ada c odific ac ión, e lija Edit > Edit with e xte rnal e ditor y s e le c c ione
Fue nte s / c odific ac ión. Las fue nte s que s e le c c ione e n e s te pane l de
pre fe re nc ias Fue nte s / c odific ac ión no afe c tarán al m odo e n que los
vis itante s ve n las pág inas , y a que é s tos e s pe c ific an s us propias
fue nte s (para una de te rm inada c odific ac ión) e n los nave g adore s We b.
Para obte ne r m ás inform ac ión.
6 CREACIÓN DE HIPERVINCULOS
2 Abra e l pane l de prope rtie s (Windows > prope rtie s ) y lle ve a c abo
una de e s tas ope rac ione s :
Sug e re nc ia: Si todos los vínc ulos de la pág ina s e e s table c e rán c on e l
m is m o de s tino, pue de e s pe c ific ar e s te de s tino una ve z e lig ie ndo
Ins e rt > He ad tang s > Bas e y s e le c c ionando la inform ac ión de
de s tino.
3 Arras tre e l ic ono de s e ñalizac ión de arc hivo y s e ñale otro arc hivo de l
m apa de l s itio o un arc hivo loc al de la vis ta Arc hivos de l s itio.
7 INSERCION DE IM ÁGENES
Cue s tionario 1
www.icam.com.mx
MACROMEDIA DREAMWEAVER
MX
CAPITULO 2
Al final del capítulo el alumno será capaz de...
Ins e rtar inte rac tivos
Ins e rtar im ág e ne s de s us tituc ión
Cre ar barras de nave g ac ión
Ins e rtar botone s de flas h
Ins e rtar te xto flas h
Ins e rtar obje tos HTML Fire works
&RPSUXHEDWXDYDQFH\PDUFDFRQXQDPORVREMHWLYRVDOFDQ]DGRV
,16(5&,21'(,17(5$&7,926
52//29(5,0$*(
pág ina.
1$9,*$7,21%$5
)/$6+%27721
9 Hag a c lic e n Ge t m ore s tyle s para pas ar al s itio Mac rom e dia
Exc hang e y de s c arg ar m ás e s tilos de botón.
Para obte ne r m ás inform ac ión.
10 Hag a c lic e n Apply o pre s ione OK para ins e rtar e l botón Flas h e n la
ve ntana de doc um e nto.
Sug e re nc ia: Se le c c ione Aplic ar para ve r los c am bios re alizados e n la
vis ta de Dis e ño. Mie ntras m antie ne e l c uadro de diálog o abie rto
pue de c ontinuar re alizando c am bios e n e l botón.
3 Hag a c lic e n e l botón rojo De te ne r para te rm inar la pre vis ualizac ión.
Nota: No s e pue de e ditar e l obje to de Flas h botton m ie ntras s e e s tá
re produc ie ndo.
Convie ne pre vis ualizar s ie m pre e l doc um e nto e n e l nave g ador para
c om probar e xac tam e nte la aparie nc ia que te ndrá e l botón Flas h.
)/$6+7(;7
El obje to de Flas h te xt pe rm ite c re ar e ins e rtar una pe líc ula Flas h que
s ólo c ontie ne te xto. Es to pe rm ite c re ar una pe que ña pe líc ula de
g ráfic os ve c toriale s c on fue nte s de dis e ño y e l te xto que e lija.
e n e l s is te m a.
12 Hag a c lic e n Apply o pre s ione e l botón OK para ins e rtar e l Flas h
te xt e n la ve ntana de doc um e nto.
Si hac e c lic e n Apply, e l c uadro de diálog o pe rm ane c e rá abie rto y
podrá pre vis ualizar e l te xto e n e l doc um e nto.
+70/),5(:25.6
Dre am we ave r pe rm ite ins e rtar c ódig o HTML g e ne rado por Fire works ,
c om ple to c on im ág e ne s as oc iadas , divis ione s y JavaSc ript, e n un
doc um e nto. Es ta c arac te rís tic a de ins e rc ión fac ilita la tare a de
ag re g ar tablas o m apas de im ág e ne s c re ados e n Fire works e n un
doc um e nto de Dre am we ave r.
Cue s tionario 2
Fals o ( ) ve rdade ro ( )
www.icam.com.mx
MACROMEDIA DREAMWEAVER
MX
CAPITULO 3
Al final del capítulo el alumno será capaz de...
Config urar e l nave g ador
Editar una lis ta de nave g adore s
Conoc e r la barra de ins e rt
Utilizar la fic ha c om m on
&RPSUXHEDWXDYDQFH\PDUFDFRQXQDPORVREMHWLYRVDOFDQ]DGRV
&21),*85$&,21'(/1$9(*$'25$75$%$-$5
(',7$5/,67$'(1$9(*$'25(6
La func ión Com probar nave g adore s de de s tino analiza e l HTML de los
doc um e ntos para ve r s i hay e tique tas o atributos que no adm ite n los
nave g adore s de de s tino. La c om probac ión no alte ra e l doc um e nto.
),&+$6,16(57
El pane l de ins e rt c ontie ne botone s llam ados fic has ins e rt que s irve n
para la c re ac ión e ins e rc ión de dive rs os tipos de obje tos , c om o tablas ,
c apas e im ág e ne s .
&20021,0$*(5(//29(57$%/(1$9,*$7,21%$5
+25,=217$/%$5'$7(2%-(67)/$6+),5(:25.6*(1(5$725
%2772166+2&.:$9(
Hag a c lic e n e l c orre s pondie nte botón de l pane l ins e rt o arras tre e l
ic ono de l botón has ta la ve ntana de doc um e nto. De pe ndie ndo de l
obje to, apare c e rá e l c orre s pondie nte c uadro de diálog o de ins e rc ión
de obje to e n e l que s e le pe dirá que s e le c c ione o ins e rte e l arc hivo u
obje to de s e ado.
Alg unas de las pre fe re nc ias g e ne rale s afe c tan al pane l Obje tos . Para
c am biar e s tas pre fe re nc ias , e lija Edit > Pre fe re nc e y s e le c c ione
Ge ne ral.
Cuando ins e rte obje tos tale s c om o im ág e ne s , tablas , s e c ue nc ias de
c om andos y e le m e ntos he ad, apare c e rá un c uadro de diálog o e n e l que
s e le s olic itará inform ac ión adic ional. Pue de s uprim ir e s tos c uadros
de diálog o de s ac tivando la opc ión Mos trar diálog o al ins e rtar obje tos
o m ante nie ndo pre s ionada la te c la Control m ie ntras c re a e l obje to.
Cuando s e ins e rta un obje to c on e s ta opc ión de s ac tivada, e l obje to
re c ibe valore s de atributo pre de te rm inados . De s pué s de ins e rtar e l
obje to, utilic e e l ins pe c tor de propie dade s para c am biar s us
propie dade s .
Las pre fe re nc ias de l pane l Obje tos pe rm ite n vis ualizar e l c onte nido
de l pane l Obje tos c om o te xto s olam e nte , ic onos s olam e nte o te xto e
ic onos .
www.icam.com.mx
MACROMEDIA DREAMWEAVER
MX
CAPITULO 4
Al final del capítulo el alumno será capaz de...
Utilizar la fic ha layout
Utilizar la fic ha te xt
Utilizar la fic ha table
Utilizar la fic ha fram e
Utilizar la fic ha form
&RPSUXHEDWXDYDQFH\PDUFDFRQXQDPORVREMHWLYRVDOFDQ]DGRV
/$<287
7(;77$%/()5$0(6)25067(03/$7(6
&+$5$&7(560(',$+($'66&5,37$33/,&$7,21
Applic ation: Es ta opc ión pe rm ite la c one xión a una bas e de datos .
Dinam ic te xt: ins e rte un obje to dinám ic o de un te xto e n una pág ina. El
obje to de tipo te xto que us te d ins e rte e s un artíc ulo de un re c ords e t
pre de finido, e n la c ual us te d pue de aplic ar c ualquie ra de los form atos
de datos de Dre am we ave r MX
www.icam.com.mx
MACROMEDIA DREAMWEAVER
MX
CAPITULO 5
Al final del capítulo el alumno será capaz de...
Utilizar la fic ha plantillas
Utilizar e l pane l de m arc os
Conoc e r las propie dade s de los m arc os
&RPSUXHEDWXDYDQFH\PDUFDFRQXQDPORVREMHWLYRVDOFDQ]DGRV
7(03/$7(6
Dre am we ave r g uarda las plantillas c on la e xte ns ión de arc hivo . dwt
e n una c arpe ta llam ada Te m plate s e n la c arpe ta raíz loc al de s u s itio.
Si no e xis te todavía la c arpe ta Te m plate s , Dre am we ave r la c re ará al
g uardar una plantilla nue va.
862'()5$0(6
Para ve r los borde s de los Fram e s de un doc um e nto, e lija Vie w >
Vis ual Aids > Fram e s Borde rs .
Hag a c lic e n e l m arc o para s e le c c ionarlo y, a c ontinuac ión, e lija File >
s ave Fram e o File > Save Fram e as .
De e s te m odo s e g uardarán todos los doc um e ntos abie rtos , inc luidos
los doc um e ntos individuale s , los doc um e ntos de m arc os y los
doc um e ntos de c onjunto de m arc os .
1RWD Ut ilice las líneas de selección de m arcos de la vent ana de
docum ent o para ident ificar los docum ent os de conj unt o de m arcos o los
docum ent os de m arcos al guardar los archivos.
3$1(/'()5$0(6
3DUDHVSHFLILFDUSURSLHGDGHVGHPDUFR
1 Se le c c ione un m arc o lle vando a c abo una de e s tas ope rac ione s :
Hag a c lic e n un m arc o e n e l pane l Marc os .
Hag a c lic e n un m arc o e n la ve ntana de doc um e nto m ie ntras pre s iona
la te c la Alt (Windows ) o las te c las Opc ión-Mayús (Mac intos h).
2 Elija windows > prope rtie s para abrir dic ha barra. Hag a c lic e n la
fle c ha de am pliac ión, s ituada e n la e s quina infe rior de re c ha, para ve r
todas las propie dade s .
Cue s tionario 5
www.icam.com.mx
MACROMEDIA DREAMWEAVER
MX
CAPITULO 6
Al final del capítulo el alumno será capaz de...
Utilizar e l pane l de c om portam ie nto
Ins e rtar s onido
Ins e rtar vide o
Ins e rtar un m ail link
&RPSUXHEDWXDYDQFH\PDUFDFRQXQDPORVREMHWLYRVDOFDQ]DGRV
&203257$0,(1723$1(/%(+$9,256
Los c om portam ie ntos pe rm ite n a los vis itante s inte rac tuar c on la
pág ina We b para m odific arla de dive rs as m ane ras o provoc ar la
re alizac ión de de te rm inadas tare as . Un c om portam ie nto e s una
c om binac ión de un e ve nto c on una ac c ión que de s e nc ade na e s e
e ve nto. En e l pane l Com portam ie ntos , un c om portam ie nto s e añade a
una pág ina e s pe c ific ando una ac c ión y e s pe c ific ando lue g o e l e ve nto
que de s e nc ade na e s a ac c ión.
Los e ve ntos s on m e ns aje s g e ne rados por los nave g adore s que indic an
que un vis itante de la pág ina ha he c ho alg o. Por e je m plo, c uando un
vis itante m ue ve e l punte ro s obre un vínc ulo, e l nave g ador g e ne ra un
e ve nto onMous e Ove r para e s e vínc ulo; y lue g o c om prue ba s i hay
c ódig o JavaSc ript al que de ba llam ar c uando s e g e ne ra e s e e ve nto
para e s e vínc ulo. Los dife re nte s e le m e ntos de la pág ina tie ne n
de finidos dife re nte s e ve ntos ; por e je m plo, e n la m ayoría de los
nave g adore s onMous e Ove r y onClic k s on e ve ntos as oc iados c on
vínc ulos , e n donde onLoad e s un e ve nto as oc iado c on im ág e ne s y c on
la s e c c ión body de l doc um e nto.
Las ac c ione s c ons tan de c ódig o JavaSc ript ya de finido que re aliza una
tare a e s pe c ífic a, c om o abrir la ve ntana de un nave g ador, m os trar u
oc ultar una c apa, re produc ir un s onido o de te ne r una pe líc ula
Shoc kwave . Las ac c ione s inc orporadas e n Dre am we ave r han s ido
c uidados am e nte de s arrolladas por los ing e nie ros de Dre am we ave r
para proporc ionar la m áxim a c om patibilidad c on los dis tintos
nave g adore s
621,'203:$90,',
Hay varios tipos de arc hivos y form atos de s onido, y varias form as de
añadir s onido a una pág ina We b. Los fac tore s que hay que te ne r e n
c ue nta ante s de optar por un form ato y un m é todo para añadir s onido
s on: s u finalidad, e l tipo de us uarios a los que e s tá de s tinado, e l
tam año de arc hivo, la c alidad de s onido y las dife re nc ias e n los
nave g adore s .
Form atos de arc hivo de audio
La lis ta s ig uie nte de s c ribe los form atos de arc hivo de audio m ás
c om ún, junto c on alg unas de s us ve ntajas y de s ve ntajas e n re lac ión
c on e l dis e ño We b.
El form ato . m idi o . m id (Inte rfaz Dig ital para Ins trum e ntos Mus ic ale s )
e s un form ato de m ús ic a ins trum e ntal. Muc hos nave g adore s
re c onoc e n los arc hivos MIDI y, por tanto, no re quie re n un plug -in. Si
bie n s u c alidad de s onido e s m uy alta, pue de variar s e g ún la tarje ta de
s onido de l us uario. Un pe que ño arc hivo MIDI pue de proporc ionar un
c lip de s onido de larg a durac ión. Los arc hivos MIDI no s e pue de n
g rabar y de be n s inte tizars e e n un orde nador c on hardware y s oftware
e s pe c iale s .
Los arc hivos de form ato .wav (Exte ns ión de Form as de Onda) ofre c e n
una bue na c alidad de s onido, s on c om patible s c on m uc hos
nave g adore s y no re quie re n un plug -in. Pue de g rabar s us propios
arc hivos WAV de s de un CD, una c inta, e l m ic rófono, e tc . Sin e m barg o,
e l g ran tam año de arc hivo lim ita c ons ide rable m e nte la durac ión de
los c lips de s onido que s e pue de n utilizar e n las pág inas We b.
El form ato .aif (Form ato de Arc hivo de Inte rc am bio de Audio o AIFF),
al ig ual que e l form ato WAV, ofre c e bue na c alidad de s onido, s e pue de
re produc ir e n la m ayoría de los nave g adore s y no re quie re un plug -in.
Tam bié n s e pue de n g rabar arc hivos AIFF de s de un CD, una c inta, e l
m ic rófono, e tc . Sin e m barg o, e l g ran tam año de arc hivo lim ita
c ons ide rable m e nte la durac ión de los c lips de s onido que s e pue de n
utilizar e n las pág inas We b.
m ayor núm e ro de us uarios . Alg unos nave g adore s no adm ite n los
arc hivos de s onido inc rus tados .
Para e s table c e r un vínc ulo c on un arc hivo de audio:
1 Se le c c ione e l te xto o la im ag e n que de s e a us ar c om o vínc ulo c on e l
arc hivo de audio.
2 En e l pane l de prope rtie s , hag a c lic e n e l ic ono de c arpe ta para
ac c e de r al arc hivo de audio o e s c riba la ruta y e l nom bre de l arc hivo
en el c am po Vínc ulo.
Al inc rus tar audio s e inc orpora e l re produc tor de s onido dire c tam e nte
e n la pág ina, pe ro e l s onido s ólo s e re produc e s i los vis itante s de l s itio
dis pone n de l plug -in ade c uado para e l arc hivo de s onido e le g ido.
Inc rus te arc hivos s i de s e a utilizar e l s onido c om o m ús ic a de fondo o s i
de s e a obte ne r un m ayor c ontrol s obre la pre s e ntac ión de s onido. Por
e je m plo, pue de e s table c e r e l volum e n, la aparie nc ia de l re produc tor
e n la pág ina y los puntos inic ial y final de l arc hivo de s onido.
2 Hag a c lic e n e l botón Plug -in de l pane l Obje tos o e lija Ins e rt > Me dia
> Plug in.
Para obte ne r m ás inform ac ión s obre e l obje to Plug -in.
3 En e l ins pe c tor de propie dade s , hag a c lic e n e l ic ono de c arpe ta para
ac c e de r al arc hivo de audio o e s c riba la ruta y e l nom bre de l arc hivo
e n e l c am po Vínc ulo.
4 Es pe c ifique e l anc ho y e l alto introduc ie ndo los valore s e n los
c am pos c orre s pondie nte s o c am biando e l tam año de l m arc ador de
pos ic ión de l plug -in e n la ve ntana de doc um e nto.
Est os valores det erm inan con qué t am año se m uest ran los cont roles de
audio en el navegador. Por ej em plo, pruebe con un ancho de 144 píxeles y
un alt o de 60 para ver cóm o aparece el reproduct or de audio en Navigat or
y en I nt ernet Explorer.
9,'(2
Vide os Shoc kwave , e l e s tándar de Mac rom e dia para m ultim e dia
inte rac tivo e n la We b, e s un form ato c om prim ido que pe rm ite la
de s c arg a rápida de los arc hivos de m e dios c re ados e n Mac rom e dia
Dire c tor y s u re produc c ión e n los nave g adore s de us o m ás fre c ue nte .
El s oftware que re produc e las pe líc ulas Shoc kwave e s tá dis ponible
c om o plug -in para Ne ts c ape Navig ator y e n form ato de c ontrol
Ac tive X. Cuando s e ins e rta una pe líc ula Shoc kwave , Dre am we ave r
us a tanto la e tique ta obje c t (para e l c ontrol Ac tive X) c om o la e tique ta
e m be d (para e l plug -in) para c ons e g uir los m e jore s re s ultados e n
File e s pe c ific a la ruta de l arc hivo de la pe líc ula Shoc kwave . Hag a c lic
e n e l ic ono de c arpe ta para loc alizar un arc hivo o e s c riba la ruta
c orre s pondie nte .
Alig n de te rm ina c óm o s e aline ará la pe líc ula e n la pág ina. Para
obte ne r una de s c ripc ión de c ada opc ión.
&255(2(/(&7521,&2
.
En la c ate g oría Com m on de l pane l ins e rt, e l boton de e m ail link.
Cue s tionario 6
www.icam.com.mx
MACROMEDIA DREAMWEAVER
MX
CAPITULO 7
Al final del capítulo el alumno será capaz de...
Conoc e r que e s una bas e de datos
Cre ar una bas e de datos
Conoc e r que e s una tabla
Conoc e r que e s un c am po
Conoc e r tipo de c one xión
Cone c tar una bas e de datos
Vis ualizar re g is tros
Filtrar re g is tros
Utilizar los re c ords e t ins e rtion
Utilizar re c ords e t update form
Cre ar una pag ina de de talle m ae s tro
Cre ar un re pe at re g ion
Cre ar pag inas de log in c onfirm
Cre ar pag inas de re s tring pag e
Cre ar re dire c tion pag e
&RPSUXHEDWXDYDQFH\PDUFDFRQXQDPORVREMHWLYRVDOFDQ]DGRV
%$6('('$726$3/,&$7,21
&5($581$%$6('('$726(1$&&(66
Mic ros oft Ac c e s s proporc iona dos m é todos para c re ar una bas e de
datos de Ac c e s s , Utilizando e l As is te nte para Bas e de datos , o bie n,
pue de c re ar una bas e de datos e n blanc o y, pos te riorm e nte , ag re g ar
las tablas , form ularios , inform e s y de m ás obje tos que de s e e ; é s te e s e l
m é todo m ás fle xible , pe ro re quie re de finir por s e parado c ada
e le m e nto de la bas e de datos . Cualquie ra que s e a e l m é todo e le g ido,
%RWyQ
pue de m odific ar y am pliar la bas e de datos e n c ualquie r m om e nto
pos te rior a s u c re ac ión.
Nuevo
Para c re ar una bas e de datos e n blanc o e xis te n los s ig uie nte s
m é todos :
&21&(372'(81$%$6('('$726
Una bas e de datos pue de c onte ne r m ás de una tabla, c ada una de las
c uale s tie ne un nom bre e xc lus ivo. Es tas tablas pue de n e s tar
re lac ionadas o s e r inde pe ndie nte s e ntre s í.
7$%/$
&$0326
Los c am pos o c olum nas de una Tabla ide ntific an e l tipo de dato que s e
alm ac e nara e n dic ha pos ic ión, as i c om o e l nom bre de e s te .
REGISTRO
Conform a toda la inform ac ión c orre s pondie nte a las filas de e s a tabla.
&21),*85$&,21'(6,7,2
6,7,2/2&$/
Nos re g re s ara al s itio donde e m pe zam os s olo hay que pre s ionar OK.
6,7,25(0272
7,326'(&21(;,Ï1'(%'
Para c re ar una c one xión de bas e de datos para e l c urs o prác tic o ASP:
1 En Dre am we ave r, e lija Cone xione s de l pane l ins e rt e n la pe s taña
applic ation.
Apare c e rá e l c uadro de diálog o Cone xione s .
9,68$/,=$55(*,67526
7 Pre s ione Control (Windows ) e n las s ig uie nte s c olum nas de la lis ta
para inc luirlas e n e l jue g o de re g is tros : EMPLOYEEID, FIRSTNAME,
LASTNAME, DEPARTMENT y EXTENSION. La pág ina de re s ultados
m ue s tra inform ac ión de c uatro de e s tas c olum nas . De be inc luir la
c olum na EMPLOYEEID porque c ontie ne inform ac ión que ide ntific a a
c ada re g is tro individual (inform ac ión que s e rá útil m ás ade lante
c uando c re e una pág ina de de talle ).
Arrast re cada uno de los cam pos hacia el area de la pagina
),/75$55(*,67526
para filtrar re g is tros s olo arras tre los c am pos a la hoja y lis to
5(&25'6(71$9,*$7,21%$5
5(&25'6(7,16(57,21)2506
Coloque e l punto de ins e rc ión de ntro de los lím ite s de l form ulario
ante s de ins e rtar e l e le m e nto de form ulario; los e le m e ntos de
form ulario s ituados fue ra de las e tique tas form no apare c e n e n todos
los nave g adore s . Si inte nta ins e rtar un e le m e nto fue ra de l form ulario,
un c uadro de diálog o le pre g untará s i de s e a añadir una e tique ta de
form ulario alre de dor de dic ho e le m e nto. Hag a c lic e n Sí para c re ar un
form ulario que c onte ng a e l e le m e nto o e n No para ins e rtar e l e le m e nto
s in form ulario.
Che c k box c oloc a una c as illa de ve rific ac ión e n e l punto de ins e rc ión.
Es table zc a e l nom bre , e l valor de ac tivac ión y e l e s tado inic ial e n e l
ins pe c tor de propie dade s .
'(/(7(5(&25'6(7
2 Utilic e los m e nús c onte xtuale s c onne c tion y de le te from table para
e s pe c ific ar la tabla de la bas e de datos que c ontie ne los re g is tros que
s e van a borrar.
5(&25'6(783'$7()250
2 Utilic e los m e nús c onte xtuale s Conne c tón y Table to update para
e s pe c ific ar la tabla de la bas e de datos que c ontie ne los re g is tros que
s e van a ac tualizar.
%8648('$'(5(*,675248(5<$'$9$1&('
Una pág ina de bús que da e n la We b norm alm e nte c ontie ne c am pos de
form ulario e n los que los us uarios introduc e n parám e tros de
bús que da. Cuando e l us uario hac e c lic e n e l botón Bus c ar de l
form ulario, s e e nvían los parám e tros de bús que da a la pág ina de
re s ultados re s ide nte e n e l s e rvidor. La pág ina de re s ultados re s ide nte
e n e l s e rvidor, no la pág ina de bús que da de l nave g ador, e s la
re s pons able de re c upe rar los re g is tros de la bas e de datos .
Para c om e nzar c on e s ta parte de la aplic ac ión We b, c re e dos pág inas :
una pág ina de bús que da que pe rm ita a los us uarios introduc ir
parám e tros de bús que da y una pág ina de re s ultados para m os trar los
re g is tros e nc ontrados . Pue de inc lus o c om binar las dos pág inas e n una
s ola. Com o m ínim o, la pág ina de bús que da de be inc luir un form ulario
HTML c on un botón Enviar.
Para añadir un form ulario HTML a una pág ina de bús que da:
2 Añada obje tos de form ulario para que los us uarios introduzc an s us
parám e tros de bús que da e lig ie ndo Obje tos de form ulario de l m e nú
Ins e rtar.
Entre los obje tos de form ulario fig uran los c am pos de te xto, los m e nús
de lis tas , las c as illas de ve rific ac ión y los botone s de opc ión. Pue de
añadir tantos obje tos de form ulario c om o de s e e para ayudar a los
us uarios a de finir bús que das pre c is as . No obs tante , re c ue rde que
c uanto m ayor s e a e l núm e ro de parám e tros de bús que da de la pág ina
de bús que da, m ás c om ple ja s e rá la de c larac ión SQL.
Para obte ne r m ás inform ac ión s obre e l ins pe c tor, c ons ulte "Cre ar
form ularios ", de Utilizac ión de Dre am we ave r o la Ayuda de
Dre am we ave r (he lp >us ing Dre am we ave r).
3 Añada al form ulario un botón Enviar (Ins e rt > form s > Button).
5 Se le c c ione e l form ulario e lig ie ndo la e tique ta < form > e n e l s e le c tor
de e tique tas que s e e nc ue ntra e n la parte infe rior de la ve ntana de
doc um e nto, c om o se m ue s tra en la im ag e n.
GET e nvía los datos de l form ulario añadié ndolos al URL c om o una
c ade na de c ons ulta. Dado que los URL e s tán lim itados a 8. 192
c arac te re s , no utilic e e l m é todo GET c on form ularios larg os .
Si la pág ina de re s ultados s ólo tie ne un parám e tro de bús que da (un
s olo c am po de te xto, por e je m plo), podrá c re ar la pág ina de re s ultados
s in c ons ultas ni variable s SQL. Lo únic o que te ndrá que hac e r e s c re ar
un jue g o de re g is tros y de s pué s añadir un filtro para e xc luir re g is tros
que no c um plan las c ondic ione s e s table c idas por los parám e tros de
bús que da e nviados por la pág ina de bús que da.
De s pué s de que Dre am we ave r ins e rte la c ons ulta SQL e n la pág ina y
que s e e je c ute la pág ina e n e l s e rvidor, s e c om prue ba c ada re g is tro de
la tabla de la bas e de datos . Si e l c am po e s pe c ific ado e n un re g is tro
c um ple las c ondic ione s de la c ons ulta SQL, e l re g is tro s e inc luirá e n
un jue g o de re g is tros . La c ons ulta SQL c re a un jue g o de re g is tros que
c ontie ne s olam e nte los re s ultados de la bús que da.
0$67(5'(7$,/3$*(6(7
Una pág ina m ae s tra e s una pág ina e n la que s e lis tan los re g is tros y
los c orre s pondie nte s vínc ulos de c ada re g is tro. Cuando e l us uario
hac e c lic e n un vínc ulo, s e abre una pág ina de talle que m ue s tra
inform ac ión adic ional s obre e l re g is tro. Por e je m plo, a c ontinuac ión
s e m ue s tra una pág ina m ae s tra de un s itio de Intrane t de una e m pre s a
fic tic ia:
Cuando un us uario hac e c lic e n uno de los ic onos de vis ualizac ión
vinc ulados , s e abre una pág ina de talle :
Una pág ina de re s ultados e s un e je m plo típic o de pág ina m ae s tra. Sin
e m barg o, a dife re nc ia de la pág ina m ae s tra de s c rita e n e s te te m a, la
lis ta de re g is tros de una pág ina de re s ultados la de te rm ina, no us te d
c om o dis e ñador, s ino e l us uario. (El us uario de te rm ina la lis ta
m e diante la re alizac ión de una bús que da e n la bas e de datos . ) Para
obte ne r m ás inform ac ión s obre e s te tipo de pág ina m ae s tra.
Pue de utilizars e una pág ina de talle para ac tualizar o borrar e l re g is tro
m os trado. Para obte ne r m ás inform ac ión s obre la ac tualizac ión y
e lim inac ión de pág inas .
Una pág ina m ae s tra c ons ta de los s ig uie nte s e le m e ntos :
Un jue g o de re g is tros .
Una diag ram ac ión de pág ina para m os trar m últiple s re g is tros .
Un c om portam ie nto de s e rvidor Ir a pág ina De talle para abrir la
pág ina de talle y pas ar e l ID de l re g is tro e n e l que ha he c ho c lic e l
us uario.
Una pág ina de talle c ons ta de los s ig uie nte s e le m e ntos :
Una diag ram ac ión de pág ina para m os trar un únic o re g is tro.
Un jue g o de re g is tros que c onte ng an los datos de l re g is tro.
Un filtro de jue g o de re g is tros para re c upe rar un re g is tro c onc re to de
la tabla de la bas e de datos o un c om portam ie nto de s e rvidor Move r a
un re g is tro c onc re to para de s plazars e a un re g is tro c onc re to de l jue g o
de re g is tros
Tras añadir un jue g o de re g is tros a una pág ina m ae s tra vac ía, pue de
c om ple tar e l jue g o de pág inas Mae s tro/ De talle e n una s ola ope rac ión
utilizando e l obje to Live Jue g o de pág inas Mae s tro/ De talle . El obje to
Live añade los s ig uie nte s e le m e ntos a la pág ina m ae s tra:
Una tabla bás ic a c on una re g ión re pe tida para m os trar m últiple s
re g is tros .
Una barra de nave g ac ión por e l jue g o de re g is tros .
Un c ontador de re g is tros .
Un c om portam ie nto de s e rvidor Ir a pág ina De talle para abrir la
pág ina de talle y pas ar e l ID de l re g is tro e n e l que ha he c ho c lic e l
us uario.
El obje to Live tam bié n c re a una pág ina de talle s i no la ha c re ado
ante riorm e nte y añade a e lla los s ig uie nte s e le m e ntos :
Una tabla bás ic a para m os trar un únic o re g is tro.
Un jue g o de re g is tros filtrado para loc alizar y m os trar e l re g is tro e n
e l que e l us uario ha he c ho c lic e n la pág ina m ae s tra.
1 Cre e una pág ina m ae s tra vac ía y añada a e lla un jue g o de re g is tros .
As e g úre s e de que e l jue g o de re g is tros c ontie ne , no s ólo todas las
c olum nas ne c e s arias para la pág ina m ae s tra, s ino tam bié n todas las
c olum nas ne c e s arias para la pág ina de talle .
4 En e l áre a Mas te r pag e fie ld, s e le c c ione las c olum nas de l jue g o de
re g is tros que de be n vis ualizars e e n la pág ina m ae s tra.
De form a pre de te rm inada, Dre am we ve r s e le c c iona todas las
c olum nas de l jue g o de re g is tros . Si e l jue g o de re g is tros c ontie ne una
c olum na de c lave e xc lus iva, c om o, por e je m plo, re c ordID,
s e le c c ióne la y hag a c lic e n e l botón de s ig no m e nos (-) para que no
apare zc a e n la pág ina.
10 En e l áre a Cam pos de pág ina De talle , s e le c c ione las c olum nas que
de be n vis ualizars e e n la pág ina de talle .
De form a pre de te rm inada, Dre am we ave r s e le c c iona todas las
c olum nas de l jue g o de re g is tros de la pág ina m ae s tra. Si e l jue g o de
re g is tros c ontie ne una c olum na de c lave e xc lus iva, c om o, por
e je m plo, re c ordID, s e le c c ióne la y hag a c lic e n e l botón de s ig no
m e nos (-) para que no apare zc a e n la pág ina de talle .
5(&25'6(71$9,*$7,2167$786
5(3($75(*,21
/2*,1&21),50
1.- re alic e s u c one xión a una bas e de datos (ve as e tipos de c one xión)
2. - c re e un form ulario c on las s ig uie nte s nom bre s
introdus c a un form
de ntro de l form e s c riba us uario, ins e rte un te xtfie ld
de nue vo de ntro de l form e s c riba c ontras e ña e introdus c a un s e g undo
te xtfie ld
ins e rte un button
3.- s e le c c ione e l te xtfie ld de la e tique ta de c ontras e ña y e n e l pane l de
prope rtie s s e le c c ione pas word.
4.- vaya al pane l de s e rve r be haviors pre s ione le s ig no (+ ) y de la lis ta
de s ple g able s e le c c ione us e r authe ntific ation > log in us e r apare c e rá
un c uadro de dialog o.
5. - ve rifique que los te xtfie ld apre s an e n form a ode nada
6. - En e l c uadro de Validate us ing c onne c tion pre s ione la ve ntana
de s ple g able para s e le c c ionar la bas e de datos .
En e l c am po if log in s uc c e e ds , g o to e s pe c ific a pag ina que s e abrirá e n
5(675,1*3$*(
5(',5(&7,213$*(
pue de s re dire c c ionar una pag ina pas ado un tie m po c on las e tique tas
META.
e je m plo
< he ad>
< m e ta http-e quiv=”re fre s h”c onte nt= ”15;URL= www. ibm .c om >
< title >pag ina re dire c c ionada a IBM a los 15 s e g undos < title >
< / he ad>
Cue s tionario 7
1. - Conc e pto de :
Bas e de datos
Tabla
Cam po
Re g is tro
3. - Que e s ODBC