DREAMWEAVER

Prof. Delia Montes

Para dar un formato a la fuente debemos ir a la barra de inspector de propiedades, en caso no

visualices la barra ve al Men ventana / Propiedades (CTRL + F3)

Si nicamente te aparece el ttulo del panel, es porque est contrado. Para que te aparezca
desplegado debes hacer doble clic en Propiedades.

Selecciona la primera lnea de texto. En el inspector de propiedades pulsa HTML y aplica el formato
Encabezado 1 (h1) seleccionando el valor Encabezado1 del cuadro Formato.

Pgina | 8

DREAMWEAVER

Prof. Delia Montes

Para cambiar el color del texto cambiamos el panel a las opciones de estilo, pulsando el icono CSS a la
izquierda, debemos tomar en cuenta que Dreamweaver, exige la creacin de estilos para ser aplicados
a nuestro texto
Si no deseamos crear estilos podemos hacerlo de la siguiente manera:
Clic en Regla de Destino
Seleccionar Nuevo estilo en lnea
Seleccione el color que desee

Tomar en cuenta que si desea volver a modificar o agregar otro formato al texto, deberemos
volver a repetir el procedimiento anterior.

Mediante el inspector de propiedades en Dreamweaver CS4 accedemos tanto a las propiedades de CSS como a
las propiedades de HTML.
Podemos decir que en una pgina web, HTML se encarga de estructurar el contenido, la informacin, mientras
que CSS se encarga de mostrar ese contenido con el formato y estilos adecuados.
Tambin podemos aplicar un formato mediante el Men Formato

Pgina | 9

DREAMWEAVER

Prof. Delia Montes

CREACION DE LISTAS
-

Listas Desordenadas
Listas ordenadas

Procedimiento
-

Podemos realizar el procedimiento de diversas maneras

Seleccionar todo el contenido de la lista

Pgina | 10

DREAMWEAVER

Prof. Delia Montes

Clic en la barra de Inspector de propiedades y clic en HTML

Pgina | 11

DREAMWEAVER
-

Prof. Delia Montes

Seleccionar des Windows hasta Internet e ir al panel de inspector de propiedades nuevamente y

seleccionar Sangra de Texto

O podemos ir al Men Formato/ Lista / Propiedades,

En estilo seleccionaremos el que deseemos

Realizaremos el mismo procedimiento con el resto de la lista

Pgina | 12

DREAMWEAVER

Prof. Delia Montes

SITIO LOCAL
Dreamweaver exige crear un sitio local donde se almacenar todos los archivos necesarios para la creacin de la
pgina web, es necesario tener en cuenta que si se puede copiar el sitio local en un USB, pero al momento de
acceder a otro equipo, necesariamente se tendr que volver a crear un sitio y jalar las carpetas copiadas del sitio
creado anteriormente.

CREACION DE SITIO:

Clic en el men Sitio/ Administrar sitio, o clic sobre el cono

que se encuentra en la barra
superior, /seleccionar la opcin Administrar sitios, aparecer una ventana que permite modificar,
eliminar y crea un nuevo sitio.
Clic en nuevo/Sitio
Aparecer una ventana, ingresar el nombre del sitio, seleccionar la carpeta principal del proyecto, y
tambin seleccionar la carpeta donde se almacenar las imgenes a utilizar, clic en aceptar.

El sitio ya aparece creado en la lista.

Clic en listo.
Ahora el sitio esta creado y aparecer en las ventanas acoplables.
Pgina | 13

DREAMWEAVER

Prof. Delia Montes

Para cambiar la vista del sitio deber darle clic en el cono

Muestra la vista ms amplia del sitio, para retornar a la ventana anterior, volver a darle clic sobre el
mismo cono.
Podemos visualizar u ocultar el panel del sitio presionando F8,

ADMINISTRAR SITIO LOCAL:

Al administrar un sitio podemos modificar, eliminar el sitio local creado

Clic en el men Sitio/ Administrar sitio, o clic sobre el cono que se encuentra en la barra superior, /seleccionar
la opcin Administrar sitio

Pgina | 14

DREAMWEAVER

Prof. Delia Montes

CREAR VINCULOS

Tenemos 4 maneras de crear un vnculo:

1. Mediante el panel Insertar/ Hipervnculo

Procedimiento:
-

Clic en la zona a insertar el texto del hipervnculo

Clic en hipervnculo
Llenar las casillas

cuadro ndice de fichas, permite introducir un nmero para el orden de fichas.

cuadro Ttulo, permite escribir un ttulo de pgina para el vnculo. (texto alternativo)
Clave de acceso, Permite introducir un equivalente de teclado (una letra) para seleccionar el
vnculo en el navegador.

Pgina | 15

DREAMWEAVER

Prof. Delia Montes

2. Digitando el nombre del archivo HTML o la direccin de la pgina web

Procedimiento:

Insertar un texto
Seleccionarlo
Ir a la ventana de inspector de propiedades
Clic en HTML
En vnculos escribir el nombre del archivo HTML o direccin de la pgina web
Seleccionar el tipo de destino

3. Usando el Sealador de Archivo

Procedimiento:

Insertar un texto
Seleccionarlo
Ir a la ventana de inspector de propiedades
Clic en HTML
De un clic sobre el sealador de archivo y arrstrelo hasta la ubicacin del archivo en la ventana de sitio.

Pgina | 16

DREAMWEAVER

Prof. Delia Montes

4. Usando el Examinador de Archivo

-

Clic en el examinador de archivo

seleccionar el archivo HTML a vincular

Vincular a cuenta de correo Electrnico

-

clic en la zona donde desea insertar el texto del vinculo

ir al Panel Insertar/ Comn/vinculo de correo electrnico

acepte y pre visualice

Pgina | 17

DREAMWEAVER

Prof. Delia Montes

Nota: para poder enviar el correo, deber tener instalado el Outlook y contar con una cuenta de correo
privada.

Opcin Destino
Seleccione una ubicacin para abrir el documento:

_blank carga el documento vinculado en una nueva ventana sin nombre del navegador.
_parent carga el documento vinculado en el marco padre o en la ventana padre del marco que contiene el
vnculo. Si el marco que contiene el vnculo no est anidado, el documento vinculado se cargar en la ventana
completa del navegador.
_self carga el documento vinculado en el mismo marco o la misma ventana que el vnculo. Este destino es el
predeterminado, por lo que normalmente no es preciso especificarlo.
_top carga el documento vinculado en la ventana completa del navegador, eliminando de esta forma todos los
marcos.

Pgina | 18