CREACIÓN DE BOTONES PARA UNA PÁGINA WEB
Actividad Informática
Área: Informática
Materia: Editor Vectorial (Flash, SVG)
Edad del Estudiante:
años
Proyecto elaborado por: willyfigueroa.wordpress.com - colegio: Unicatolica - Colombia
Descripción:
Esta actividad es la continuación de otra titulada “Creación de Hojas de Vida en formato de página Web”. Con esta, se busca que los estudiantes construyan y agreguen botones a la Hoja de Vida para mejorar su presentación. Para esto, deben fraccionar en varias páginas Web la información que contiene la Hoja de Vida y utilizar un programa de gráficos vectoriales como “Flash” para crear los botones mediante los cuales se enlacen todas estas páginas.Objetivos:
- Crear botones de navegación en “Flash”.- Diseñar páginas Web en las cuales se usen los botones construidos con “Flash”.
- Utilizar adecuadamente elementos de diseño gráfico y teoría del color aplicados a la construcción de páginas Web.
Requisitos:
- Haber culminado la actividad titulada “Creación de Hojas de Vida en formato de página Web” (estática) en la cual se utilizan hipervínculos internos (http://eduteka.org/actividades/actividades.php?idH=30). - Utilizar las opciones que ofrece un editor vectorial como “Flash” para crear botones. - Conocer y utilizar conceptos de diseño gráfico y de teoría del color para aplicarlos en la creación del fondo de página - Adicionar enlaces a los botones elaborados en ”Flash” que lleven a la información correspondiente de la Hoja de Vida, ubicada en otras páginas. - Crear las carpetas y el Sitio (Site) para almacenar la página.Recursos:
- Computador- Software para Edición Vectorial de Gráficos como “Flash”.
- Software para edición de Páginas Web como “DreamWeaver”.
Duración:
Esta actividad puede llevarse a cabo en 8 períodos de 45 minutos cada uno.Labor del Docente:
- Explicar como se elaboran botones con “Flash”.- Explicar las opciones que ofrece el editor de páginas Web para insertar botones de Flash en una página Web.
- Explicar cómo optimizar las imágenes para reducir el “peso” de las páginas Web.
- Establecer las pautas que se deben tener en cuenta en el diseño de la página tales como: color, imágenes, efectos, etc.
Labor del Estudiante:
- Tomar apuntes, en sus propias palabras, sobre las opciones que ofrece Flash para crear botones.- Utilizar como base para realizar esta actividad, la Hoja de Vida construida en la actividad titulada “Creación de Hojas de Vida en formato de página Web”.
- Fraccionar la información de la Hoja de Vida creada, en varias páginas Web.
- Utilizar las opciones que ofrece el editor gráfico para realizar retoques al fondo de las páginas.
- Crear con “Flash” los botones que estime necesarios para interconectar las páginas en las que se fracciono la información de la Hoja de Vida.
- Insertar los botones creados con Flash en la página Web correspondiente y asignarle el hipervínculo correcto.
Evaluación:
- Los apuntes del estudiante y las explicaciones dadas, en sus propias palabras, sobre los temas vistos en clase.- La efectividad en la utilización del software apropiado para la creación de los botones
- El diseño gráfico de las páginas Web resultantes.
- La funcionalidad de la página Web (deben poderse navegar todas las páginas que contienen la información fraccionada de la Hoja de Vida.
- La optimización de las imágenes para reducir el “peso” de la página.
Notas:
- Es indispensable mostrar a los estudiantes Hojas de Vida en formato de página Web para tengan una idea del trabajo que se espera que ellos realicen.- Ver proyectos similares realizados por estudiantes de INSA.
Créditos:
Actividad diseñada por Willy Figueroa y utilizada por él en su práctica docente como titular del área de Informática para los grados 7° a 11° en el Instituto Nuestra Señora de la Asunción (INSA), Cali, Colombia. http://www.insa-col.orgPublicación de esta actividad en EDUTEKA: Diciembre 11 de 2004.
Última modificación de esta actividad: Diciembre 16 de 2006.






