SlideShare una empresa de Scribd logo
1 de 6
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
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,
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
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.
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.
ANEXOS
FOTOS CORTESÍA: MARÍALEJANDRA LEDEZMA
FOTOS CORTESÍA: GERALDINE ESSER
FOTOS CORTESÍA: DANIELA GUILLÉN
FOTOS CORTESÍA: AMANDA GARCÍA

Más contenido relacionado

La actualidad más candente (18)

Presentación2
Presentación2Presentación2
Presentación2
 
Dreamwear
DreamwearDreamwear
Dreamwear
 
Clase10
Clase10Clase10
Clase10
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Manual css-hojas-estilo
Manual css-hojas-estiloManual css-hojas-estilo
Manual css-hojas-estilo
 
Manual de frontpage
Manual de frontpageManual de frontpage
Manual de frontpage
 
Ppt construcción de un sitio web
Ppt construcción de un sitio webPpt construcción de un sitio web
Ppt construcción de un sitio web
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
182000
182000182000
182000
 
Manual 1.3 HTML VICTOR
Manual 1.3 HTML VICTORManual 1.3 HTML VICTOR
Manual 1.3 HTML VICTOR
 
Tarea 3
Tarea 3Tarea 3
Tarea 3
 
Shorteners y ppt-online
Shorteners y ppt-onlineShorteners y ppt-online
Shorteners y ppt-online
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas web
 
Planeación didáctica4-5
Planeación didáctica4-5Planeación didáctica4-5
Planeación didáctica4-5
 
Mi primer pagina web
Mi primer pagina webMi primer pagina web
Mi primer pagina web
 
Web master
Web masterWeb master
Web master
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
 

Similar a Trabajo dreamweaver

Similar a Trabajo dreamweaver (20)

Dreamwever
DreamweverDreamwever
Dreamwever
 
Trabajo de dreamweaver
Trabajo de dreamweaverTrabajo de dreamweaver
Trabajo de dreamweaver
 
Dreamweaver trabajo con fotos
Dreamweaver trabajo con fotosDreamweaver trabajo con fotos
Dreamweaver trabajo con fotos
 
Dreamweaver trabajo con fotos
Dreamweaver trabajo con fotosDreamweaver trabajo con fotos
Dreamweaver trabajo con fotos
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Dreamweaver 2013 karen palacio 11.a
Dreamweaver 2013 karen palacio 11.aDreamweaver 2013 karen palacio 11.a
Dreamweaver 2013 karen palacio 11.a
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 
Presentación1
Presentación1Presentación1
Presentación1
 
Actividad de la 1 hasta la 5
Actividad de la 1 hasta la 5Actividad de la 1 hasta la 5
Actividad de la 1 hasta la 5
 
1 5
1 51 5
1 5
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
Trabajo dreamweber (dayana, jesicca, mileidy)
Trabajo dreamweber (dayana, jesicca, mileidy)Trabajo dreamweber (dayana, jesicca, mileidy)
Trabajo dreamweber (dayana, jesicca, mileidy)
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
dreamweaver
 dreamweaver dreamweaver
dreamweaver
 
Lorena
LorenaLorena
Lorena
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Último

EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaLuis Minaya
 
Concurso José María Arguedas nacional.pptx
Concurso José María Arguedas nacional.pptxConcurso José María Arguedas nacional.pptx
Concurso José María Arguedas nacional.pptxkeithgiancarloroquef
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTESaraNolasco4
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfssuser50d1252
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfssuser50d1252
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIAGUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIAELIASPELAEZSARMIENTO1
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 

Último (20)

EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
 
Concurso José María Arguedas nacional.pptx
Concurso José María Arguedas nacional.pptxConcurso José María Arguedas nacional.pptx
Concurso José María Arguedas nacional.pptx
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIAGUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
 
recursos naturales america cuarto basico
recursos naturales america cuarto basicorecursos naturales america cuarto basico
recursos naturales america cuarto basico
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 

Trabajo dreamweaver

  • 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.
  • 6. ANEXOS FOTOS CORTESÍA: MARÍALEJANDRA LEDEZMA FOTOS CORTESÍA: GERALDINE ESSER FOTOS CORTESÍA: DANIELA GUILLÉN FOTOS CORTESÍA: AMANDA GARCÍA