Página Web
ELABORACION DE PAGINA WEB Deseamos crear una página web en la que vamos a plasmar nuestros intereses, como son: • • • • • • • • • • • • • • • • • • • • • • •
Música que os gusta Letras de canciones de vuestros grupos favoritos Lecturas que os gustan (libros, revistas, tebeos) Cine (Películas que habéis visto en el presente año y comentario de lo que os ha parecido) Videojuegos Deportes, equipos o personajes del deporte que son de vuestro interés. Animales preferidos Coches Amigos Escuela Compras, trapitos, complementos, tiendas que os gustan Chicas cual son los cualidades de los chicos que os gustan o que os molesta de los chicos. … Chicos lo mismo pero sobre las chicas Lugares de reunión con amigos, cuando salís en vuestro tiempo libre Juegos (sopas de letra, adivinanzas, enlaces a páginas online de juegos ….) Ídolos (actores, actrices, deportistas, cantantes …) Maquillaje y potingues Sueños, que os gustaría llegar a ser … Opiniones Encuestas Sexo, siempre explicado con educación y de forma civica Drogas (alcohol, porros ,….) Localidad, ¿qué echáis en falta? ¿cómo la mejoraríais?
¿Cómo lo haremos? Suponer que sois una empresa que os dedicáis a desarrollar este tipo de material, para lo cual primero os debéis reunir y sentar unas bases para que todo sea coherente. Haréis bocetos en papel de cómo diseñar cada una de las páginas de vuestra web para que todos os baséis en ellos. Elegiréis a una persona entre todos para que sea vuestro representante del grupo de cara a las profesoras y su función será la guardia y custodia de todo el proyecto, que guardará en cada sesión de clase en su propio pen-drive, además de Profesoras: Fuencisla y Paloma
Página 1
Página Web
encargarse del mantenimiento de nombre de index.html
esta primera página inicial que recibirá el
Si el proyecto fuese extraviado por esta persona, ello supondría un suspenso para todo el grupo. La página index.html, contendrá un menú en la parte izquierda y unas cuantas fotografías diseñadas por vosotros con gimp y que os represente como grupo. Dicha página la profesora os enseñará en una exposición conjunta como crearla.
¿Cómo creamos los menús en la página web? Las profesoras en la exposición conjunta os comentarán como diseñar la pagina web con la herramienta Kompozer para lo cual utilizaremos una tabla sin borde de tal forma que en cada una de sus celdas introduciremos distintas opciones del menú que servirán de enlace al resto de páginas de la web. El resto de alumnos que pueden ser ayudados por su representante se encargarán de desarrollar cada una de las páginas de las que consta vuestra web y que tratarán de los temas expuestos arriba. Cada una de estas páginas debe llevar en la parte inferior derecha el nombre de su AUTOR O AUTORES.
• • • • • • •
Para desarrollar la web utilizaremos: Navegadores: Firefox, Explorer, Safari… El kompozer como herramienta de diseño de páginas web. El Gimp para creación y manipulación de imágenes, si es necesario. El Windows Movie Maker para creación y manipulación de videos si lo creeis conveniente. El PowerPoint o Writer.org para creación y manipulación de presentaciones. Otros programas: Procesadores, Conversores de video, sonido … Y también utilizaremos los recursos WEB 2.0 con los que se trabaja actualmente por su sencillez, como, Youtube y Slideshare, Blogger, Wiki,etc…
Los alumnos previamente deben registrarse sin dar datos personales en las herramientas web propuestas por las profesoras y aprender a utilizarlas a través de los tutoriales que se les ha proporcionado en la web de Paloma y la teoría que os añadimos en esta página. Profesoras: Fuencisla y Paloma
Página 2
Página Web
Para ayudar al alumno, se ha diseñado un PowerPoint con código HTML que les ayudará a insertar de forma sencilla usando Kompozer aquellos elementos de la web que requieran un poco más de conocimientos. En el diseño de la web debéis tener en cuenta la siguiente organización de archivos: -
Todos los videos irán en una carpeta de video Todos las presentaciones irán en la carpeta presentación Todos las imágenes en la carpeta imagen Todos los documentos realizados con office, acrobat o compresores irán a la carpeta documentos a excepción de los PowerPoint Todos los archivos flash en la carpeta flash Todas las páginas a excepción de la página principal que recibe el nombre de index.html irán a la carpeta pagina El resto de carpetas que pueden ir dentro de estas os dejamos libertar para crearlas como creías conveniente.
Los recursos que utilicéis de repositorios propios de la WEB 2.0 no es necesario incluirlos en las carpetas anteriormente mencionadas.
En las sesiones iniciales las profesoras os introducirán en la Web 2.0 y os explicarán de forma conjunta como utilizar el Kompozer para la creación de esta web. El 11 de junio se recogerán de sus representantes las web de ambos grupos ya terminadas y las expondrán en la sala de profesores en un ordenador concreto donde los profesores votarán por aquella que les parezca mejor. En ningún caso se subirá a internet. El grupo que mejor evaluado será el grupo ganador y se les calificará con un 10 el proyecto. Al grupo perdedor se le dará una calificación menor, que dependerá de lo que hayan trabajado, pero que puede ser tan buena nota como los ganadores, aunque no la misma. A los integrantes de cada grupo se les calificará según el granito de participación en toda la web, que en un principio tiene que ser igual para todos , y que sería en el caso del grupo ganador un diez, pero que la experiencia nos dice que no es así, y unos alumnos trabajan más que otros. A las personas que no asisten regularmente a clase deberán presentarse obligatoriamente a un examen final con los contenidos que las profesoras les indique y esta nota les contará el 40%. Profesoras: Fuencisla y Paloma
Página 3
Página Web
Como en todas las evaluaciones sólo se les hará la media ponderada del examen (45%) y los trabajos (40%) si en ellos se ha obtenido al menos un 3, en caso contrario se deberán examinar en septiembre, de toda la materia del curso 2009/2010.
Recursos generales - Imágenes para una web: http://wwjuw.taringa.net/posts/downloads/3110727/Elementos-para-tu-web,foro-o-blog.html - Powerpoint En el powerpoint que encontráis en la página de Paloma podéis encontrar todo el código HTML que necesitáis para insertar videos, PowerPoint y sonido. -
Tutoriales WIKI : http://aprendoytrabajo.wikispaces.com/ Libro de texto Informática para 4º ESO de McGraw Hill
Un poco de teoría "El término
Web 2.0
se utiliza para referirse a una segunda
generación de Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomías (etiquetas). La Web 2.0 es un modelo conceptual que se fundamenta en la interacción de tres ideas básicas: • La Web como plataforma de trabajo: nuevos servicios que permiten realizar a cualquier usuario un gran número de tareas con aplicaciones y alojamiento en línea sin necesidad de instalar programas en un ordenador. • Generación dinámica e interactiva de contenidos: los usuarios no sólo generan contenidos en canales de información, también siguen, comentan los que otros crean y los clasifican con etiquetas. • Colaboración en redes sociales: se comparten espacios y surgen de forma espontánea comunidades virtuales con intereses comunes. Video explicativo de Web 2.0 (12.28 mn.) Profesoras: Fuencisla y Paloma
Página 4
Página Web
Algunas de las herramientas de la web 2.0 que podéis utilizar para incluir en vuestra propia página web a través de hipervínculos son las siguientes: •
• • • • • •
Repositorios sociales o sitios web donde se alojan, comparten, etiquetan y valoran materiales de diverso tipo, como Flickr, YouTube, Slideshare, ... Nuevos buscadores y aplicaciones en línea (Google y sus servicios). Aplicaciones de edición web en línea (blogs, wikis y podcasts). Suscripción de contenidos (agregadores RSS). Clasificación de recursos y contenidos favoritos: marcadores sociales. Plataformas de redes sociales, como Facebook, MySpace, Ning, … Nuevas aplicaciones para la Comunicación Mediada por Ordenador, como Meebo, Skype , Twitter o entornos virtuales multiusuario (Second Life).
Para que os hagáis una idea vamos a ver un ejemplo de las posibilidades que tenemos para insertar un video u otros recursos en vuestra página web : 1. A través de Kompozer (opción insertar HTML). (Ver Powerpoint) 2. Si el video es vuestro podéis colgarlo en internet usando los recursos Web 2.0. y después podéis utilizar el código que este recurso os proporciona para insertarlo en vuestra página con la opción anterior del Komposer insertar HTML. 3. De igual manera podéis utilizar recursos no vuestros colgados en estos repositorios. 4. Si el video está colgado en internet y no os proporcionan este código también podéis acceder a ese enlace con hipervínculos.
Para usar los recursos de los repositorios WEB recordar que es necesario previamente registrarse.
Profesoras: Fuencisla y Paloma
Página 5
Página Web
Recursos Web 2.0 Aquí os dejamos una colección de alguno de los recursos de la web 2.0 que podeis utilizar en vuestra página web • • • • • • • • • •
• • • • • • •
•
Imágenes: Flickr, Ipernity, Photobucket Spell with Flickr (aplicación de Flickr para escribir palabras utilizando imagenes de letras) Vídeo: YouTube, Teacher Tube, SchoolTube Audio: Odeo, Podomatic Presentaciones: Slideshare, Authorstream Documentos: Scribd, Issuu Noticias: Digg, Meneame Comics: Toondoo, Comiqs Lugares: Tagzania, Panoramio Deseos: 43Things Blogs: Blogger, Wordpress Wikis: Wikispaces Redes sociales como Facebook, Tuenti, Myspace , Open social, Ning Google Earth Youcube (permite poner fotos subidas por vosotros en un cubo que se mueve en 3D) Wordle (permite transformar cualquier texto en una nube de palabras) Avatares: o http://www.pekegifs.com/creatusavatares.htm o http://www.simpsonsmovie.com/ o http://messenger.com.es/crea-un-avatar-de-pocoyopocoyizate_2587 o http://trikinhuelas.com/archivos/2007/10/05/crea-tu-avatar-enlego/ Gif animados
WEB donde sacar ideas, realizadas por alumnos como vosotros http://www.colegiorosales.es/webalumnos/bac/leebdvotaciones_4eso_2010.asp http://centros.edu.xunta.es/iesaslagoas/webantiga/web_eso4_07/Index.html
SUERTE y que ganen los más TRABAJADORES Profesoras: Fuencisla y Paloma
Página 6