La pàgina web

1. La pàgina web Què és una pàgina web i com es pot fer?

2. Què passa quan a través d’un navegador es clica una adreça web? http://www.xtec.cat/crp-segria index.htm INTERNET Ordinador de casa servidor

3. Què és doncs una pàgina web? Fitxers htm carpetes Fitxers d’imatges, sons, vídeos...

4. Amb quin programa podem fer una pàgina web? Adreces interessants (manuals i orientacions) Com publicar la pàgina al servidor (passos per configurar el dreamweaver) Curs d’iniciació a l’edició de pàgines web D72 Curs d’aprofundiment d’edició de pàgines web D98

5. La pàgina web del centre... Com la volem? Idees a tenir presents: Per a què volem que serveixi? Quina és la informació rellevant que volem mostrar? Com presentar aquesta informació rellevant?: textos, imatges, sons... Estructura. Quina ha de ser? Com organitzarem aquesta informació a la nostra carpeta de la web? Per a què volem que serveixi? Per a mostrar com és el centre: espais, personal, reglaments... Per a explicar què s'hi fa: mostra d’activitats del centre Per a mostrar com és i què s’hi fa: tot junt Perquè els professors/es expliquin què fan Perquè els professors/es i els alumnes expliquin què fan ... Perquè els professors/es, els alumnes i els pares i mares expliquin què fan ---

6. La pàgina web del centre... Com la volem? Idees a tenir presents: Per a què volem que serveixi? Quina és la informació rellevant que volem mostrar? Com presentar aquesta informació rellevant?: textos, imatges, sons... Estructura. Quina ha de ser? Com organitzarem aquesta informació a la nostra carpeta de la web? Quina és la informació rellevant que volem mostrar? • - L’ideari del centre • - Els seus espais i serveis • - El què s’hi fa: calendari d’activitats, agendes... • - Les activitats al centre: descripció de cada una... • Activitats que es proposen per als alumnes ... • Espais de participació: enllaços a blocs... • ---

7. La pàgina web del centre... Com la volem? Idees a tenir presents: Per a què volem que serveixi? Quina és la informació rellevant que volem mostrar? Com presentar aquesta informació rellevant?: textos, imatges, sons... Estructura. Quina ha de ser? Com organitzarem aquesta informació a la nostra carpeta de la web? Com presentar aquesta informació rellevant?: textos, imatges, sons... • Presentació. Qüestions estètiques: • Text dominant • Imatges dominants • Importància de la distribució de la informació a la pàgina: fons, informació per pantalla... • - Importància dels enllaços • - La uniformitat... • ---

8. La pàgina web del centre... Com la volem? Estructura. Quina ha de ser? Index. htm Index. htm a. htm b.htm a. htm a1. htm a2. htm a3. htm b. htm b1. htm b2. htm b3. htm c.htm d.htm e.htm f.htm c. htm c1. htm c2. htm c3. htm f.htm f.htm f.htm f.htm f.htm d. htm d1. htm d2. htm d3. htm

9. La pàgina web del centre... Com la volem? Com organitzarem aquesta informació a la nostra carpeta de la web? Un únic i clar criteri organitzatiu inicial... Que permeti trobar qualsevol fitxer amb rapidesa Cada tema una carpeta. Jerarquització visual... Carpetes específiques per a les imatges, els fitxers pdf, doc, fitxers de so....

10. La pàgina web del centre... Com la volem? Exemples de webs a “observar” per anar fent-nos idea d’allò que voldríem o no voldríem que fos el nostre web: CEIP Àngel Guimerà Escola Estel Vallseca CEIP Pràctiques II CEIP d’Alfés ZER SIO IES Joan Oró IES Saumel Gili i Gaia IES Manuel de Pedrolo IES Alfons Costafreda CEIP Sant Miquel

11. La pàgina web del centre... El que ens està venint Les webs dinàmiques: crear un entorn dinàmic reclama molt d'esforç o un coneixement precís. Espai PHP del Departament: el “phobos” • Pàgines web dinàmiques (projecte Intraweb): per al maneig de continguts dinàmics, es poden utilitzar alguns dels CMS (content management system) lliures que es troben amb facilitat: Joomla, Drupal... • Pàgines amb entorns exclusivament educatius (cursos, formació..): Moodle • Bitàcores de centre o personals per publicar-hi continguts o reflexions: Blogger (2) (el Departament farà una jornada tècnica deWordPress)