MANUAL DE DREAMWEAVER CS4 CONTINUACIN DEL CURSO CAPITULO 3

Lcda. Mnica Gonzlez R.

Capitulo 3.
Reglas, grilla, cdigo html, imgen o color de fondo
Reglas
Para ayudarnos a ubicar los elementos en nuestra pgina, Dreamweaver puede mostrar una regla en el borde superior y otra el lado izquierdo de la pgina. Para mostrar la regla debemos ir a Ver/Reg las/Mostrar (View/Rulers/Show) .

Grilla
Tambin podemos hacer aparecer una grilla para guiarnos en el diseo de nuestra pgina. Para ello debemos ir a Ver/Grilla/Mostrar (View/Grid/Show). Desde aqu tambin podemos especificarle al programa cada cuantos pixels, pulgadas o centmetros tendremos las lneas de nuestra grilla. Para ello debemos ir a Ver/Grilla/Seteos (View/Grid/Settings) . Para que nos resulte ms fcil ubicar con respecto ala grilla los objetos que insertamos en nuestra pgina, podemos tildar la opcin Ajustar a (Snap to) que se encuentra en Ver/Grilla (View/Grid). De esta forma, las lneas de nuestra grilla adoptarn un efecto de imn que atraern los objetos para alinearlos mejor cuando los incorporemos al espacio de nuestra pgina.

Cdigo HTM
Para ver el cdigo HTML asociado con nuestra pgina, debemos hacer click sobre el primer icono del ngulo inferior derecho de nuestra pgina. Esto abrir una ventana con el cdigo HTML y podremos modificar el cdigo y ver automticamente los resultados en la ventana de documento. Resultar til dejar abierta la ventana de cdigo para quienes quieran aprender a manejar el cdigo ya que cualquier modificacin que hagamos en la pgina se ver reflejada en el cdigo y viceversa (esta es la caracterstica que posee Dreamweaver llamada Roundtrip HTML).

Imagen o color de fondo

Utilizamos el cuadro de dilogo que se abre al entrar en Modificar/Propiedades de pgina (Modify/Page properties) para definir un color o una imagen de fondo para nuestra pgina. Pulsando en la opcin Fondo (Background) se abrir la paleta de colores para quepodamos seleccionar uno.

Lcda. Mnica Gonzlez R.

Si lo que queremos es utilizar una imagen de fondo, debemos indicarle mediante el botn Navegar (Browse) cul es (recordemos que la imagen debe estar dentro de la carpeta de nuestro sitio). Si la imagen es ms pequea que la ventana del navegador, Dreamweaver la repetir hasta cubrir toda la superficie. Tambin en esta misma ventana donde definimos el color de fondo de nuestra pgina, podemos indicarle al programa qu colores se utilizarn para los textos y enlaces. En la opcin Texto (Text) le indicamos por medio de la paleta el color que se aplicar por omisin a nuestros textos. . Existen tres tipos de colores para nuestros enlaces: Color del enlace (links): El color que mostrarn los enlaces de nuestras pginas. Enlaces visitados (visited links): El color que mostrarn los enlaces que ya hayan sido visitados por los visitantes de nuestro sitio. Links activos (active links): El color que mostrar el enlace cuando el usuario est haciendo click sobre l.

Lcda. Mnica Gonzlez R.