DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del...

Post on 12-Jan-2015

35 views 1 download

Transcript of DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del...

DISEÑO DE SITIOS WEB

CON DREAMWEAVER 8

Permite crear páginas web profesionales.Forma parte del conjunto de aplicaciones de Macromedia.

Acceso directo:

Inicio – todos los programas – macromedia – dreamweaver 8

Barra de titulo

Barra de menús

formato

etiquetas

Sector de paginas

Modos de edición

Panel de tareas

estandar

Ayuda de Dreamweaver

CONFIGURACION DE UN SITIO LOCAL

Crear la carpeta del sitio y subcarpetas

Sitio - administrar sitios

Desde el menú principal sitio – nuevo sitio – siguientes……

Desde el menú principal sitio – administrador de sitios – nuevo - siguientes……

Sitio, opción Administrar sitios.... seleccionar el sitio de la lista de sitios y pulsar sobre el botón Listo.

Abrir un sitio

panel Archivos, buscar y seleccionar el sitio a abrir en el menú desplegable de la pestaña Archivos.

Propiedades de la página

Modificar y elegir la opción Propiedades de la página

TEXTO

Formato:                    

Fuente

Listas.

Texto – lista - propiedades

Caracteres especiales

insertar – html – caracteres especiales - otros

Estilo de un párrafo.

una vez marcado el párrafo: Texto – opciones ……

HIPERVINCULOS

MARCAR TEXTO DE ENLACEInsertar – hipervínculoLlenar atributos del cuadro de dialogo

Enlace a d otro documento

Anclas en el mismo documento.

Definición del ancla:marcar el texto.insertar – anclaje con nombre

Definición del enlacemarcar texto.insertar – hipervínculoelegir nombre de ancla

Insertar, opción Vínculo de correo electrónico.

Vinculo a correo electrónico

IMAGENES

Se dispone de los archivos de imágenes en una carpeta adecuada.

Insertar - opción Imagen. – llenar atributos

Imagen como enlace

en vez del texto se debe colocar la referencia de imagenpara el hipervínculo

TABLAS

Insertar, a la opción Tabla icono de la barra estandar

Modificar. En ambos casos aparece la opción Tabla Insertar fila o Insertar columna insertar filainsertar columna

Añadir filas o columnas

Combinar o dividir celdas

Modificar. En ambos casos aparece la opción Tabla combinar celdas o dividir celda

MARCOS

Archivo – nuevo – conjunto de marcos – elegir marco – crear

Asignar nombre a cada marco (opcional) – aceptar

Elegir marco completo – grabar pagina de marcos

Cargar una pagina a cada marco en propiedades – origen.Colocar borde a cada marco

En cada marco se puede iniciar una nueva pagina.

FORMULARIOS

Insertar – formulario – formulario

Insertar elementos de formulario Insertar – formulario – elegir elemento del formulario

MULTIMEDIA

Insertar – media – plug in – elegir media

<bgsound src=“musica/audio.mid" loop="-1">

Música de fondo