L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
Tasques
2 - Realitzar una planaWEB per reportage 1 - Preparar continguts Descoberta Reportatge 1 Reportatge2 Reportatge .... • Documents (Word...)
• Imatges (fotos, escanner...)
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Retocar
Retocar
imatges
imatges
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
• Menú “Imagen -Recortar selección”
Retallar imatges
• Utilitzar l’eina“Retallar” per triar el fragment
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
• Nova mida (fins 284 pix.)
Redimensionar imatges
• Ampliar color a 16 mill. (Menú “Colores - Aumentar...- 16 mill.”) • Menú “Imagen - canviar tamaño”
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Girar imatges
• Ampliar color a 16 mill. (Menú “Colores - Aumentar...- 16 mill.”) • Menú “Imagen - rotar”
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
• Obrir “opciones”
Reduir mida fitxer imatges
• Menú “Archivo-guardar como...” • Dibuix : Triar format de fitxer “gif” • Fotos: Triar format de fitxer “jpeg” i configurar:
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Edici
Edici
ó
ó
de
de
p
p
à
à
gines
gines
WEB
WEB
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Editar pàgina “html “ amb Dreamweaver : Text i
imatge
Pàgina “html” = llista d’instrucions (text)
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
Informació i material
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
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”
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
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” )
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
Crear un lloc WEB (“sitio”) III
•Finalment, aceptar...L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
Obrir el lloc WEB “sitio”
•A partir d’aquest moment, podrem obrir el “sitio” per treballar amb els fitxers
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
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 fitxersWord (Avaluació)
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
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ó)
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
Joc d’icones de temes (5 parelles)
Pàgina activa
Serveis Educatius de l’Anoia
Enllaç actiu
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
-
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”)
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
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ó
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Editar una pàgina (0)
Prèvia: Abans de començar a editar una pàgina
Canviar el títol !!
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Editar una pàgina I
Canviar rètols i icones // Esborrar el que sobra
Segons la planificació
Igual a totes
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
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!!
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Editar una pàgina III
Finestra “estilos CSS” per formatar el text
(S’obre amb el menú “Ventana - Estilos CSS”)
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Editar una pàgina V
Finestra “propiedades” imatge
(S’obre amb el menú “Ventana - Propiedades”)
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
• 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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Repassar / Crear / Modificar enllaços (“Vínculos”)
• Remarcar text o imatge vinculada i observar lainformació 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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Com quedarà ? Funciona?
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Plana Municipi
• No oblidar preparar la plana municipi (si cal)
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
Trametre el treball
• CD-Rom• Internet (Comprimir i adjuntar) Enllaç • Ajut i Bibliografia: Web del CRP
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatges reportatges de les de les escolesescolesde de ll’’AnoiaAnoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
Serveis Educatius de l’Anoia
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
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatgesde les de les escolesescolesde de ll’’AnoiaAnoia
Esquema d’enllaços
El riu
El pont El Castellet
L
L
’
’
Anoia +
Anoia +
guapa
guapa
Web de
Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia