El acumulativo consistió en la creación de una pagina web en adobe dreamweaver CS6 con un marco y un menú a cerca de los padres fundadores de la Congregación de Dominicas de Santa Catalina de Sena: La Madre Gabriela de San Martín y el Padre Saturnino Gutierrez.
Ademas debía tener una animación en adobe flash.
Mi pagina quedo así:
Las animaciones van en los espacios en blanco que aparecen en las ultimas 2 imágenes y son así:
PARCIAL 2
El parcial 2 consistió en la creación de una pagina web utilizando marcos y que tuviera un menú con imágenes acerca de la comunidad, profesores y estudiantes del colegio.
CREACIÓN DE MARCOS EN ADOBE DREAMWEAVER CS6
Un marco es una zona de una ventana de navegador que puede mostrar un documento HTML independiente de lo que se muestra en el resto de la ventana. Los marcos permiten dividir la ventana de un navegador en varias regiones, cada una las cuales puede mostrar un documento HTML diferente. Por lo general, un marco muestra un documento que contiene controles de navegación, mientras que otro muestra un documento con contenido.
CREACIÓN DE UN MARCO EN ADOBE DREAMWEAVER CS6
1. Abrimos adobe dreamweaver CS6.
2. Elegimos la opción crear nuevo documento > pagina en blanco > HTML.
3. En la barra superior damos clic en el botón de insertar > HTML > Marcos y elegimos el tipo de marco que deseamos crear, en este caso yo quiero un superior anidado izquierdo.
4. Enseguida nos aparecerá una ventana para nombrar los marcos, recuerda ponerles un nombre claro y guardarlos.
Puedes crear el marco que desees, si lo que quieres no sale como opción puedes elegir una y luego volver a elegir otra.
5. Te recomiendo guardar una vez creado el marco con nombres que tu entiendas.
6. Si le quieres poner un borde al marco y editarlo, en la parte inferior esta la barra de herramientas, selecciona el marco y te aparecerá las opciones de borde.
8. Ahora debes crear un menú, puede ser spry, con tabla o con hipervinculo.
9. Enlaza el menú con la información y guarda el documento.
A CONTINUACIÓN HAY ALGUNOS VÍDEOS QUE TE PODRÁN AYUDAR.
ACTIVIDAD: CREACIÓN DE UNA ANIMACIÓN EN FLASH E INSERTARLO EN UNA PAGINA WEB
1. Abren adobe flash cs6 y le da crear actionscript 3.0
2. Con el botón de texto,insertamos el texto que queremos animar. Luego le elegimos el color y el tipo de fuente que desees.
3. Convertimos el texto en un símbolo, para esto damos clic derecho> convertir en símbolo > aceptar.
4. Seleccionamos el símbolo y en la barra de propiedades seleccionamos el botón de herramienta de rotación 3D, enseguida nos aparecerán unos círculos como los siguientes:
5. En la parte superior damos clic en insertar> interpolacion de movimiento.
6. En la barra de propiedades encontramos el botón de rotación 3D, damos clic y enseguida puedes empezar a mover tu símbolo como quieras teniendo en cuenta que cada circulo tiene una rotación diferente.
7. También en ese mismo botón podemos encontrar la opción de trasladar, cuando le das clic te aparece un sistema de referencia para que animes tu símbolo como desees. El caso es que debes mover el símbolo como desees que quede tu animación.
8. Al finalizar, le das exportar como archivo swf.
Así quedo mi animación:
9. Abrimos el archivo de dreamweaver donde tenemos la pagina
10. Damos clic en insertar> media > swf.
11. Nos aparece una ventana donde debemos buscar el archivo de la animación Recuerda que la animación debe estar en la carpeta raíz donde sacamos las imágenes para construir la pagina web.
12. Le colocamos el nombre que queremos que tenga la animación en la pagina web.
13. Damos clic en aceptar y listo. Ahora le das guardar como a la pagina web y puedes ver como quedo tu animación con la opción que se encuentra en la parte superior de vista con el explorador que tengas.
PARCIAL 1
El parcial 1 consistió en continuar con la creación de la pagina web agregándole hipervinculos, una vez terminado el index o la pagina principal, vamos a crear las paginas de cada una de los botones de la barra de menú que hicimos anteriormente realizamos lo siguiente:
1. Sin salirnos de dreamweaver damos clic en nuevo documento > pagina en blanco > HTML> crear.
2. Una vez creada la pagina, la guardamos con el nombre del comando de la barra de menú que queramos hacer y en esa pagina vamos a escribir la respectiva información Por ejemplo en mi barra de menú el primer comando se llama planetario así que la pagina nueva que hice se llamo planetario y en ella escribí la respectiva información.
3. Hacer lo mismo con los comandos que queremos que tengan hipervinculos.
4. Para crear el hipervinculo nos dirigimos a la pagina principal (index) y seleccionamos donde esta escrito el primer comando.
5. En la parte inferior en la barra de propiedades damos clic en HTML > vinculo > seleccionar archivo.
6. Buscamos donde nos salga el icono del explorador que utilizamos y que tenga el nombre del vinculo que deseamos crear y por ultimo damos clic en aceptar.
7. Hacemos lo mismo con las otras paginas que creamos anteriormente enlazando y creando los hipervinculos correspondientes.
8. Una vez terminado, si queremos crear un hipervinculo para regresar a la pagina de inicio, seleccionamos una imagen que tenga la pagina donde estamos y le damos clic en HTML > vinculo > seleccionar archivo y seleccionamos el index y por ultimo aceptar.
9. Damos clic en guardar como y guardamos el archivo como tal.
Las siguientes son unas imágenes de como quedo la pagina web:
Pagina principal
Paginas del hipervinculo
No hay comentarios:
Publicar un comentario