diseño dreamweaver parte 1

%JTF×P EF 1ÈHJOBT
8FC %SFBNXFBWFS

114

UNIDA 1


INTRODUCCIÓN A DREAMWEAVER



1.1 ¿Qué es Dreamweaver?


1.2 Acceso a Dreamweaver.


1.3 Ambiente de Dreamweaver.


1.4 Vistas del documento.


1.5 Crear un nuevo documento.


1.6 Abrir un documento.


1.7 Guardar un documento.


1.8 Importar y exportar documentos.


1.9Cerrar y salir d

INTRODUCCIÓN A DREAMWEAVER CS6.

1.1 ¿Qué es Dreamweaver?
Dreamweaver es el software para el desarrollo y diseño de Páginas Web adaptables para diversos dispositivos electrónicos.







son:
1.2 Acceso a Dreamweaver.

Para poder acceder a Dreamweaver existen diversas formas, pero las más usuales



OPCIÓN 1:

1) Abre el menú Metro de Windows(Presionado la tecla de < Windows >).

2) Desplázate por los programas y haz clic en la aplicación Adobe Dreamweaver

CS6.

























OPCIÓN 2:

1) Metacomando < Win + R >.

2) Teclea la palabra Dreamweaver.

3) Pulsa la tecla < Enter >.





© 2013. Derechos Reservados Daniel Olalde Soto.

1.3 Ambiente de Dreamweaver.


Pestañasdel documento


Botón de la aplicación
Barra de herramientas Documento


Barra de menús Conmutador de espacios de trabajo













Área de trabajo





















Barra de herramientas
Estado

Paneles

Inspector de propiedades




1.4 Vistas del documento.

Dreamweaver CS6, ofrece distintasvistas que permiten mostrar y editar el contenido del documento, para así usar la vista con la que más nos agrade trabajar.

1.4.1 Vista Código.

Presenta la codificación para escribir o editar manualmente el código con el que se esté trabajando.
Para activar la Vista código, realiza cualquiera de las siguientes tres opciones:

1. Haz clic en botón Código de la Barra deherramientas documento.





2. Sitúate en el menú Ver y selecciona la opción Código.

3. O presiona la tecla < F10 >.

Al realizar cualquiera de las tres opciones anteriores, se mostrará la Vista

Código del documento con el que se esté trabajando.

1.4.2 Vista Diseño.

Muestra el contenido de la página web y permite editarlo. Activa la Vista Diseño, empleando cualquiera de lassiguientes opciones:
1. Haz clic en botón Diseño de la Barra de herramientas Documento.





2. Sitúate en el menú Ver y selecciona la opción Diseño.






























1.4.3 Vista Dividir.

Separa en dos el área de trabajo, visualizando en una parte el código y en la otra la vista diseño. La Vista Dividir, se activa desde:
1. El botón Dividirde la Barra de herramientas Documento.





2. O desde el menú Ver  Código y Diseño.

































1.4.4 Vista En vivo.

Es casi similar a la vista diseño, sólo que en esta es posible interactuar con el contenido de la página tal y como se estuviera haciendo en el navegador. Activa la Vista En vivo, desde:
1. El botón Vista En vivode la Barra de herramientas Documento.





2. Desde el menú Ver  Vista en vivo.

3. O Metacomando < Alt + F11 >.

































1.4.5 Vista Código en vivo.

Divide en dos partes el área de trabajo, mostrando el contenido de la página web en vivo, y a la vez que es posible editar dicho contenido mediante código.
Una vez que sehaya activado la Vista En Vivo, es posible activar la Vista Código en

vivo. Para ello realiza lo siguiente:

1. Haz clic en el botón Código en vivo de la Barra de herramientas Documento.





2. O desde el menú Ver  Código en vivo.































1.4.6 Vista previa en el navegador.

Permite visualizar la página web en alguno de los...