1. UNIVERSIDAD FERMÍN TORO
VICERRECTORADO ACADÉMICO
FACULTAD DE CIENCIAS ECONÓMICAS Y SOCIALES
ESCUELA DE COMUNICACIÓN SOCIAL
Nombres:
Marialejandra Ledezma C.I. V- 25.627.409
Amanda García C.I. V- 26.577.795
Daniela Guillén C.I.V- 25.240.777
Geraldine Esser C.I.V- 26.007.978
Prof.: Justamalia Saldivia
Técnicas Gráficas II
Sección A
Barquisimeto, junio de 2016
Dreamweaver
2. Dreamweaver
Dreamweaver es muy conocida por su enfoque en la construcción y
edición de sitios y aplicaciones web. Esta se puede definir como un editor
profesional que ayuda a diseñar, codificar y desarrollar sitios, páginas y
aplicaciones web. Las opciones de edición permiten crear páginas de
forma rápida y sencilla.
En el mundo de los profesionales del diseño web, Dreamweaver
viene a sostener con solidez las tecnologías que son utilizadas por ellos.
Además de esto, es una actualización que muestra al público nuevos
conjuntos de herramientas que minimiza la cantidad de tiempo a la hora
de crear páginas web.
Entorno Dreamweaver
Dentro de la aplicación Dreamweaver encontramos diferentes íconos
y opciones a la disposición de los usuarios para un mejor manejo dentro
de la aplicación. Entre la barras de herramientas mas relevantes
encontramos la Barra de Insertar, la cual contiene diferentes botones que
nos ayudarán a insertar en documentos imágenes, tablas y capas para la
realización de cualquier trabajo. Así mismo, encontramos la Barra de
Título que nos es mas que el que el título del programa que estamos
utilizando, así como el nombre y la ubicación de la página, en esta misma
barra también encontramos en la parte superior derecha las opciones de
maximizar, minimizar, restaurar y cerrar. Sucesivamente, localizamos la
Barra de Herramientas Estándar, donde se pueden apreciar diferentes
íconos que nos permiten ejecutar las operaciones más habituales de
forma inmediata, como guardar, copiar, pegar, entre otros. Al mismo
tiempo, ubicamos en el programa la Barra de Menú, en esta barra
podemos ver las operaciones de Dreamweaver que están agrupadas en
menús desplegables. Por último, se encuentra la Barra de Herramientas
de Documento, donde se encuentran íconos que nos dejan ejecutar las
operaciones habituales que no son incluidas en la herramienta estándar,
3. como cambio de vista del documento (código, diseño, vista previa), la
administración de archivos, el título, entre otros.
Por otra parte, está el Inspector de Propiedades que nos permite ver
y modificar las diferentes propiedades del objeto o de un texto
seleccionado. Así como las barras de herramientas nos ayudan, también
los paneles, los cuales juegan un papel importante a la hora de trabajar
con Dreamweaver, algunos de los paneles son: El panel de Extract, Panel
Insertar y Panel Archivos, cada uno con sus respectivos funcionamientos
en la aplicación. En el caso del panel de Extract, nos permite cargar y ver
sus archivos PSD en Creative Cloud. Con este panel, podemos extraer
CSS, texto, imágenes, fuentes, colores, degradados y medidas de las
composiciones PSD en su documento. En el de insertar, nos da la
posibilidad de insertar diferentes objetos, tales como tablas, imágenes y
elementos multimedia en documentos. Y por último el panel de archivo
nos permite la administración de archivos y carpetas que forman parte de
un sitio Dreamweaver, también permite acceder a todos los archivos del
disco local.
Mapas Sensibles
Los mapas sensibles son imágenes o formas que están sujetas a
algún enlace, permitiendo de esta forma redirigirse a otra página, tal cual
lo hacen los enlaces o URL de texto. La creación de estos no es muy
complicada. En primer lugar, se tiene que elegir la imagen o forma (esta
usualmente hace alusión a lo que el usuario encontrará en la otra página)
y asignarle un nombre, luego se elige la forma (circular, triangular o
poligonal) en ‘propiedades de la imagen’, y se añade el URL o
hipervínculo de la página web a la que se desee redireccionar.
Las personas que suelen conectarse a la red con frecuencia están
acostumbradas a los mapas sensibles, aunque no lo noten. Por ejemplo,
muchas veces al abrir una página web o blog vemos el símbolo de
4. Facebook u otra red social y al presionarlo vamos directamente al perfil
que posee dicha página en las redes social que el símbolo representa.
Frames y su empleo en Dreamweaver
Los frames son un elemento implementado por Netscape, que permite
dividir la pantalla en varias áreas independientes unas de otras, y por
tanto con contenidos distintos, aunque puedan estar relacionados. No hay
límites para el contenido de cada una de estas áreas: tienen las mismas
propiedades que la pantalla completa normal, tal y como la conocemos.
No hay que confundir los frames con las tablas. Su apariencia, a veces,
puede ser similar, pero mientras el contenido de la celda de una tabla es
fijo, en un área de pantalla creado por el elemento FRAME se dispone de
todos los recursos del HTML. Es una zona viva.
Las páginas que contienen una definición de FRAME no
pueden contener el elemento BODY ni ninguno de los elementos que
habitualmente aparecen en el BODY antes del elemento FRAMESET que
es el que define la creación del FRAME. Si esto no se cumple, el FRAME
será ignorado.
Algunos visualizadores no soportan los frames. Para que nuestra
página con frames no resulte opaca a ellos, se utilizará el
elemento NOFRAMES que permite ofrecer un texto alternativo en entorno
normal.
Los frames permiten una flexibilidad de presentación extraordinaria, y
para contenidos muy complejos, de difícil estructura por los medios
convencionales del HTML, son casi insustituibles. De nuevo se presenta
la duda de para qué visualizador es preferible programar nuestro WWW.
Por supuesto, los frames son parametrizables en cuanto a tamaño y
número de áreas, si éstas se pueden redimensionar por el usuario o son
fijas, si tienen o no barras de scrolling, se pueden anidar, relacionar sus
contenidos.
5. Los marcos -o frames- sirven para distribuir mejor los datos de las
páginas, ya que permiten mantener fijas algunas partes, como pueden ser
el logotipo y la barra de navegación, mientras que otras sí pueden
cambiar. Además de mejorar la funcionalidad, pueden mejorar también la
apariencia. Dicho de un modo sencillo, los marcos podemos decir que son
páginas web dentro de otra página que las organiza de una determinada
manera.
Cada uno de los marcos de una página, contiene un documento HTML
individual. Por ejemplo, en la imagen inferior puedes ver una página con
dos marcos. El marco izquierdo contiene el documento menu.htm y el
derecho el documento monos.htm. Para poder visualizar la página de este
modo, hemos tenido que abrir en el navegador el documento
principal.htm, que en este caso es el contiene los marcos.
Conceptos de capas y su manejo con Dreamweaver
Las capas es uno de los elementos presentados en el programa
Dreamweaver, son unos recuadros en donde se pueden colocar o mover
contenidos o informaciones en cualquier lugar de la página en la que se
esta trabajando, dentro de las capas es posible colocar cualquier
elemento como textos, imágenes, tablas, animaciones, flash, documentos
o contenidos que permita el HTML.
Al insertar capas en Dreamweaver, nos permite poder mover una capa
de una posición a otra con la ayuda del control y el cuadro pequeño que
aparece al tocar las capas, además de seleccionar la capa, podemos
arrastrarla hasta el punto exacto que deseemos, se pueden incluir capas
asociada con una imagen dentro de otra capa, también puede ser
redimensionadas para conseguir el tamaño deseado, estirando o
encogiendo la capa para adaptar su tamaño a las necesidades
requeridas, proporcionando grandes posibilidades de elaboración en el
diseño.