EVALUACIÓN HEMIQUIMESTRAL
SEGUNDO BACHILLERATO
Tema: Diseño de páginas web en dreamweaver.
Objetivo: Concluir el proyecto de la página web correspondiente a su grupo mediante la utilización de las herramientas estudiadas en Adobe Dreamweaver para reforzar el conocimiento adquirido de la asignatura.
1. Abrir con el Dreamweaver las páginas web creadas en la carpeta personal.
2. A la página principal crear dos botones adicionales, uno que diga contáctenos, y otro que diga perfil de las autoras o autores
3. Crear las páginas nuevas con la información que corresponde:
a) En contáctenos: dirección personal, teléfono, e-mal
i. Cambiar las propiedades de la página colocando una imagen de fondo
ii. Guardar e insertar una imagen que se relacione con la frase contáctenos
b) Perfil de Autoras: Nombres completos, edad, estudios primarios, pensamiento, opinión de la educación, carrera o profesión que le interese
i. Cambiar las propiedades con un color de fondo
ii. Guardar e insertar una imagen que relacione a personas trabajando
c) En las nuevas hojas web insertar un botón que regrese a la página principal.
d) Las nuevas hojas guardar con el nombre de archivo CONTÁCTENOS Y PERFIL respectivamente
4. Mostrar en el Mozilla Firefox la página terminada
5. Publicar en el blog este contenido como constancia de la evaluación.
jueves, 10 de noviembre de 2011
Clase N° 4
Tema: Herramientas de objetos de imágenes y flash en Dreamweaver.
Objetivo: Utilizar las herramientas del menú insertar e imágenes mediante un taller práctico para una mejor presentación de nuestra página web.
ANIMACIONES.- Imágenes con movimiento flash, se las puede crear o descargar de la página www.gifanimados.com
IMAGEN DE SUSTITUCION.- Al pasar el mouse sobre una imagen cambia por otra imagen.
TEXTO FLASH.- Al pasar sobre una frase o texto cambia de color o formato.
Objetivo: Utilizar las herramientas del menú insertar e imágenes mediante un taller práctico para una mejor presentación de nuestra página web.
ANIMACIONES.- Imágenes con movimiento flash, se las puede crear o descargar de la página www.gifanimados.com
IMAGEN DE SUSTITUCION.- Al pasar el mouse sobre una imagen cambia por otra imagen.
TEXTO FLASH.- Al pasar sobre una frase o texto cambia de color o formato.
Clase N° 3
Tema: Botones e hipervínculos en Dreamweaver.
Objetivo: Utilizar botones e hipervínculos en la página web personal, mediante la herramienta insertar del programa Dreamweaver para enlazar más hojas en formato HTML (Lenguaje de marcas de hipertexto).
BOTON FLASH.- Es un componente de las páginas web, que tiene color, forma, animación, texto y propiedades que permiten crear vínculos hacia otras hojas web.
HIPERVINCULOS.- Es la acción de insertar o crear un vínculo o enlace hacia otras hojas o páginas web.
TALLER.- Continuar con las páginas de la clase anterior, e insertar botones e hipervínculo
Objetivo: Utilizar botones e hipervínculos en la página web personal, mediante la herramienta insertar del programa Dreamweaver para enlazar más hojas en formato HTML (Lenguaje de marcas de hipertexto).
BOTON FLASH.- Es un componente de las páginas web, que tiene color, forma, animación, texto y propiedades que permiten crear vínculos hacia otras hojas web.
HIPERVINCULOS.- Es la acción de insertar o crear un vínculo o enlace hacia otras hojas o páginas web.
TALLER.- Continuar con las páginas de la clase anterior, e insertar botones e hipervínculo
jueves, 22 de septiembre de 2011
Clase N°2
Tema: Utilización del programa dreamweaver.
Objetivo: Analizar las herramientas básicas del programa Dreamweaver mediante talleres prácticos para el diseño de la página web.
INICIANDO CON DREAMWEAVER:
• Escoger crear nuevo HTML (Lenguaje de Marcas de Hipertexto, hipervínculos), que es formato para las páginas web.
• Utilizar las herramientas de formato y propiedades de página.
• Insertar tablas e imágenes para distribuir mejor la información.
• Diseñar otras hojas en formato HTML para crear hipervínculos con texto, botones flash.
NOTA: Guardar todo componente de su página en la carpeta creado.
Objetivo: Analizar las herramientas básicas del programa Dreamweaver mediante talleres prácticos para el diseño de la página web.
INICIANDO CON DREAMWEAVER:
• Escoger crear nuevo HTML (Lenguaje de Marcas de Hipertexto, hipervínculos), que es formato para las páginas web.
• Utilizar las herramientas de formato y propiedades de página.
• Insertar tablas e imágenes para distribuir mejor la información.
• Diseñar otras hojas en formato HTML para crear hipervínculos con texto, botones flash.
NOTA: Guardar todo componente de su página en la carpeta creado.
jueves, 15 de septiembre de 2011
Clase N°1
¿Qué es una página web?
Una página web es un documento o información electrónica adaptada para el World Wide Web (amplia telarañaa mundial) que generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Www.
¿Qué componentes tiene página web?
-Hipervínculos
-Cuadros de texto
-Animaciones
-Gráficos y textos
¿Cuáles serían los pasos para tener un sitio web en la red?
1.Diseño de las máscaras de mi página en un programa,
ejemplo: Adobe Dreamweaver.
2.Conseguir un dominio que me permita identificar a mi sitio web
ejemplo: www.mariaisabel.com
www.amsic.com
www.inmaculadamachala.edu.ec
Una página web es un documento o información electrónica adaptada para el World Wide Web (amplia telarañaa mundial) que generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Www.
¿Qué componentes tiene página web?
-Hipervínculos
-Cuadros de texto
-Animaciones
-Gráficos y textos
¿Cuáles serían los pasos para tener un sitio web en la red?
1.Diseño de las máscaras de mi página en un programa,
ejemplo: Adobe Dreamweaver.
2.Conseguir un dominio que me permita identificar a mi sitio web
ejemplo: www.mariaisabel.com
www.amsic.com
www.inmaculadamachala.edu.ec
martes, 9 de agosto de 2011
Clase N°9
Taller en Aula:
Item de preguntas simples:
1) Escriba una síntesis de las ventajas del programa Adobe Illustrator aplicado al diseño gráfico digital. Comentarios personales:
Este programa lo utilizamos para diseñar, folletos publicitarios, entre otras cosas necesarios en el campo del diseño grafic0.
2) Escriba el nombre de las áreas o ciencias que aplicaría el diseño gráfico digital
Computación, dibujo técnico, marketing.
3) Escriba el nombre de unas 4 herramientas que ha utilizado en el programa abobe Illustrator y explique su uso en el programa (es decir, breve descripción de como funciona cada herramienta):
Pluma: Se utiliza para realizar rectas o curvas.
Rectángulo: permite insertar en el diseño figuras geométricas ya realizadas.
Selección: Se usa para seleccionar las diversas herramientas.
Texto: Permite insertar al diseño un texto.
Item práctico:
Dibujar una caricatura de la televisión que a usted más le guste. Realícelo con la mayor creatividad, si es posible píntelo utilizando cualquier material de color.
Item de preguntas simples:
1) Escriba una síntesis de las ventajas del programa Adobe Illustrator aplicado al diseño gráfico digital. Comentarios personales:
Este programa lo utilizamos para diseñar, folletos publicitarios, entre otras cosas necesarios en el campo del diseño grafic0.
2) Escriba el nombre de las áreas o ciencias que aplicaría el diseño gráfico digital
Computación, dibujo técnico, marketing.
3) Escriba el nombre de unas 4 herramientas que ha utilizado en el programa abobe Illustrator y explique su uso en el programa (es decir, breve descripción de como funciona cada herramienta):
Pluma: Se utiliza para realizar rectas o curvas.
Rectángulo: permite insertar en el diseño figuras geométricas ya realizadas.
Selección: Se usa para seleccionar las diversas herramientas.
Texto: Permite insertar al diseño un texto.
Item práctico:
Dibujar una caricatura de la televisión que a usted más le guste. Realícelo con la mayor creatividad, si es posible píntelo utilizando cualquier material de color.
Clase N°8
Tema: Herramienta pluma y la combinación de formas rectas y curvas
Objetivo: Completar la explicación del uso de la herramienta pluma creando formas curvas y rectas mediante un taller práctico para el dibujo y el diseño grafico digital.
Objetivo: Completar la explicación del uso de la herramienta pluma creando formas curvas y rectas mediante un taller práctico para el dibujo y el diseño grafico digital.
Suscribirse a:
Entradas (Atom)