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