Configurar sitio y pginas web

Tema 1. Entorno de trabajo en Adobe Dreamweaver CS6

1. Al ejecutar Adobe Dreamweaver CS6, la aplicacin lanza un cuadro de dilogo para
que elija el tipo de entorno a trabajar, asimismo, en el avance del programa de
formacin se va a utilizar el HTML, el cual permite visualizar los objetos en la pgina,
as como el cdigo. Las opciones como ColdFusin, PHP, ASP, entre otras, permiten
el desarrollo de pginas dinmicas con lenguajes de programacin.



2. Al entrar al espacio HTML, Adobe Dreamweaver CS6 presenta el espacio de trabajo
para el desarrollo de las pginas web, este consta de: barras de herramientas,
paneles y regin editable.








D clic en
HTML para
iniciar.




3. Descripcin de elementos:
Barra de mens: contiene todas las opciones y comandos de Adobe Dreamweaver CS6
agrupados en repertorios desplegables.

Barra de aplicaciones: tiene las alternativas para elegir el tipo de regin editable, las
extensiones, los widgets, los navegadores, as como la administracin del sitio web (creacin
y configuracin).

El diseador: permite seleccionar un entorno de trabajo predefinido (clsico, programador,
diseador, entre otros).

El buscador: faculta examinar informacin en las ayudas de Adobe Dreamweaver CS6.


Regin editable.
Paneles.
Barras de herramientas.



Barra vista de documento: muestra en tres formas diferentes la regin editable (Cdigo,
Dividir y Diseo) y tambin brinda navegabilidad entre las paginas abiertas.

Inspector de propiedades: permite ver y cambiar las propiedades del objeto seleccionado
en la pgina.

Barra estndar: presenta conos que agilizan las acciones ms utilizadas de los mens
Archivo y Edicin.

Nota: las barras de herramientas se pueden activar o desactivar desde el men Ver / Barras
de herramientas.
Paneles: dejan visualizar las propiedades y opciones de configuracin de objetos de la
pgina, asimismo encuentra el administrador del sitio web. Con la tecla F4 activa y desactiva
el panel.





4. Vista cdigo: permite visualizar el cdigo HTML de la pgina.






Panel de
propiedades.
Desplegar
opciones.
D clic en Cdigo.


5. Vista diseo: deja observar el diseo de la pgina con su elemento.


6. Con las opciones de vistas de la barra de documento: Dividir y cdigo en vivo, tambin
puede observar de manera paralela el diseo y el cdigo HTML de la pgina.


Haga clic en
Diseo.
Visualiza el diseo
y el cdigo.



Referencias
Servicio Nacional de Aprendizaje, SENA. (2009). Diseo web con Adobe
Dreamweaver CS3. Colombia: Autor.

Control del documento
Nombre Cargo Dependencia Fecha
Autor

Jos Geovanny
Angulo Imbachi
Instructor
Centro de
Teleinformtica y
Produccin
Industrial. Regional
Cauca
Diciembre
de 2013
Guillermo Alexander
Burgos Ibarra
Instructor
Centro de
Teleinformtica y
Produccin
Industrial. Regional
Cauca
Diciembre
de 2013
Adaptacin
Rachman Bustillo
Martnez
Guionista -
Lnea de
Produccin
Centro
Agroindustrial.
Regional Quindo
Diciembre
de 2013
Andrs Felipe
Velandia Espitia
Integracin
de
Contenidos y
Actividades
Centro
Agroindustrial.
Regional Quindo
Diciembre
de 2013