La pàgina web

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

http://www.xtec.cat/crp-segria

Què passa quan a través d’un navegador es clica una adreça web?

index.htm

servidorOrdinador de casa

INTERNET

Què és doncs una pàgina web?

carpetes

Fitxers htm

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 D72

Curs d’aprofundiment d’edició de pàgines web D98

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 juntPerquè els professors/es expliquin què fanPerquè 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

b.htm

Index. htm

a. htm

f.htme.htmd.htmc.htm

f.htmf.htmf.htm f.htm f.htm

a. htm

b. htm

c. htm

d. htm

a1. htm a2. htm a3. htm

b1. htm b2. htm b3. htm

c1. htm c2. htm c3. htm

d1. htm d2. htm d3. htm

La pàgina web del centre... Com la volem?

Com organitzarem aquesta informació a la nostra carpeta de la web?

Cada tema una carpeta. Jerarquització visual...

Carpetes específiques per a les imatges, els fitxers pdf, doc, fitxers de so....

Un únic i clar criteri organitzatiu inicial... Que permeti trobar qualsevol fitxer amb rapidesa

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 IICEIP d’Alfés

ZER SIOIES Joan Oró

IES Saumel Gili i GaiaIES Manuel de PedroloIES 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.

•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 WordPress)

Espai PHP del Departament: el “phobos”