You are on page 1of 6

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.

D clic en
HTML para
iniciar.

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.

Barras de herramientas.

Regin editable.

Paneles.

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.

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.

Panel de
propiedades.

Desplegar
opciones.

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

D clic en Cdigo.

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

Haga clic en
Diseo.

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.

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

Jos Geovanny
Angulo Imbachi

Cargo

Instructor

Autor
Guillermo Alexander
Burgos Ibarra

Rachman Bustillo
Martnez
Adaptacin
Andrs Felipe
Velandia Espitia

Instructor

Guionista Lnea de
Produccin
Integracin
de
Contenidos y
Actividades

Dependencia
Centro de
Teleinformtica y
Produccin
Industrial. Regional
Cauca
Centro de
Teleinformtica y
Produccin
Industrial. Regional
Cauca
Centro
Agroindustrial.
Regional Quindo
Centro
Agroindustrial.
Regional Quindo

Fecha

Diciembre
de 2013

Diciembre
de 2013

Diciembre
de 2013
Diciembre
de 2013

You might also like