Issuu on Google+

UNIVERSIDAD TECNOLOGICA FIDEL VELAZQUEZ

PRESENTA: ALAN FERNANDO GARCIA CRUZ

MATERIA: DESARROLLO DE APLICACIONES WEB

PROFA: LIC. RUTH MARCELA ROMERO ROJAS

TRABAJO: DREAMWEAVER

SI-305


Es una de las cualidades más destacadas de dreamweaver es la flexibilidad. Es útil para usuarios avanzados que permita manipular manualmente los tags con existencia de edición excepcionales que aceleran el proceso de redacción y de código. Al iniciar dreamweaver por primera vez es recomendable definir el espacio de trabajo, esto determinara la ubicación de los distintos menús y opciones dentro de la aplicación y es una selección que quedara registrada para las próximas veces que lo usemos. Área de trabajo Cuando abrimos un documento ó creamos uno nuevo, por defecto aparece la pantalla dividida en dos zonas principales: código y diseño. Código: este comando se ubica en la parte superior, aquí veremos el código HTML de la página. También podemos escribir cualquier otro código de programación web tales como: ASP, PHP, JavaScript, etc… Diseño: este comando se encuentra en la parte inferior, se muestra el pre visualización (preview) del código interpretado. El resto de la pantalla se compone de la siguiente manera:  En la parte superior esta el menú y la barra de herramientas; en la derecha, la barra de ventanas; y en la parte inferior la barra de propiedades HTML y CSS. Nuevas características Adobe dreamweaver CSS incluye mejoras respecto a su antecesor; las más destacadas son las siguientes:  Inspección de hojas de estilo: aquí se pueden cambiar las propiedades CSS sin necesidad de escribir código, simplemente desde un panel dedicado a la derecha del área de trabajo.  Integración con abobe BrowserLab: este es un servicio en línea de adobe que permite probar y comparar nuestro desarrollo en diferentes navegadores de internet.  Subgerencias de código PHP personalizado: se trata de un asistente para escribir sintaxis adecuada de nuestras funciones personalizadas de PHP.


10 0

1

2

3

4

5

11

12 6 13 14 7 15

16

9

8


1. Barra de menús. Que contiene todas las funciones del programa. 2. Barra de documentos. En donde colocamos el titulo de nuestro sitio. 3. Vista de pantalla elegida. Podemos cambiarla de acuerdo con el rol que tenemos al utilizar el programa. Por ejemplo, diseñador, desarrollador o programador etc. 4. Cuadro de búsqueda. Que nos permite localizar texto o sintaxis de programación dentro del documento abierto. 5. cs Live. Nos dé la oportunidad de conectarnos al sitio de adobe de forma directa. 6. Paneles desde donde podemos agregar, cambiar o eliminar distintas propiedades de los documentos (nos permitirá desde crear un archivo hasta eliminar una clase en CSS). 7. Propiedades generales del documento desde el tamaño hasta el UTF, en el que esta generado el archivo. 8. Panel propiedades, donde podemos ver las propiedades de una maquina en particular. 9. Vista previa para la posición de los objetos de un sitio. Esta es una pre visualización del sitio que nos permite ubicar los objetos en el espacio de la página. 10. Permite cambiar entre las propiedades HTML y CSS del documento de la ejecución. 11. Muestra las etiquetas definidas si hubiese una etiqueta <p> la mostraría a continuación <body>, ya que esta última contiene la anterior por ejemplo <boby> <p>. 12. Sección de la pantalla destinada a ver el código del sitio. 13. Barra de programación. Nos permite contraer el código del sitio hasta ordenarlo para obtener una lectura fácil y rápida. 14. Barra donde se muestra el url de nuestro sitio si tenemos el programa configurado para acceder al sitio. 15. Barra que permite elegir como ver la pantalla de dreamweaver. Es muy practica porque podemos ver solo el diseño, el código o ambos (la forma más utilizada es la segunda). 16. Nombre del documento (del archivo HTML, PHP, etc…


DREAMWEAVER