Dreamwuaver

CENTRO DE BACHILLERATO TECNOLÓGICO INDUSTRIAL Y DE SERVICIOS NO.2


Diseño de páginas web

Dreamweaver entorno grafico
Reporte


3° semestre grupo “A”



A 11 de septiembre del 2012





OBJETIVO
En este pequeño reporte del entorno grafico de dreamweaver buscamos que sea un poco más entendible las herramientas, pestañas y en general todo elentorno que nosotros podamos observar de este programa para así facilitar el uso correcto, y entender las características principales y funciones de este diseñador de páginas web.
En este reporte abarcaremos las herramientas principales, pestañas, funciones básicas y avanzadas de este diseñador
Vamos a ver cuáles son los elementos de Dreamweaver Cs6, la pantalla, las barras, los paneles, etc.,para saber diferenciar entre cada uno de ellos. Aprenderemos como se llaman, donde están y para qué sirven. También veremos cómo obtener ayuda, por si en algún momento no sabemos cómo seguir trabajando. Cuando conozcamos todo esto estaremos en disposición de empezar a crear páginas web.


Pantalla de inicio

Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver suscomponentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del programa.
Primeramente aparece una pantalla con las barras y pestañas:
• Barra iniciación
• Pestañas de documento
• Barra de estado
Y principalmente una ventana en la que te da a escoger que tipo de lenguaje quieres utilizar (JavaScript, HTML, ColdtFusion, PHP, XLM, CSS) paracrear tu nueva página web; así como la opción de abrir un documento que habías guardado anteriormente y poder seguir trabajando con él.
Cuando escoges un lenguaje para empezar tu nuevo documento desaparece la ventana y aparece lo que son:




Barra de la aplicación:
Esta barra contiene los siguientes elementos: los menús (en la imagen, en la parte inferior), varios botones propios de laaplicación, el conmutador de espacio de trabajo y una caja de búsquedas para obtener ayuda on line.

En esta barra encontramos los menús además de las pestañas para restaurar, minimizar, cerrar y buscar.
Los menús están organizados en categorías:
*Archivo: En este menú se encuentran las opciones comunes de Abrir, Guardar, Cerrar y Salir. También encontraremos aquí las opciones de Importar yExportar, las opciones de Vista previa en el explorador, así como opciones para comprobar que los enlaces de un documento funcionan a la perfección. En este menú también nos aparece un listado de acceso rápido a los últimos documentos editados.



*Edición: En este menú se encuentran las opciones más utilizadas para la edición de un documento, como son Seleccionar, Copiar, Pegar, Deshacer,Repetir, Buscar y Reemplazar. Además, en este menú encontramos una opción importantísima para controlar Dreamweaver: las Preferencias del programa.


Menú ver
Código: nos muestra en nuestra área de trabajo el código sobre el cual estamos trabajando.
Dividir Código: nos muestra en pantalla un duplicado de nuestro código y solo podemos editar uno a la vez.
Diseño: nos muestra como va el diseñode la página web que se esta trabajando con el código seleccionado.
Código y Diseño: nos muestra una división en el área de trabajo de el lado izquierdo esta el código que se esta editando y de el lado derecho el diseño de la página web.
Dividir verticalmente: mientras se tenga la opción de “dividir código” o “código y diseño” esta opción divide la pantalla verticalmente en vez dehorizontalmente.
Vista diseño a la izquierda: en este tipo de vista las opciones “dividir código” o “código y diseño” al dividirse podemos mover la parte del diseño que se encuentra a la derecha hacia la izquierda.
Alternar vistas: nos cambia de vista alternado el código con el diseño.
Actualizar vista de diseño: actualiza el diseño de la página web en caso de que no aparezca lo que editamos en el...