Dreamweader
- 1. República Bolivariana de Venezuela Ministerio del Poder Popular para la Educación Universitaria Licenciatura en comunicación social Universidad Fermin Toro Barquisimeto - Edo. Lara Conociendo DreamWever Sujelis Rincones 23.903.595 Tecnicas graficas II seccion B Barquisimeto, junio del 2016
- 2. 1. Concepto de DreamWeaver: Basándose en la forma de estudio de Adobe Flash, creado inicialmente por Macromedia y actualmente producido por Adobe Systems. Encontramos: Adobe Dreamweaver, una aplicación que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web. A través de un conjunto de herramientas para diseñadores web, permite crear, codificar y gestionar páginas de todos los tamaños. 2. Entorno de DreamWeaver: El elemento común de todos los programas Windows es el menú, a continuación anotamos las opciones más importantes del menú de adobe DreamWeaver: Archivo: permite abrir nuevas ventanas, guardarlas, cerrar nuestro proyecto y abrir páginas en un determinado marco. Edición: permite copiar, cortar y pegar elementos; buscar y reemplazar. Ver: activar o desactivar la visualización de las diferentes barras y elementos del programa. Insertar: opciones para insertar los diferentes elementos que compondrán la página web. Modificar: contiene todas las opciones para cambiar la alineación de los objetos, tablas de propiedades de la página en uso. Texto: permite realizar los cambios que necesitemos a los textos insertados en nuestra página. Comandos: permite ejecutar acciones sobre la página web como: limpiar el código HTML repetido o indeseado, crear álbum de fotos web y definir combinaciones de colores.
- 3. Sitio: permite crear, abrir y definir un sitio web. Ventana: Facilita el acceso a todas las ventanas, permite cambiar el entorno visual del programa. 3. Mapas sensibles: Son imágenes en las que se activan distintos hiperenlaces, al pulsar con el mouse. Para crear una imagen sensible es importante la especificación de las distintas áreas de la imagen y los enlaces que activaran cada una de ellas. Se presentará la imagen en pantalla y mediante un puntero se podrán indicar las distintas zonas. Estas zonas podrán ser: rectángulo, círculo, línea poligonal o un punto. A cada una de estas zonas le asignamos una URL que será la que se active cuando se pulse en esa zona determinada. Los pasos para crear un mapa sensible son los siguientes: Seleccionar la imagen a la que se añadirá el "mapa sensible" Hacer clic en la flecha de ampliación del Inspector de propiedades, para ver todas las propiedades. Y Escribir el nombre del mapa en el campo Mapa. Para definir las áreas sensibles, emplear las tres herramientas de trazado: rectangular, elíptica o poligonal. El icono en forma de flecha es el cursor para seleccionar mapas ya creados y modificar su forma o tamaño. En el Inspector de Zonas Interactivas, se puede configurar un vínculo para cada una de las zonas sensibles que hayamos introducido en la imagen y una etiqueta alternativa. Cuando se copia una determinada imagen de un documento a otro, las zonas interactivas asociadas a dicha imagen también se copiarán. Se puede elegir menú, Modificar Capas, zonas interactivas y así alinear varias zonas
- 4. interactivas entre sí. Es importante acotar que si hay dos zonas interactivas la que esté situada delante será la dominante. 4. Concepto de Frames y su empleo en DreamWeaver. En diseño web, un frame o marco es un área rectangular que carga una página web dentro de una página web mayor. Los marcos permiten dividir la ventana de un navegador en varias regiones, cada una las cuales puede mostrar un documento HTML (HyperText Markup Language, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto). Un conjunto de marcos es un archivo HTML que define el diseño y las propiedades de un grupo de marcos, incluyen el número, el tamaño, la ubicación de los marcos y el URL de la página que aparece inicialmente en cada marco. El archivo de conjunto de marcos de un sitio suele llamarse index.html. Así, cuando el visitante no especifica ningún nombre de archivo, este archivo se muestra de forma predeterminada. Para crear un marco, primero hay que abrir algún documento, nuevo o existente. Después, dirigirse al menú Insertar, HTML, Marcos. Y elegir el tipo de marco que desea crear. Si pulsamos sobre la Izquierda se creará un nuevo marco a la izquierda del documento actual. Para seleccionar el documento que contiene el grupo de marcos hay que pulsar sobre la línea que separa los marcos. 5. Concepto de Capas y su manejo con DreamWeaver. Las capas son unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Pueden ocultarse y
- 5. solaparse entre sí, lo que proporciona grandes posibilidadesde diseño. Ya que dentro de una página puede haber tantas como queramos. Las capas pueden insertarse en una página a través del menú Insertar, opción, Capa. Cuando existen varias capas en un mismo documento, es preferible seleccionarlas a través del menú Ventana, puedes abrir el panel Capas pulsando F2. Propiedades de una capa. Cuando la capa está seleccionada y teniendo abierto el panel de propiedades, aparece la información sobre las propiedades de esa capa. A la primera capa la llamará Layer 1, nombre que podemos cambiar como podemos modificar la anchura y la altura, las distancias al límite izquierdo y superior del documento, en píxeles, el índice Z, la visibilidad inicial y otras propiedades que controlamos desde el panel. ID de capa es el nombre de la capa. También puede ser cambiado a través del panel Capas. Iz y Sup indican la distancia en píxeles que hay entre los límites izquierdo y superior del documento y la capa. An y Al indican la anchura y la altura de la capa. Índice Z es el número de orden de colocación de las capas. Este valor también puede cambiarse a través del panel Capas. Vis indica la visibilidad inicial de la capa. La visibilidad puede ser de cuatro tipos: Default (visibilidad según el navegador), Inherit (se muestra la capa mientras la página a la que pertenece también se esté mostrando). Visible (muestra la capa, aunque la página no se esté viendo). Hidden (la capa está oculta).
- 6. La visibilidad también puede cambiarse a través del panel Capas, pulsando sobre la imagen del ojo. El ojo abierto indica Visible, y el ojo cerrado indica Hidden. A través de Im. Fondo y Col puede indicarse una imagen o un color de fondo para la capa. 6. anexos. (durante la documentación)