PRACTICAS DREAMWEAVER CS5

Dreamweaver cs5
Practica 1 herramientas de Dreamweaver cs5
En la ventana se tienen tres secciones: abrir un documento reciente, crear nuevo y crear a partir de plantilla.
En la sección central dar clic sobre “HTML”
DREAMWEAVER cuenta con una barra de menú en la parte superior
Debajo de la barra de menú, encontramos un menú utilitario que es un menú cambiante
Después más abajo seencuentran una pestaña que te indica que documento tienes activo y el editor en HTML
Dreamweaver automáticamente genera el código necesario al crear un documento nuevo. el que no tiene experiencia en HTML puede de manera “sencilla” hacer su página en el editor visual y el programa le generará el código básico necesario.
El editor HTML en la parte superior cuenta con un “Layout” de pantalla y funcionescomunes del editor.
En la parte izquierda del editor HTML hay Otras funciones prácticas del editor de HTML.
Debajo del editor HTML se encuentra un Editor visual: “Preview” de cómo se ve la página.
Y en la parte inferior de si pantalla están Propiedades del elemento activo aquí puede ver qué cambios sencillos se le pueden hacer al elemento que tiene activo en el momento.
Los elementos de ediciónde texto son estandarizados para dar un sentido de familiaridad sobretodo en elementos de edición de texto que tienen un “look” similar al de Word.
Aquí puede manejar la apariencia y detalles de su página. Desde el color de fondo, el título, el espacio del margen, el color del texto y otras muchas opciones. También puede poner una imagen de fondo a su página.
En la parte derecha de su pantallahay “Tabs” de Funciones adicionales y controles de algunos elementos un tanto más complejos.

Practica 2 Crear sitio web local
Haz clic sobre el menú Sitio.
Elige la opción Administrar sitios. Se abrirá una nueva ventana.
Pulsa el botón Nuevo....
Se abrirá una nueva ventana, selecciona la opción Sitio.
En Nombre del sitio escribe el nombre que sea de su agrado.
En Carpeta del sitiolocal busca la carpeta que acabas de copiar, y que se encuentra dentro de la carpeta mis sitios. Selecciónala. Puedes hacerlo a través del botón con forma de carpeta.
Pulsa el botón Guardar y el sitio estará listo.
Practica 3 Insertar imagen
Haz clic sobre el menú Insertar.
Elige la opción Imagen.
Selecciona la imagen que más te agrade, que se encuentra dentro de la carpeta imágenes del sitio.En Relativa a: selecciona la opción Documento.
Haz clic sobre el botón Aceptar.
En el Inspector de propiedades, escribe Cocina en el campo Alt.
Pulsa fuera de la imagen para que deje de estar seleccionada y se apliquen todos los cambios.
Selecciona la etiqueta  en la barra de estado.
En el Inspector de propiedades CSS, en el desplegable Regla de destino elige 
Pulsa el botón Centrar.Pulsa Vista en vivo para cómo sería el resultado.
Haz clic sobre el botón Guardar de la barra de herramientas.



Practica 4 cambiar las características del texto
Sitúa el punto de inserción antes de la primera letra de la primera línea.
Escribe el texto que sea de tu agrado  y pulsa la tecla Intro para saltar de línea.
Si no aparece el inspector de propiedades, ábrelo a través del menú Ventana,opción Propiedades.
Haz clic en el texto que desees cambiar.
En Formato, del inspector de propiedades HTML, elige Encabezado 1. Observa como ahora el texto es de mayor tamaño.
En la barra de herramientas de documento, haz clic sobre la caja de texto Título, y escribe un titulo que te guste.
Haz clic sobre el botón Guardar de la barra de herramientas.

Practica 5 Insertar hipervínculos
Seleccionala imagen del logotipo de aula Clic. Para ello hay que hacer clic sobre ella.
En Vínculo, del inspector de propiedades, escribe http://www.aulaclic.es.
En Dest selecciona la opción _blank.
Pulsa fuera del texto para que deje de estar seleccionado y se le apliquen todos los cambios.
Pulsa F12 para ver el resultado en tu navegador, observa que si posicionas el ratón encima de la imagen,...