Seria

DIRECCIÓN DE INFORMATICA

UNITEC
Universidad Tecnológica de México
Campus Atizapán
DISEÑO DIGITAL 2

Práctica 10
INTRODUCIÓN A DREAMWEAVER.
OBJETIVO: Reconocerá las principales ventanas detrabajo del programa
Dreamweaver. Identificará las opciones de la barra de objetos. Reconocerá la
utilidad de cada una de las opciones del cuadro de objetos head.
DESARROLLO:
1. En el botón deinicio, programas selecciona Macromedia, y posteriormente haz clic
en Dreamweaver.
2. Por medio del menú ventana despliega y oculta ventanas de manera que solo se
despliegue la ventana de propiedades.3. Observa en la barra de título los nombres de la página y del archivo:

4. Activa el comando de propiedades de página, se encuentra en el menú de
modificar.
Tip: También puedes mostrar elcuadro de dialogo propiedades de la página con
las teclas Ctrl. +J
5. Añade las siguientes opciones:
Título de la pagina: Introducción
Dreamweaver
Texto: selecciona un color claro
Vínculos:selecciona un color azul claro

1

d.G. sTEVE gÓMEZ bENÍTEZ

a Fondo: selecciona un color oscuro
Vínc. visitados: seleccionar un color rojo claro
Vinc. activos: selecciona un color amarilloDIRECCIÓN DE INFORMATICA

6. Da un clic en el botón de Aplicar, observa los cambios en pantalla, cambia el
color del texto a blanco y da un clic en aceptar.
7. Guarda el archivo en disco con el nombre demi_pagina_web, observa cómo
cambio el nombre del archivo en la barra de título. Observa cómo cambio el
nombre de la pagina y el nombre del archivo en la barra de título:

8. Por medio del cursorescribe las siguientes líneas:

9. Por medio del comando ver código, despliega el código que generó
Dreamweaver
Nota: Observa las marcas o “tags” que fue creando el programa de maneratransparente. Identifica las principales partes de la estructura HTML, y


2

d.G. sTEVE gÓMEZ bENÍTEZ

DIRECCIÓN DE INFORMATICA

10. Guarda los cambios y presiona la tecla F12, para ver como se...