Dreamweaver 8

MACROMEDIA DREAMWEAVER 8

1.-BARRA DE TITULO

2.-BARRA DE MENU

3.-BARRA DEHERRAMIENTAESTANDAR

4.-BARRA DE HERRAMIENTAS DEDOCUMENTOS

5.-BARRA DEESTADO

6.-INSPECTOR DE PROPIEDADES

7.-BARRA DE HERRAMIENTAS O PANEL DE OBJETOS

QUE ES DREAMWEAVER

ADOBE DREAMWEAVER® (DW) ES UNA APLICACIÓN EN FORMA DE ESTUDIO (BASADA POR SUPUESTO EN LA FORMA DE ESTUDIO DE ADOBE FLASH®) PERO CON MÁS PARECIDO A UN TALLER DESTINADO PARA LA EDICIÓN WYSIWYG DE PÁGINAS WEB, CREADO INICIALMENTE POR MACROMEDIA (ACTUALMENTE ES PROPIEDAD DE ADOBE SYSTEMS). ES EL PROGRAMA DE ESTE TIPO MÁS UTILIZADO EN EL SECTOR DEL DISEÑO Y LA PROGRAMACIÓN WEB, POR SUS FUNCIONALIDADES, SU INTEGRACIÓN CON OTRAS HERRAMIENTAS COMO ADOBE FLASH Y, RECIENTEMENTE, POR SU SOPORTE DE LOS ESTÁNDARES DEL WORLD WIDE WEB CONSORTIUM

LA BARRA DE TÍTULO

1.-La barra de título contiene el nombre del programa (Marcromedia Dreamweaver 8) y seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato html. En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar.

LA BARRA DE MENÚS

2.-La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver.

Muchas de las operaciones se La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver.

Muchas de las operaciones se pueden hacer a partir de estos menús, pero para algunas es preferible o indispensable hacerlas desde los paneles.pueden hacer a partir de estos menús, pero para algunas es preferible o indispensable hacerlas desde los paneles.

LA BARRA DE HERRAMIENTAS

ESTÁNDAR

3.-La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas de las operaciones más habituales,

LA BARRA DE HERRAMIENTAS DE

DOCUMENTO

4.-LA BARRA DE HERRAMIENTAS DE DOCUMENTO CONTIENE ICONOS PARA EJECUTAR DE FORMA INMEDIATA ALGUNAS OTRAS OPERACIONES HABITUALES QUE NO INCLUYE LA BARRA DE HERRAMIENTAS ESTÁNDAR. ESTAS OPERACIONES SON LAS DE CAMBIO DE VISTA DEL DOCUMENTO, VISTA PREVIA, ETC.

LA BARRA DE ESTADO

5.-LA BARRA DE ESTADO NOS INDICA EN CADA MOMENTO EN QUÉ ETIQUETA HTML NOS ENCONTRAMOS (EN LA IMAGEN AL ENCONTRARNOS EN UN DOCUMENTO EN BLANCO ESTAMOS DIRECTAMENTE SOBRE LA ETIQUETA <BODY>).

TAMBIÉN NOS ES POSIBLE ALTERNAR ENTRE LOS MODOS DE SELECCIÓN, MANO (PARA ARRASTRAR LA PÁGINA), O ZOOM. EN CUALQUIER MOMENTO PUEDES SELECCIONAR EL ZOOM PREFERIDO DESDE EL DESPLEGABLE ZOOM Y AJUSTAR LA VISTA AL PORCENTAJE PREFERIDO (POR DEFECTO SIEMPRE VIENE AL 100%).

LOS PANELES E INSPECTORES

6.-DREAMWEAVER UTILIZA VENTANAS FLOTANTES SIMILARES A LAS BARRAS DE HERRAMIENTAS, QUE SE CONOCEN COMO PANELES O INSPECTORES. LA DIFERENCIA ENTRE PANEL E INSPECTOR ES QUE, EN GENERAL, LA APARIENCIA Y OPCIONES DE UN INSPECTOR CAMBIAN DEPENDIENDO DEL OBJETO SELECCIONADO.

A TRAVÉS DE LA OPCIÓN VENTANA, DE LA BARRA DE MENÚS, ES POSIBLE MOSTRAR U OCULTAR CADA UNO DE LOS PANELES O INSPECTORES. VAMOS A VER LOS MÁS IMPORTANTES.

EL INSPECTOR DE PROPIEDADES

6.-EL INSPECTOR DE PROPIEDADES MUESTRA Y PERMITE MODIFICAR LAS PROPIEDADES DEL ELEMENTO SELECCIONADO QUE SON USADAS DE FORMA MÁS FRECUENTE. POR EJEMPLO, CUANDO EL ELEMENTO SELECCIONADO SEA TEXTO MOSTRARÁ EL TIPO DE FUENTE, LA ALINEACIÓN, SI ESTÁ EN NEGRITA O CURSIVA, ETC.

PULSANDO SOBRE EL BOTÓN SE DESPLIEGA PARA MOSTRAR MÁS OPCIONES. ESTE BOTÓN SE ENCUENTRA EN LA ESQUINA INFERIOR-DERECHA.

SEGURAMENTE SERÁ LA HERRAMIENTA DE DREAMWEAVER QUE MÁS VAYAS A UTILIZAR.

LA BARRA DE HERRAMIENTAS INSERTAR O PANEL DE

OBJETOS

7.-LA BARRA DE HERRAMIENTAS INSERTAR O PANEL DE OBJETOS PERMITE INSERTAR ELEMENTOS EN UN DOCUMENTO SIN LA NECESIDAD DE RECURRIR AL MENÚ INSERTAR. LOS ELEMENTOS ESTÁN CLASIFICADOS SEGÚN SU CATEGORÍA: TABLAS, TEXTO, OBJETOS DE FORMULARIO, ETC.

ES POSIBLE CONFIGURAR ESTE PANEL PARA QUE EN LOS BOTONES SE MUESTREN LOS ICONOS DE LOS OBJETOS (COMO OCURRE EN LA IMAGEN ANTERIOR), PARA QUE SE MUESTREN LOS NOMBRES DE LOS OBJETOS, O PARA QUE SE MUESTREN AMBOS A LA VEZ.

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

IMAGENESSe 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

MARCOSArchivo – 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

Dreamweaver 8

Education

Transcript of Dreamweaver 8