Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a Dreamweaver 8
Similar a Dreamweaver 8 (20)
Más de Diamela Borda Pillpe
Más de Diamela Borda Pillpe (6)
Último
Último (20)
Dreamweaver 8
- 1. MACROMEDIA DREAMWEAVER 8 1.-BARRA DE TITULO 2.-BARRA DE MENU 3.-BARRA DE HERRAMIENTA ESTANDAR 4.-BARRA DE HERRAMIENTAS DE DOCUMENTOS 5.-BARRA DE ESTADO 6.-INSPECTOR DE PROPIEDADES 7.-BARRA DE HERRAMIENTAS O PANEL DE OBJETOS
- 2. 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
- 3. 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.
- 4. 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.
- 5. 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,
- 6. 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.
- 7. 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%).
- 8. 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.
- 9. 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.
- 10. 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.
- 12. DISEÑO DE SITIOS WEB CON DREAMWEAVER 8
- 13. Permite crear páginas web profesionales. Forma parte del conjunto de aplicaciones de Macromedia. Acceso directo: Inicio – todos los programas – macromedia – dreamweaver 8
- 14. Barra de menús Modos de edición Barra de titulo Sector de paginas etiquetas formato Panel de tareas estandar
- 16. 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…… Abrir un sitio Sitio, opción Administrar sitios.... seleccionar el sitio de la lista de sitios y pulsar sobre el botón Listo. panel Archivos, buscar y seleccionar el sitio a abrir en el menú desplegable de la pestaña Archivos.
- 17. PROPIEDADES DE LA PÁGINA Modificar y elegir la opción Propiedades de la página
- 19. Listas. Texto – lista - propiedades
- 20. Caracteres especiales insertar – html – caracteres especiales - otros Estilo de un párrafo. una vez marcado el párrafo: Texto – opciones ……
- 21. HIPERVINCULOS Enlace a d otro documento MARCAR TEXTO DE ENLACE Insertar – hipervínculo Llenar atributos del cuadro de dialogo Anclas en el mismo documento. Definición del ancla: marcar el texto. insertar – anclaje con nombre Definición del enlace marcar texto. insertar – hipervínculo elegir nombre de ancla
- 22. Vinculo a correo electrónico Insertar, opción Vínculo de correo electrónico.
- 23. 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 imagen para el hipervínculo
- 24. TABLAS Insertar, a la opción Tabla icono de la barra estandar
- 25. Añadir filas o columnas Modificar. En ambos casos aparece la opción Tabla Insertar fila o Insertar columna insertar fila insertar columna Combinar o dividir celdas Modificar. En ambos casos aparece la opción Tabla combinar celdas o dividir celda
- 26. 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.
- 28. FORMULARIOS Insertar – formulario – formulario Insertar elementos de formulario Insertar – formulario – elegir elemento del formulario
- 29. MULTIMEDIA Insertar – media – plug in – elegir media Música de fondo <bgsound src=“musica/audio.mid" loop="-1">
Notas del editor
- GRISEL MONSERRAT GARCIA ROUSSELL