A.
DATOS INFORMATIVOS
APELLIDOS Fierro Maldonado CURSO TERCERO ESPECIALIDAD
NOMBRES María del Cisne PARALELO “E” CONTABILIDAD
AÑO LECTIVO 2012-2013 ASIGNATURA COMPUTACIÓN FECHA DE LA PRÁCTICA CLAVE DE LA
ASIGNATURA 20mdcfm 9/08/2012
PRACTICA N°8 LABORATORIONOMBRE DEL
SECCIÓN COMPUTO
DIVERSIFICADO DURACIÓN PEDAGÓGICAMEDIADORA
NOMBRE DE LA PRÁCTICA Maquetación enFireworks 90 Minutos Lda. Yeni Macas
Este informe tratará sobre la maquetación de una página web en el programa Adobe Firewroks que es un programa que no hemos visto aún, pero que viendo tutoriales en youtube vamos a poder resolver este ejercicio. Quizás este proyecto nos resulte un poco complicado, pero tenemos que pensar que con dedicación e investigación si lo podremos realizar. Anteriormente en clases realizamos una maquetación pero en Adobe Dreamweaver, donde primero realizamos un bosquejo en borrador con las medidas de cada componente de nuestra página, para luego plasmarla en el programa, no resulté sencillo realizar dicho trabajo pues la profesora nos iba indicando paso por paso, además aprendimos acerca de herramientas de Dreamweaver que desconocíamos.
Para la maquetación en Fireworks debemos antes que todo investigar, la profesora nos facilitó tutoriales para poder realizar este deber, en los cuales describe detalladamente cómo elaborar una maquetación web, además podemos descubrir un sin número de herramientas de este programa que no habíamos conocido y que nos resultaron impresionantes, pues a más de hacer una simple maquetación tiene que nacer como iniciativa de la estudiante agregar mucho más cosas, no solo para ganarse una nota sino por haber descubierto nuevas cosas y haber aprendido.
A continuación se detallará cada uno de los pasos para elaborar una maquetación en Fireworks, donde podrán observar que herramientas utilicé para elaborar la página y que el manejo de este programa es fácil, sólo es cuestión de investigar y dedicación para alcanzar lo que queremos hacer. También podemos agregar otros programas de diseño web ya sean los de la familia Adobe u otros disponibles en el internet, los mismo que permiten mejorar y dar mayor realce a nuestra página.
Presten mucha atención a lo que se detallará a continuación para que pueden aprender muchas más cosas de las que les enseñan en el colegio.
C.
OBJETIVO(S)
Identificar la importancia de elaborar la maquetación web mediante el programa Adobe Fireworks para de esta manera poder maquetar una página web tanto en DW como en Fireworks.
Elaborar una página web en Fireworks realizando primero la maquetación de las misma mediante la investigación para así conocer más sobre diseño web y mejorar nuestra página web.
Determinar cuáles serán las herramientas que voy a utilizar para la maquetación en Fireworks mediante los tutoriales en youtube para poder tener como resultado una excelente página web.
ADOBE FIREWORKS
Adobe Fireworks es una aplicación basada en la forma de estudio de Adobe Flash pero con más parecido a un taller, destinado para el manejo híbrido de gráficos vectoriales con Gráficos en mapa de bits y que ofrece un ambiente eficiente tanto para la creación rápida de prototipos de sitios Web e interfaces de usuario, como para la creación y Optimización de Imágenes para web. La aplicación permite crear menús emergentes, rollover o imágenes de sustitución, un efecto muy
conocido en donde una imagen existente en la página web es sustituida por otro cuando el puntero del ratón se posa sobre ella, restituyéndose cuando quitamos el puntero de ella. Originalmente fue desarrollado por Macromedia, compañía que fue comprada en 2005 por Adobe Systems.
Fireworks está disponible de forma individual o integrada en Adobe CS3/CS4/CS5 y por tanto ha sido diseñado para integrarse con otros productos de Adobe, como Dreamweaver y Flash. En la Suite de Adobe se identifica por usar el color amarillo, color que venía usando como representación desde que pertenecía a Macromedia.
Lo que ofrece Fireworks
Gracias a sus características nuevas, Fireworks MX es una aplicación enormemente accesible, con más potencia para crear elementos gráficos y mayor interactividad para sitios web. Con ella los usuarios maximizan su productividad, ya sean diseñadores de web veteranos, desarrolladores de HTML que también trabajan con imágenes o nuevos desarrolladores web que tienen que crear páginas web interactivas con poco o ningún conocimiento de codificación o JavaScript.
Fireworks se ha sometido a un profundo proceso de perfeccionamiento y posee una moderna interfaz de usuario, nuevas y potentes funciones de botones y menús emergentes y herramientas intuitivas de mapa de bits y vectoriales. Su
integración con otras aplicaciones de Macromedia (y de otros fabricantes) permite importar diversos formatos de archivo y enviarlos con facilidad a otras aplicaciones mientras se trabaja. También está la posibilidad de crear comandos en JavaScript con Macromedia Flash que en Fireworks aparecen como paneles o cuadros de diálogo.
Fireworks, fácil de usar
Características de Adobe Fireworks
Un número de herramientas hace fuegos artificiales de un programa de peso ligero pero potente a utilizar.
Además, una biblioteca de plantillas le permitirá crear fácil y rápidamente los elementos Web, lo que le permite dedicar
más tiempo a centrarse en la creación de diseños e imágenes expresivas y seductor. Fireworks es un programa fuerte,
especialmente para el diseño web. Como un diseñador gráfico, le ofrecerá control y poder sobre manipulación de imágenes, lo que le permite crear el más alto nivel de trabajo. Puede obtener por asistir a clases, teniendo un grado o formación en casa
mediante capacitación informática basada en Adobe Fireworks.
Como cualquier programa de adobe, lleva tiempo y la habilidad para aprender, pero puede enseñarse fácilmente a través de una clase o una formación basada en informática.
Como un diseñador gráfico en formación, necesitará saber cómo utilizar Fireworks solos y en combinación con otros productos de Adobe, a fin de obtener las imágenes de una calidad óptima.
E. PROCEDIMIENTO (DESCRIPCIÓN)
i. EQUIPO NECESARIO MATERIAL DE APOYO
Laboratorio
Servicios de internet
Buscador: Mozilla Firefox
Adobe DW, Adobe Fireworks
ii. DESARROLLO DE LA PRÁCTICA
1) Primero debemos crear un nuevo documento, en donde especificaremos las medidas de nuestra maqueta y que se le pondrá un fondo de color.
Pendrive
Imágenes
Gmail
3) Si deseamos podemos ponerle una imagen de fondo en cada una de las secciones de nuestra página para que quede más creativa, se da click en “Importar” y seleccionamos la imagen que queramos y con la opción: Herramienta recuadro donde recortamos sólo la parte que deseamos colocar.
seleccionaremos en donde queremos que vaya el texto.
5) Para agregarle botones colocamos un cuadro, damos click derecho, buscamos la opción que diga: “Convertir símbolo”, elegimos la opción botón, guardamos en la biblioteca común y damos click en aceptar.
7) Además cada botón se le puede añadir menú emergente dando click derecho en el botón y eligiendo la opción: “Añadir menú emergente”.
9) Le podemos agregar texto en el contenido o imágenes para dar mayor realce a la página.
F.RESULTADOS Y CONCLUSIONES
Conclusiones:
En conclusión la elaboración de la maquetación me pareció muy interesante, pues pude desarrollar mi creatividad y aprender un sin número de cosas, a mi parecer me resultó fácil realizar este deber pues todos los realicé con ayuda de los tutoriales que la Srta., puso a nuestra disposición en edmodo.com, la maquetación en sí no es nada complicada, pero es importante recalcar que este programa posee mucha herramientas que podemos implementar a esta maquetación, como por ejemplo a mi página como pudieron observar le coloqué botones, menús e imágenes de sustitución lo que hace ver como una página web real y está hecha toda en el programa Fireworks y se lo puede observar en una navegador, se le puede añadir muchas cosas más, sólo es cuestión de investigar y practicar.
Buenos Días Señorita no hay ninguna recomendación, muchas gracias.
H.
WEBGRAFÍA
http://guidewhois.com/2011/04/formacion-en-las-caracteristicas-de-adobe-fireworks/
http://www.brendingdesigners.com.ar/fireworks.html http://www.adobe.com/es/products/fireworks.html
http://www.youtube.com/watch?v=7l5csJY8Xjk&feature=player_embedded http://www.youtube.com/watch?v=o8UFH82Vis8&feature=player_embedded
LCDA. YENI MACAS
