Practicas De Dreamweaver 100513084519 Phpapp01

Tecnologías de la información – 1º de Bachillerato
Ricardo Rodríguez García

UNIDAD DIDÁCTICA
Diseño de páginas Web con DreamWeaver

1.- Actividades a desarrollar

Actividad

Nivel dificultad

Página

Introducción. Nuestra primera página Web

3 sobre 10

145

El área de trabajo de DreamWeaver

2 sobre 10

145

Definición de nuestro sitio local

4 sobre 10

146

Crear la página principal delsitio

3 sobre 10

147

Guardando el documento

2 sobre 10

147

Definiendo el título de página del documento

2 sobre 10

147

Disposición de la página

4 sobre 10

148

Añadir imágenes

4 sobre 10

150

Añadir texto

4 sobre 10

151

Aplicar formato al texto

4 sobre 10

152

Crear imágenes de sustitución

6 sobre 10

152

Agrupar celdas en una tabla de disposición

5 sobre 10

154

Trabajar en lavista estándar

4 sobre 10

154

Añadir relleno de celdas

5 sobre 10

154

Crear una plantilla

6 sobre 10

155

Aplicar la plantilla a una nueva página

7 sobre 10

156

Vincular los documentos

6 sobre 10

157

Ver los archivos del sitio

4 sobre 10

158

Insertar objetos Flash

6 sobre 10

159

Unidad Didáctica 9.- Diseño de páginas Web con DreamWeaver

Página:144

Tecnologías de la información– 1º de Bachillerato
Ricardo Rodríguez García

2.- Introducción. Nuestra primera página Web
Trataremos a lo largo de este primer capítulo de introducirnos en el mundo de la creación de páginas
Web mediante la herramienta Macromedia Dreamweaver. Se trata de crear una tarjeta de visita digital de nuestro
Instituto en formato “html” que pueda ser visualizada en cualquier navegador y que despuéssituaremos en
Internet.
3.- El área de trabajo de Dreamweaver
Comenzaremos con una breve introducción al área de trabajo de Dreaweaver. Cuando inicia
Dreamwaver se abrirán los siguientes elementos de trabajo:

Barra de herramientas
Ventana de documento
Panel de objetos
Panel flotante

Inspector de propiedades

La ventana de documento muestra el documento actual mientras lo está creando y editando.
Elpanel Objetos contiene iconos en los que puede hacer click para insertar objetos en el documento
y para cambiar su forma de trabajar con el mismo.
Dreamweaver proporciona numerosos paneles flotantes, como el panel Estilo HTML y el inspector de
código, que le permiten trabajar con otros elementos de Dreamweaver.
La barra del lanzador contiene botones para abrir y cerrar los inspectores y lospaneles utilizados
con mayor frecuencia.
El inspector de propiedades muestra propiedades del objeto o texto seleccionado y permite modificar
dichas propiedades.

Unidad Didáctica 9.- Diseño de páginas Web con DreamWeaver

Página:145

Tecnologías de la información – 1º de Bachillerato
Ricardo Rodríguez García

Dreamweaver puede mostrar un documento de tres formas distintas: vista de Diseño, vista deCódigo y
una vista combinada en la que se muestra tanto el diseño como el código.
En la vista de Diseño se puede dos formas distintas de trabajar:
La vista de Disposición que permite diseñar el formato de una página, insertar gráficos, texto y
elementos multimedia.
En la vista Estándar se puede crear capas, crear documentos con marcos, crear tablas y aplicar
otros cambios a la página.
4.- Definiciónde nuestro sitio local
Antes de comenzar a trabajar es imprescindible crear un sitio local mediante el cual indicaremos a
Dreamweaver el lugar en el que tenemos intención de almacenar todos los archivos de un sitio concreto. Para
trabajar de manera eficaz con Dreamweaver, defina siempre un sitio local para cada sitio Web que cree.
Crearemos nuestro sitio local siguiendo los siguientes pasos:
1º.-En primer lugar crearemos la carpeta en la que alojaremos todos los archivos y carpetas relacionados
con nuestra página Web. Crear, por tanto, la carpeta Página Web, en la que ubicación que estimes más
oportuno, por ejemplo, en Mis Documentos.
2º.- A continuación añade en la nueva carpeta
creada todos los archivos y carpetas que
acompañan a este Unidad Didáctica.
3º.- Si no se encuentran...