iepmercedarias.edu.pe · Web viewEl entorno de Adobe Dreamweaver es una aplicación desarrollada...
Transcript of iepmercedarias.edu.pe · Web viewEl entorno de Adobe Dreamweaver es una aplicación desarrollada...
“Educando en Libertad, con Misericordia y Ternura”
“FICHA DE CONTENIDO: EL ENTORNO DEL PROGRAMA DREAMWEAVER”
Capacidad: Personaliza entornos virtuales.Desempeño: Describe el entorno del programa Dreamweaver, y explica los nombres de las herramientas del programa Dreamweaver.
GRADO4° Libertad -
CAMPO TEMÁTICO“Explorando Adobe
Dreamweaver”ÁREA
Informática
Fuente: https://helpx.adobe.com/es/dreamweaver/using/dreamweaver-workflow-workspace.htmlDocente:Sandro Pérez TorresEstudiante:
Indicaciones:
Desarrolla la presente ficha de trabajo de manera responsable Entrega de la ficha de trabajo,será el día viernes 13 de marzo hasta las 2:00 pm al siguiente correo: [email protected]
El entorno de Adobe Dreamweaver es una aplicación desarrollada para diseñar páginas web ricas y dinámicas de manera sencilla y profesional. La barra de la aplicación permite alternar entre las vistas de código (code),
Espacio de trabajo de Dreamweaver
A. Barra de aplicaciones B. Barra de herramientas Documento C. Ventana Documento D. Conmutador de espacios de trabajo E. Paneles F. Vista de código G. Barra de estado H. Selector de etiquetas I. Vista en vivo J. Barra de herramientas
“Educando en Libertad, con Misericordia y Ternura”
El espacio de trabajo de Dreamweaver permite ver las propiedades de los documentos y los objetos. Además, coloca muchas de las operaciones más frecuentes en barras de herramientas para que pueda realizar cambios en los documentos rápidamente.
Barra de herramientas
Para mostrar la barra de herramientas Estándar, seleccione Ventana > Barras de herramientas > Estándar. La barra de herramientas contiene botones para realizar las operaciones más habituales de los menús Archivo y Edición: Nuevo, Abrir, Guardar, Guardar todo, Imprimir código, Cortar, Copiar, Pegar, Deshacer y Rehacer.
Introducción a la ventana Documento
La ventana Documento muestra el documento actual. Para cambiar de una vista del documento a otro, sírvase de las opciones de visualización de la barra de herramientas Documento.
También puede cambiar de vista con las opciones del menú Ver.
Vista en vivo
Muestra una representación realista del aspecto que tendrá el documento en un navegador, y le permite interactuar con el documento de la misma forma que lo haría en un navegador. Puede editar elementos HTML directamente en la vista en vivo y obtener de inmediato una vista previa de los cambios en la misma vista. Para obtener más información sobre la edición en la Vista en vivo, consulte Edición de elementos HTML en la Vista en vivo.Vista de Diseño
Es un entorno de diseño para diseñar y editar el aspecto que tendrá la página y desarrollar rápidamente aplicaciones. En esta vista, Dreamweaver muestra una representación visual del documento completamente editable, similar a la que aparecería en un navegador.
Vista de código
Es un entorno de programación manual para escribir y editar código HTML, JavaScript y de cualquier otro tipo.Código: Código
Es una versión dividida de la vista Código que le permite desplazarse por el trabajo realizado en diferentes secciones del documento a la vez. Código: en vivo
Le permite ver las dos vistas del mismo documento, vista de código y vista en vivo, en una sola ventana.Código: Diseño
Le permite ver las dos vistas del mismo documento, Código y Diseño, en una sola ventana.Código en vivo
Muestra el código que un navegador utiliza para ejecutar la página y puede cambiar dinámicamente conforme se interactúa con la página en la vista En vivo.
“Educando en Libertad, con Misericordia y Ternura”
FICHA DE TRABAJO
Conociendo el entorno del Porgrama Dreamwaver
Nombre del esstudiante ………………………………………………………………………………………………….
Desarrolla la ficha de trabajo, teniendo en cuenta la información propuesta por el docente.
1.- Señala los nombres los elementos de la pantalla de trabajo del programa de Dreamwevar: (17 puntos)
2. Explica con tus propias palabra qué es y para qué sirve el Programa Dreamwevar (3 puntos)______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________