Introducció

Sensibilitzats pel ràpid desenvolupament dels serveis telemàtics basats en Internet, s'han posat en marxa cursos de reciclatge per tal de que la major part dels professors interessats tinguessin nocions bàsiques suficients per usar els serveis que Internet posa al nostre abast: web, correu electrònic i chat.

Fins ara hem sigut consumidors dels continguts web que han fet d'altres, però amb molt poc esforç, des de l'Escola, podríem aprendre a convertir-nos en productors de continguts web.

Exemples del que podríem fer a través de serveis d'Internet:

• publicar els treballs fets pels alumnes en un crèdit per a que siguin vistos per tothom, des de qualsevol lloc.

• publicar una revista escolar d'alumnes sense cost de paper o reduint-lo considerablement.

• publicar una part de la guia de l'alumne a Internet.

• publicar programes de matèries o materials d'alumne per a que aquests els consultin (pràctiques, exàmens d'anys anteriors).

• publicar documents que ens interessa que siguin consultats per pares o professors lliurement.

• publicar treballs de recerca o preparar treballs especialment adreçats a l'entorn web.

• crear i mantenir un espai web de l'Escola, col·laborant en un equip de treball o impulsant el treball d'alumnes en aquest entorn.

• us comprensiu de materials basats en web dissenyats per altres.

• usar l'entorn web per a crear i executar programes simples amb JavaScript.

• oferir formularis als usuaris per tal de coneixer la seva opinió o que puguin fer reserves o consultes dirigies.

• gestionar bases de dades amb notes, noticies o informacions d'agenda.

En molts casos portar a terme totes aquestes "publicacions" requeriria molt poc esforç més del que ja fem ara, donat que en general totes aquests documents ja els "piquem" a l'ordinador, però els redireccionem a paper... ara us proposem que aprenguem a redireccionar-les a la web...

D'altra banda sentim vertigen quan mirant la ràpida evolució del mercat dels sistemes i les aplicacions informàtiques: ens adonem que aquestes canvien i es revolucionen a una velocitat tal que fa impossible l'esforç de conèixer i usar el programari de darrera generació. A més, aquestes eines solen ser molt cares per a les possibilitats reals de les escoles.

Això ens fa tocar de peus a terra i assumir que els recursos de l'escola solen ser molt limitats, tant pel que fa a maquinari com a programari. Per tant, cal aprendre a usar sistemes i eines relativament modestos, però les possibilitats dels quals solen ser suficients per mantenir espais web dignes, gràficament atractius i rics de continguts.

El curs de reciclatge que ara us proposa el Col·legi de Llicenciats tracta del disseny, edició i publicació d'espais web escolars creats amb eines informàtiques bàsiques i la introducció a les eines de desenvolupament web de Macromedia.

Aquest curset estaria especialment adreçat a professors ja usuaris dels recursos d'Internet que volen aprofundir en la seva formació i assumir les noves possibilitats didàctiques d'Internet alhora que es coneixen nous entorns de desenvolupament.

Calendari i horari

El curs presencial consta de 30 hores, en sessions de 3 hores.

A internet hi ha disponibles unitats didàctiques per tal de orientar i completar el curs presencial.

1. Conèixer els recursos web que poden ser creats fàcilment per usuaris no tècnics.

2. Assumir els conceptes bàsics de treball en web: clients i servidors, multimèdia, interactivitat i hipertext.

3. Aprendre el procés de creació d'una web: disseny, edició i publicació dels continguts.

4. Conèixer servidors d'espai web.

5. Analitzar tipus de planes web existents

6. Conèixer els media bàsics que formen part de les planes web

7. Conèixer i utilitzar els programes que permeten editar els media que formaran part de la web

8. Analitzar els diferents tipus d'editors de planes web: simples (Word, Front Page Express, Compose) o professionals (DreamWeaver, Front Page, Flash).

9. Revisar el codi HTML de documents web.

10. Revisar el funcionament de Power Point com a editor de continguts web.

11. Usar el programa WsFTP per tal de publicar les planes web creades.

12. Saber com es pot donar d'alta una plana web als índex de recerca més utilitzats.

13. Conèixer i iniciar-se en l'ús de les eines de desenvolupament web de Macromedia, especialment Dreamweaver.

1. Internet i web. Conceptes bàsics
1. Servidors i clients web
2. Possibilitats que ofereix l'entorn web
1. Hipertext
2. Interacció
3. Multimèdia
3. Facilitats de producció, publicació i difusió.
4. El procés de creació d'una plana web
1. Idea
2. Planificació i esquematització de la plana web.
3. Creació / Edició dels media
4. Composició del la plana web
5. Edició i comprovació dels hiperenllaços locals i remots
6. Publicació al servidor.
7. Revisió i posta a punt.
8. Política de millora i manteniment.

 

2. Models de planes web i tipus de mèdia normalment utilitzats.
1. Planes simples amb enllaços interns
2. Planes simples amb enllaços externs, taules i elements multimèdia
3. Planes amb marcs i elements interactius

 

3. Els programes d'edició d'imatges estàtiques i animades
1. Les imatges fixes.
2. Un programa de retoc fotogràfic: Paint Shop Pro.
3. Practiques amb imatges fotogràfiques.
4. Les animacions.
5. Pràctiques amb eines de creació de gifs animats.
6. Captura d'imatges amb escanner.
7. La fotografia digital

 

