L Anoia + guapa. Serveis Educatius de l Anoia

(1)

L

’

Anoia +

_{Anoia +}

guapa

_guapa

Web de

Web de reportatgesreportatges de les de les escolesescoles de de ll’’_Anoia_Anoia

(2)

L

’

Anoia +

guapa

Web de

Web de reportatgesreportatgesde les de les escolesescolesde de ll’’Anoia_Anoia

Tasques

_{2 - Realitzar una plana}

WEB per reportage 1 - Preparar continguts Descoberta Reportatge 1 Reportatge₂ Reportatge .... • Documents (Word...)

• Imatges (fotos, escanner...)

(3)

L

’

Anoia +

_{Anoia +}

guapa

_guapa

Web de

Retocar

imatges

(4)

L

’

Anoia +

guapa

Web de

Web de reportatges reportatges de les de les escolesescolesde de ll’’Anoia_Anoia

• Menú “Imagen -Recortar selección”

Retallar imatges

• Utilitzar l’eina

“Retallar” per triar el fragment

(5)

L

’

Anoia +

guapa

Web de

• Nova mida (fins 284 pix.)

Redimensionar imatges

• Ampliar color a 16 mill. (Menú “Colores - Aumentar...- 16 mill.”) • Menú “Imagen - canviar tamaño”

(6)

L

’

Anoia +

guapa

Web de

Girar imatges

• Ampliar color a 16 mill. (Menú “Colores - Aumentar...- 16 mill.”) • Menú “Imagen - rotar”

(7)

L

’

Anoia +

guapa

Web de

• Obrir “opciones”

Reduir mida fitxer imatges

• Menú “Archivo-guardar como...” • Dibuix : Triar format de fitxer “gif” • Fotos: Triar format de fitxer “jpeg” i configurar:

(8)

L

’

Anoia +

_{Anoia +}

guapa

_guapa

Web de

Edici

ó

de

p

à

gines

WEB

(9)

L

’

Anoia +

guapa

Web de

Editar pàgina “html “ amb Dreamweaver : Text i

imatge

Pàgina “html” = llista d’instrucions (text)

(10)

L

’

Anoia +

guapa

Web de

Informació i material

(11)

L

’

Anoia +

guapa

Web de

Aspectes a remarcar - I

•En els noms dels fitxers que han d’anar a la WEB, mai utilitzar signes ortogràfics, espais, guions i altres caràcters

(12)

L

’

Anoia +

guapa

Web de

Aspectes a remarcar - II

•Abans d’editar els fitxers “html”de la Web, preparar tots els fitxers d’imatges (amb el Paint Shop Pro) i desar-los a la carpeta “imatges” que trobareu a dins de la carpeta nomescola

carpet

a nom

(13)

L

’

Anoia +

guapa

Web de

Obtenir fitxers per preparar la Web

* En Windows XP: No cal descomprimir !! •Obrir webrep.zip

•Copiar la carpeta webrep •Eganxarla al lloc desitjat •Fer el canvi de nom

•Descarregat i descomprimit * el fitxer webrep.zip

canviar el nom de la carpeta: _{Vuit primeres lletres del nom del centre,}

sense genèrics (CEIP, Escola...)

nomescola

(14)

L

’

Anoia +

guapa

Web de

Abans de començar: Llapis i paper per planificar títols

de reportatges noms de fitxer i enllaços (“vinculos”)

Serveis Educatius de l’Anoia

Mapa d’enllaços preparars de la carpeta “webrep”

(15)

L

’

Anoia +

guapa

Web de

Crear un lloc WEB (“sitio”) I

•Obrir el DW menú “sitio” i “sitio nuevo...”

•Crear-ne un, posar el nom de la carpeta que hem renomenat a “nombre del sitio” (exemple: “nomescola” )

(16)

L

’

Anoia +

guapa

Web de

Crear un lloc WEB (“sitio”) II

•A partir de la icona cercar al vostre ordinador la carpeta que hem renomenat (exemple: “nomescola” )

•Quan l’heu localitzada, deixar-la a “Seleccionar” i clicar el botó del mateix nom

(17)

L

’

Anoia +

guapa

Web de

Crear un lloc WEB (“sitio”) III

•Finalment, aceptar...

(18)

L

’

Anoia +

guapa

Web de

Obrir el lloc WEB “sitio”

•A partir d’aquest moment, podrem obrir el “sitio” per treballar amb els fitxers

(19)

L

’

Anoia +

guapa

Web de

Esquema contingut carpeta “websimul”

Fitxers model de pàgines de municipi i reportatges

On desar les vostres imatges Icones

de temes

Estils

(Fitxer de sistema) - No tocar

Camí del vostre

lloc Web On desar els fitxers_{Word (Avaluació)}

(20)

L

’

Anoia +

guapa

Web de

Ampliació esquema carpeta “websimul”

Fitxers model de pàgines de municipi i reportatges

On desar les vostres imatges Icones de temes

Dues parelles: Pàgina activa o enllaç

Icones compartides (Fitxer de sistema) - No tocar

Model dels fitxers Word (Avaluació)

(21)

L

’

Anoia +

guapa

Web de

Joc d’icones de temes (5 parelles)

Pàgina activa

Enllaç actiu

(22)

L

’

Anoia +

guapa

Web de

-

Aspecte general de l’editor Dreamweaver:

