Añade contenido a tu página [3ª Parte]

Después de terminar el diseño, puedes empezar ya a añadir textos e imágenes en las celdas creadas.

1. Haz click en la celda donde quieras insertar el elemento


2. Ahora pincha en la ventana Objetos sobre el botón:

con lo cual se abrirá la ventana denominada:



3. Busca en la unidad de disco una imágen que quieras insertar. Puedes usar, por ejemplo, una de las que copiaste en el apartado "Crear carpetas". Abrela, selecciona la imagen y pulsa el boton Select para que quede insertada en la celda.

---

Insertar una imágen "rollover"

Estas imagenes confieren a tu página un aspecto más interactivo, ya que su visitante hace cambiar el aspecto de un objeto al interactuar con él. Así se insertan:


1. Pincha en la celda donde quieras insertar la imágen, igual que hiciste antes. A continuación haz click sobre el botón

para que se habra la ventana



2. Escribe un nombre para la imagen, por ejemplo:


3. Pulsa sobre Browse... . Se mostrará la ventana
en la que tienes que buscar la imágen "original", es decir, la que se verá normalmente en la página. Tras seleccionar el archivo, cierra con un click en Select.


4. Ahora repite el proceso pinchando en

para escoger la imagen que aparecerá cuando el internauta coloque el cursor encima. Cuando acabes, presiona el botón OK, y la imágen se insertará en la celda. Ejemplo:

---

Vista previa con el navegador

1. Dreamweaver permite comprobar muy fácilmente el aspecto que va adquiriendo tu trabajo. Haz click arriba en el icono

y luego seguidamente sobre



2. Con ello se abrirá una ventana del navegador: .

Observa cómo cambia la imagen que acabas de insertar, al situar el cursor sobre ella y hacer uso de la propiedad de rollover:


Al terminar, cierra el navegador pinchando en la cruz del lado superior derecho.

---

Insertar texto

Con Dreamweaver puedes introducir texto en la página de dos formas diferentes:
- Directamente.
- Utilizando un archivo de texto.


1. Es posible insertar texto tanto en la vista estándar como en la vista layout. Con esta última , todo resulta mucho más claro, así que pulsa en el botón

y cierra la siguiente ventana con un click en OK.


2. Selecciona la celda donde vayas a escribir pinchando sobre ella,

y a continuación introduce el texto, por ejemplo:

Haz lo mismo en todos los sitios donde quieras que aparezca texto.


3. También puedes hacerlo utilizando un archivo, por ejemplo de un documento de Word. Asçi que primero inicia MSWord con doble click sobre el icono Original Image: y abre el fichero que contenga el texto que quieras insertar ahora.


4. Selecciona la parte que vayas a usar
y cópialo al portapapeles de Windows pulsando arriba en la barra de herramientas el botón:



5. Ahora regresa a tu página web pinchando primero abajo sobre la pestaña

y seguidamente en la celda que va a contener el texto.


6. Para pegarlo, haz click en la barra de menús en Edit y luego sobre Paste. Con ello se insertará el texto.
Repite estos pasos si quieres introducir más. Cierra Word pulsando en X.

---

Modificar el texto

Debes tener en cuenta que todo lo que insertes procedente de otro documento será un texto sin formato. Por lo que no se respetará, al pegarlo, ninguna de sus características y se mostrará como una escritura estándar. Pero puedes modificar el tamaño, color, fuente, etc.

1. Selecciona ahora el texto que vayas a modificar.


2. Para cambiar elt ipo de letra, haz click en el Inspector de Propiedades

para de este modo desplegar el listado de los diferentes tipos de letra y pincha con el ratón sobre el menú para así seleccionar uno de ellos:



3. A continuación tienes que modificar el tamaño de la letra pinchando en
y luego sobre

Para colorearlas, pulsa en

y escoge el color deseado en la paleta:



4. Para centrar automáticamente el texto debes hacer click en el botón:



5. Repite el proceso en todas las celdad cuyo texto quieras modificar. Ten en cuenta que al cambiar características, puedes estar modificando la relación estética entre los elementos de tu página. Por ello es muy conveniente que compruebes de vez en cuando el resultado acudiendo a la función de vista previa. También puedes acceder a ella presionando F2.

---