La pgina web Qu s una pgina web
La pàgina web Què és una pàgina web i com es pot fer?
Què passa quan a través d’un navegador es clica una adreça web? index. htm INTERNET servidor Ordinador de casa http: //www. xtec. cat/crp-segria
Què és doncs una pàgina web? Fitxers htm carpetes Fitxers d’imatges, sons, vídeos. . .
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 D 72 Curs d’aprofundiment d’edició de pàgines web D 98
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 ---
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. . . ---
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. . . ---
La pàgina web del centre. . . Com la volem? Estructura. Quina ha de ser? Index. htm a. htm c. htm f. htm b. htm d. htm f. htm e. htm f. htm a 1. htm a 2. htm a 3. htm b 1. htm b 2. htm b 3. htm c 1. htm c 2. htm c 3. htm d 1. htm d 2. htm d 3. htm f. htm
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. .
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
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 de Word. Press)
- Slides: 11