4. Editors de planes web i eines auxiliars
1. Word i altres editors d'ús generalitzat.
2. FrontPage...
3. MapMaker

 

5. Proveidors remots d'espai web. Publicació de continguts web.
1. PIE
2. Geocities
3. Telepolis
4. Intranets
5. Publicació amb WS_FTP

 

6. Projecte 1. Creació i publicació d'una plana web senzilla amb taules i enllaços interiors i exteriors a partir de documents pre-existents. Publicació de les practiques o els problemes del crèdit
1. Editor Word
2. Sol·licitud de l'espai web gratuït
3. Recopilació de material (usarem material comú disponible a la unitat didàctica)
4. Preparació de l'estructura de la web: format de document llarg amb enllaços interiors i varios documents que es criden l'un a l'altre.
5. Incorporació dels marcadors interns.
6. Creació de l'índex amb enllaços als marcadors interns i externs.
7. Enllaç amb planes externes que facin referència al tema de les pràctiques.
8. Publicació de la plana a l'espai web concedit pel servidor extern.

 

7. Projecte 2. Creació i publicació d'una plana amb mapes d'imatges interactius. Inclusió de documents en format .pdf: Una lliçó de Tecnologia: el procés de construcció d'un habitatge.
1. Editor Word.
2. Disponibilitat de l'espai web gratuït
3. Recopilació de material (usarem material comú disponible a la unitat didàctica).
4. Disseny de l'estructura de continguts.
5. Creació de la plana bàsica amb els enllaços interns predefinits.
6. Creació dels mapes d'imatges amb Word. Les zones calentes del mapa han d'apuntar als enllaços interns predefinits de la plana web.
7. Creació de documents .pdf i enllaç a la web.
8. Publicació de la plana a l'espai web concedit pel servidor extern.

 

8. Projecte 3. Creació i publicació d'una plana amb formularis amb destí de correu electrònic. Transmissió de consultes al professor (ampliació del projecte 2).
1. Editor Word.
2. Disponibilitat de l'espai web gratuït
3. Planificació de l'ampliació del projecte 2
4. Desenvolupament dels formularis i revisió de les formes de transmissió de la informació.
5. Publicació de la plana a l'espai web concedit pel servidor extern ampliant el projecte 2.
9. Projecte 4. Conversió d'una presentació creada amb Power Point a plana web.
1. Editor Power Point.
2. Realització d'una presentació amb interaccions simples per ser vista en mode local.
3. Conversió a pàgina web de la presentació Power Point.
4. Observació i compresió de l'estructura de directoris generada automàticament per Power Point.
5. Publicació al servidor web extern.
10. Introducció a les eines de desenvolupament web de Macromedia
1. Flash
2. Fireworks
3. Dreamweaver
   1. L'entorn de treball de Dreamweaver
   2. Creació d'un espai web simple (refer el projecte 1 amb el nou entorn de desenvolupament)
4. Ús combinat de les diverses eines de Macromedia



 



 

Bibliografia

• Cañizares, C., Creación de páginas Web con Office 97. Colección Guias Pràcticas. Editorial Anaya Multimedia. Madrid, 1999.

• Young, M.J., La bliblia de la edición de paginas web con Office 97. Colección informàtica personal-profesional. Editorial Anaya Multimedia. Madrid, 1998.

• Yebes, E., Guia visual de Creación de Páginas Web con FrontPage Express. Colección guias visuales. Editorial Anaya Multimedia. Madrid, 1998.

• González, J., Gaudioso, E., Aprender y formar en Internet. Ed. Paraninfo. Madrid, 2000.

• Alarcon, J.M., Programación en JavaScript, Colección Guias Pràcticas. Editorial Anaya Multimedia. Madrid, 1999.

• Pardo, Miguel, Guia visual de Creación de páginas Web. Edición 2003.. Editorial Anaya Multimedia. Madrid, 2002.

• Davis, J., Merritt, S., Diseño de páginas web. Editorial Anaya Multimedia. Madrid, 1999.

• Kristof, R., Satran, A., Diseño interactivo. Editorial Anaya Multimedia. Madrid, 1998.

• Varios autors, Galeria 2002 de diseño web. Ediciones InforBook's. Barcelona, 2002.

• Pring, R., www.tipografia. Ed. Gustavo Gili, Barcelona, 2000.

• Peña, O., Dreamweaver MX. Editorial Anaya Multimedia. Madrid, 2002.

• Hernández, C., Flash 5. Editorial Anaya Multimedia. Madrid, 2002.

 



 



 

Weberia

Recull de webs educatius del món: www.xtec.es/recursos/websmon/

Eines per a l'orientació de l'estudiant: www.xtec.es/orienta/

Orientacions per a la creació de planes web: www.xtec.es/infotec/orienta/

Guia per a la creació de pàgines web: www.xtec.es/infotec/guiaht/

"Curso de Internet": www.educared.net/frames/formacion/home800.html

"Aprende con Internet", proposa d'usos educatius dels recursos web: www.educared.net/aprende/

Guia HTML: www.wmaestro.com

Per baixar programes: www.download.com, www.tucows.com o tucows.ua.es

Per fer recerca d'informació a Internet: www.google.com