Obrir el programa, i anar a menú “Sitio -Abrir sitio”-“nomescola“ i clicar a plana “Títol 1” per obrir aquesta finestra:

Estilos

(Menú “Ventana”)

Propiedades (Menú “Ventana”)

(23)

L

’

Anoia +

guapa

Web de

Estructura elements pàgina reportatge

Zona d’Identificació Menú de navegació: Enllaços a d’altres reportages municipi Enllaç a portada municipi Títol de la Plana: Títol reportage Icona pàgina activa Títol del reportage Zona de reportage Enllaç a l’índex general (no funciona) Enllaç a la fitxa d’avaluació

(24)

L

’

Anoia +

guapa

Web de

Editar una pàgina (0)

Prèvia: Abans de començar a editar una pàgina

Canviar el títol !!

(25)

L

’

Anoia +

guapa

Web de

Editar una pàgina I

Canviar rètols i icones // Esborrar el que sobra

Segons la planificació

Igual a totes

(26)

L

’

Anoia +

guapa

Web de

Editar una pàgina II

Inserir text a una casella de la

taula

• Copiar el text des de Word (Marcar text, edició i copiar)

• Anar amb el cursor al punt adequat (no esborrar el text de mostra per evitar perdre el format)

• Enganxar el text i esborrar el fragment de mostra

• Important: Posar sempre el text a la casella del costat de la seva imatge!!

(27)

L

’

Anoia +

guapa

Web de

Editar una pàgina III

Finestra “estilos CSS” per formatar el text

(S’obre amb el menú “Ventana - Estilos CSS”)

(28)

L

’

Anoia +

guapa

Web de

Editar una pàgina IV

Inserir imatge una fila de la taula

• Assegurar-se que la imatge està desada a la carpeta “imatges” • Esborra la imatge de mostra (si cal) i posar el cursor al lloc

adequat

• Utilitzar les eines del menú Dreamweaver “Insertar - imagen”

• Posar / Esborrar peu d’imatge

(29)

L

’

Anoia +

guapa

Web de

Editar una pàgina V

Finestra “propiedades” imatge

(S’obre amb el menú “Ventana - Propiedades”)

(30)

L

’

Anoia +

guapa

Web de

• Situar-se a la darrera casella de la taula.

• Menú “Modificar - Taula -Insertar files o columnes”

Necessito més files a la part inferior per posar

més imatges!!

• Important: Posar una sola imatge a cada fila !! Serveis Educatius de l’Anoia

(31)

L

’

Anoia +

guapa

Web de

Repassar / Crear / Modificar enllaços (“Vínculos”)

• Remarcar text o imatge vinculada i observar la

informació del “vinculo” al quadre “propiedades”

• Per crear/modificar un vincle, utilitzar la icona de la carpeta per obrir un quadre de navegació i triar el

fitxer adient

(32)

L

’

Anoia +

guapa

Web de

Com quedarà ? Funciona?

(33)

L

’

Anoia +

guapa

Web de

Duplicar plana

• Anar a la finestra “sitio”

• Remarcar el fitxer d’una plana, ex: “titol1.htm” • Copiar - enganxar

• Canviar nom

• Rectificar enllaços

Copiar i enganxar

(34)

L

’

Anoia +

guapa

Web de

Plana Municipi

• No oblidar preparar la plana municipi (si cal)

(35)

L

’

Anoia +

guapa

Web de

Trametre el treball

• CD-Rom

• Internet (Comprimir i adjuntar) Enllaç • Ajut i Bibliografia: Web del CRP

(36)

L

’

Anoia +

_{Anoia +}

guapa

_guapa

Web de

(37)

L

’

Anoia +

guapa

Web de

Calendari

• Comunicació dels continguts: Fins el 17-12-2004, trucant o enviat un correu-e al CRP (Informar de tema i títol)

• Seguiment: Servei de consultoria i sessió explicativa • Termini lliurament: Abans de vacances de Setmana

Santa

• Publicació de la WEB: Tercer trimestre

• Presentació: S’organitzarà un acte adreçat a tota la comunitat educativa

(38)

L

’

Anoia +

guapa

Web de

Poblacions amb més d’una escola

• Acord sobre reportatges

• Una sola portada de municipi amb enllaç als reportatges, agrupats per temes

Igualada

• Centralitzar la informació al CRP

• Portada única del municipi, com l’anterior Serveis Educatius de l’Anoia

(39)

L

’

Anoia +

guapa

Web de

Temes.

• Geografia (accidents geogràfics, rius...) • Economia (indústria, comerç...)

• Cultura (arquitectura, tradicions, indrets interessants per visitar...)

• Urbanisme (parcs, carrers, places...)

• Curiositats (personatges singulars, anècdotes...)

Fitxa d’avaluació en cada reportatge

(40)

L

’

Anoia +

guapa

Web de

1 – Elaborar continguts escrits i desar-los en documents de text

3 – Descarregar el model de web (fitxer webrep.zip) , descomprimir- lo i canviar el nom de la carpeta

6 – Després de comprovar que tot és correcte (continguts, textos, enllaços i imatges) trametre tot el conjunt al CRP de l’Anoia, abans de Setmana

Santa.

2 – Preparar les imatges corresponents, adequant, mides , tamanys de fitxers i noms de fitxer (tot minúscules)

4 – Desar les imatges preparades a la carpeta “Imatges” que trobareu a dins de l’estructura de la web descarregada