Dreamweaver

Dreamweaver es un editor de pginas Web que puede trabajar en cdigo html

o bien en un entorno de edicin visual y fcil de manejar muy similar al de un
procesador de textos.
Dreamweaber nos permite crear sitios Web en forma visual, utiliando un
interfa grfica y nos da la posibilidad visualiar los cambias que vayamos
realiando.
!cceso
Damos clic al botn "nicio de la #arra de $areas.
%legimos $odos los programas. %ntramos a la carpeta &acromedia.
Damos clic sobre el icono de Dreamweaver.
#arra de herramientas "nsertar
%sta barra contiene los elementos ms utiliados para dise'o de pginas Web
y se puede mostrar de dos formas diferentes dentro del ambiente
Dreamweaver(
)omo barras totalmente independientes.
)omo fichas.
%structura de una pgina Web en Dramweaver
%n el cap*tulo anterior, hab*amos dicho que la estructura bsica de un
documento Web est formada por(
)abecera
)uerpo
%n Dreamweaver la estructura de un documento html tambi+n esta presente.
%s decir, en la casilla $itulo de la #arra de herramientas Documento,
escribimos el t*tulo de la pgina, que ser el que aparece en la barra de t*tulo
del navegador y que en lenguaje html lo colocbamos entre las etiquetas
,$"$-%./,0$"$-%..
$oda la 1entana de documento es el cuerpo de la pgina Web , que
anteriormente la situbamos entre las etiquetas ,#2D3./,0#2D3..
4ormato de texto
5rrafo
%n Dreamweaver no es necesario utiliar la etiqueta ,5. para el comieno de
un prrafo ni la etiqueta ,05. para el fin del prrafo, solo basta con escribir el
prrafo en el rea body de la pgina.
62&#7%D%- !-8&629!:. ;!#7"%-! &!7$"6%< <";!
&%D"2= ;7!4")2=
>? de @une de AB>C
-as etiquetas ,#7. para salto de rengln y Dnbsp para espacios en blanco, no
son necesarias cuando capturamos un prrafo en Dreamweaver.
!lineacin
%n Dreamweaver se realia mediante botones de accin(
"quierda
Derecha
)entrado
@ustificado
=angr*a de prrafo
Dreamweaver sustituye las etiquetas ,blocEquote./,0blocEquote. por los
botones de accin =angr*a de texto y !nular sangr*a de texto.
$exto en negritas
=eleccionamos el texto o prrafo al que deseamos aplicar el formato
negrita.
Facemos clic al botn 6egrita del "nspector de propiedades.
$exto en cursiva o itlica
=eleccionamos el texto o prrafo.
Damos clic al botn )ursiva del inspector de propiedades.
$exto subrayado
=eleccionamos el texto o prrafo.
Facemos clic al botn $am del "nspector de propiedades.
%legimos el tama'o deseado.
)olor de letra
=eleccionamos el texto o prrafo al que le vamos a aplicar un color.
Facemos clic al botn 5aleta de colores del "nspector de propiedades.
%legimos un color para el texto.
$ipo de texto
=eleccionamos el prrafo o texto al que deseamos combiarle el tipo de
letra.
Damos clic al botn 4uente del inspector de propiedades.
%legimos el tipo de letra.
%ncabeados
=eleccionamos el primer prrafo.
62&#7%D%- !-8&629!:. ;!#7"%-! &!7$"6%< <";!
&%D"2= ;7!4")2=
>? de @une de AB>C
Facemos clic al botn 4ormato del "nspector de propiedades.
%legimos el encabeado deseado.
-istas
-ista no ordenada
Damos clic al botn $exto de la #arra de herramientas "nsertar.
Facemos clic al botn -ista sin ordenar.
%scribimos el primer elemento de la lista.
Damos %nter para escribir el segundo elemento de la lista.
-ista ordenada
Damos clic a la ficha $exto de la #arra de herramientas "nsertar.
Facemos clic al botn -ista ordenada.
%scribimos el primer elemento de la lista.
Damos %nter para escribir el segundo elemento.
-ista de definicin
Damos clic a la ficha $exto de la #arra de herramientas "nsertar.
Facemos clic al botn -ista de definicin.
%scribimos el t+rmino a definir.
Damos %nter para escribir la definicin del t+rmino.
!ncho de l*nea
=eleccionamos la l*nea a la que deseamos cambiarle su ancho haciendo
clic sobre +sta con el apuntador del &ouse.
Facemos clic al botn 8nidades del "nspector de propiedades.
%legimos las unidades de medida del ancho de l*nea, 5*xeles o G.
%n la casilla !n tecleamos el valor del ancho de la l*nea.
;rosor de l*nea
=eleccionamos la l*nea a la que deseamos cambiarle su grosor.
%n la casilla !l tecleamos el valor del grosor de la l*nea.
Damos %nter.
!lineacin de l*nea
=eleccionamos la l*nea a la que deseamos cambiarle su alineacin.
Facemos clic al botn !linear del "nspector de propiedades.
%legimos el tipo de alineacin.
62&#7%D%- !-8&629!:. ;!#7"%-! &!7$"6%< <";!
&%D"2= ;7!4")2=
>? de @une de AB>C
"mgenes
"nsercin
Damos clic al botn "mgenes de la #arra de herramientas "nsertar.
%legimos la opcin "magen.
%n la ventana =eleccionar origen de imagen, damos clic sobre el nombre
de la imagen.
Facemos clic al botn aceptar.
$ama'o
5odemos modificar el tama'o de una imagen en Dreamweaver de dos formas(
>. )olocamos el apuntador del &ouse en alguna de las manijas de edicin
de la imagen. Facemos clic y sin soltar el botn movemos el &ouse para
modificar el tama'o de la imagen.
A. %n la casilla !n, del "nspector de propiedades, escribimos el ancho de la
imagen en p*xeles. %n la casilla !l, del "nspector de propiedades,
escribimos la nueva altura de la imagen en p*xeles.
!lineacin de imagen vs texto
=eleccionamos la imagen que deseamos alinear.
Damos clic al botn alinear del inspector de propiedades.
%legimos alguno de los siguientes atributos de alineacin(
>. -*nea de base( alinea el texto con la parte inferior de la imagen.
A. =uperior( alinea la parte superior de una imagen con la parte
superior del elemento ms alto.
H. &edio( alinea la parte central de la imagen con la l*nea de base
del texto.
C. &edio absoluta( "nferior absoluta( alinea la parte inferior de la
imagen con la parte inferior del texto.
?. "quierda( sitIa la imagen en el margen iquierdo, ajustando a la
derecha el texto que la rodea.
J. Derecha( sitIa la imagen en el margen derecho, ajustando a la
iquierda el texto que lo rodea.
!lineacin de imagen
%l editor de pginas Web nos #renda otra opcin de alineacin, la cual nos
permite alinear toda la imagen, incluido el texto en sentido horiontal, de la
siguiente manera(
Damos clic sobre la imagen.
%legimos alguna de las siguientes opciones de alineacin(
62&#7%D%- !-8&629!:. ;!#7"%-! &!7$"6%< <";!
&%D"2= ;7!4")2=
>? de @une de AB>C
>. !l centro
A. ! la derecha
62&#7%D%- !-8&629!:. ;!#7"%-! &!7$"6%< <";!
&%D"2= ;7!4")2=
>? de @une de AB>C