Actividad - Diseño Páginas Web

[Nota: Las fotos las puedes encontrar en la carpeta Público>Curso Retoque Básico]

1.- Descarga e instala el programa Photoscape, es gratuito, muy sencillo y permite realizar retoque fotográfico básico.

2.- A partir de la foto1 (carpeta Recursos1) realiza las siguientes acciones:
2.1. Ponla en sepia
2.2. Ponle un marco
2.3. Guardalá como sepia(tu nombre)

3.- A partir de la foto2 (carpeta Recursos1) realiza las siguientes acciones:
3.1. Ponla a un tamaño de ancho 800 pixeles
3.2. Ponle un perfilado de 10
3.3. Ponle un filtro de foto antigua de 5
3.4. Guarda la foto como antigua (tu nombre)

4.- A partir de la foto3 (carpeta Recursos1) realiza las siguientes acciones:
4.1. Trocealá en 2x2
4.2. Comprueba la salida

5.- A partir de 3 fotos (carpeta GIF) haz un gif animado. Antes de usarlas en la animación redúcelas a 800 píxeles. Lo guardas como animacion(tu nombre)

6.- Manda todos los archivos comprimidos a la dirección actividadguadalinfo@gmail.com . Pon tu nombre

ACTIVIDAD 1 - CURSO DE DISEÑO DE PÁGINAS WEB

1.- Crea una carpeta dentro de tu carpeta personal que se llame "Sitios Web". Dentro de esta crea otra que se llame "Frutas de Atarfe". Y dentro una carpeta que se llame "Imagenes"
2.- Crear un Sitio con el nombre "Frutas Atarfe", en la carpeta que creaste en el apartado anterior con el mismo nombre
3.- Crea una nueva página que se llame "index.html"
FRUTAS DE ATARFE (en grande, negrita, centrada y de color marrón oscuro)
Fondo de la página color crema
4.- Busca una imagen sobre frutas, otra de un kiwi, otra de una naranja y otra de un limón y las guardas dentro de la carpeta Imagenes (que sean png). Renombra los archivos como frutas, naranja y limon
5.- Inserta la imagen de las frutas
6.- Crea un nuevo archivo que se llame "productos.html"
7.- En este archivo pon un título, "PRODUCTOS DE LA HUERTA" en grande y del mismo color que el título de la paginas index
8.- Pon una lista numerada con 7 frutas distintas
9.- Inserta la imagen de la naranja
10.- Crea un nuevo archivo que se llame "quienes.html"
11.- En este archivo pon un título, "¿QUIENES SOMOS?" en grande y del mismo color que el título de la paginas index
12.- Pon una lista de viñetas con el nombre de todos tus compañeros
13.- Inserta la imagen del limón
14.- Crea un nuevo archivo que se llame "enlaces.html"
15.- En este archivo pon un título, "ENLACES INTERESANTES" en grande y del mismo color que el título de la paginas index
16.- Pon una lista de viñetas con tres enlaces a páginas de supermercados (Alcampo, El Corte Ingles y Carrefour). Y que se abran en una nueva ventana
17.- Inserta la imagen del kiwi
18.- Crea una lista de viñetas en la página index.html:
- Productos
- ¿Quienes Somos?
- Enlaces Intresantes
que se abran en la misma ventana.
19.- Inserta en cada página un enlace a la páginas principal "Volver"
20.- Introduce unas migas en cada página:
Ej. --> inicio>Productos , pinchando en inicio tiene que volver a la página principal

CURSO DISEÑO DE PÁGINAS WEB

Fecha de Inicio: 7 de Febrero de 2011

Fecha de Fin: 30 de Marzo de 2011

Horario: 18:00-20:00






Contenidos:

1.- Introducción al Diseño Web

2.- Kompozer. Aspectos Básicos

3.- Kompozer. Diseño avanzado

4.- Publicar una página web



Material

1.- http://www.jesusda.com/docs/ebooks/ebook_disenno-web-con-kompozer.pdf (97 paginas)
Excelente manual que es el que se seguirá en mayor medida.

2.- http://www.lasticenelaula.es/blog/kompozer/manual/modulo01.pdf (en 5 módulos, sustituir la dirección anterior, cambiando modulo01.pdf por modulo02.pdf hasta 05)

3.- http://osl.ugr.es/descargas/campus-sl/Kompozer.pdf Manual para programadores de la Universidad de Granada (10 folios)

4.- http://www.desarrolloweb.com/manuales/47/ Un completo manual online sobre el diseño gráfico y en particular sobre el diseño web dividido en 52 capítulos

5.- http://www.carlospes.com/curso_web_20/ Curso de Carlos Pes sobre Creación de Blog, Diseño de páginas web,...

6.- http://www.aulaclic.es/paginas-web/index.htm Curso online sobre el diseño de páginas web

7.- http://webastica.com/ Blog sobre diseño

8.- http://www.cofregrafico.com/ Blog sobre diseño gráfico

9.- http://www.dzoom.org.es Blog sobre fotografía

10.- http://www.sxc.hu/ Banco de imágenes gratuitas con muy buena resolución

11.- http://www.jamendo.com/es/ Música libre gratuita

12.- KOMPOZER Sitio oficial para descargar el programa

13.- GIMP Potente programa para editar fotos y cualquier imagen (muy parecido al Photoshop). Es gratuito

14.-Format Factory Programa para cambiar tipos de formatos de audio e imagen. Gratuito.