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

18
DISEÑO DE SITIOS WEB CON DREAMWEAVER 8

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

Page 1: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

DISEÑO DE SITIOS WEB

CON DREAMWEAVER 8

Page 2: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

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

Acceso directo:

Inicio – todos los programas – macromedia – dreamweaver 8

Page 3: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

Barra de titulo

Barra de menús

formato

etiquetas

Sector de paginas

Modos de edición

Panel de tareas

estandar

Page 4: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

Ayuda de Dreamweaver

Page 5: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

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.

Page 6: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

Propiedades de la página

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

Page 7: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

TEXTO

Formato:                    

Fuente

Page 8: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

Listas.

Texto – lista - propiedades

Page 9: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

Caracteres especiales

insertar – html – caracteres especiales - otros

Estilo de un párrafo.

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

Page 10: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

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

Page 11: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

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

Vinculo a correo electrónico

Page 12: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

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

Page 13: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

TABLAS

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

Page 14: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

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

Page 15: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

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.

Page 16: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:
Page 17: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

FORMULARIOS

Insertar – formulario – formulario

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

Page 18: DISEÑO DE SITIOS WEB CON DREAMWEAVER 8. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo:

MULTIMEDIA

Insertar – media – plug in – elegir media

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

Música de fondo