Dreamweaver 8
2,746 views
30 slides
Dec 15, 2014
Slide 1 of 30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
About This Presentation
pagina web
Slide Content
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
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
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
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.
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.
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,
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.
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%).
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.
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.
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.
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
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
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
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.
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
Modificar y elegir la opción Propiedades de la página
TEXTO
Formato:
Fuente
Formato:
Fuente
Listas.
Texto – lista - propiedades
Texto – lista - propiedades
Caracteres especiales
insertar – html – caracteres especiales - otros
Estilo de un párrafo.
una vez marcado el párrafo: Texto – opciones ……
insertar – html – caracteres especiales - otros
Estilo de un párrafo.
una vez marcado el párrafo: Texto – opciones ……
HIPERVINCULOS
MARCAR TEXTO DE ENLACE
Insertar – hipervínculo
Llenar 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 enlace
marcar texto.
insertar – hipervínculo
elegir nombre de ancla
MARCAR TEXTO DE ENLACE
Insertar – hipervínculo
Llenar 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 enlace
marcar texto.
insertar – hipervínculo
elegir nombre de ancla
Insertar, opción Vínculo de correo electrónico.
Vinculo a 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 imagen
para el hipervínculo
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
TABLAS
Insertar, a la opción Tabla
icono de la barra estandar
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 fila
insertar columna
Añadir filas o columnas
Combinar o dividir celdas
Modificar. En ambos casos aparece la opción Tabla
combinar celdas o dividir celda
Insertar fila o Insertar columna
insertar fila
insertar 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.
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
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
Insertar – media – plug in – elegir media
<bgsound src=“musica/audio.mid" loop="-1">
Música de fondo
Tags
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 2,746
- Slides 30
- Age 4013 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
36 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
40 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
35 views
14
Fertility awareness methods for women in the society
Isaiah47
32 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
31 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
32 views