LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Tasques 2 - Realitzar una plana WEB per reportage1 - Preparar continguts
Descoberta
Reportatge1
Reportatge2
Reportatge....
• Documents (Word...)
• Imatges (fotos, escanner...)
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Retocar Retocar imatgesimatges
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
• Menú “Imagen -Recortar selección”
Retallar imatges• Utilitzar l’eina
“Retallar” per triar el fragment
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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”
• Caselles marcades
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Girar imatges• Ampliar color a 16 mill. (Menú “Colores - Aumentar...- 16 mill.”)
• Menú “Imagen - rotar”
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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:
• Posar el selector a 15
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
EdiciEdicióó de de ppààgines gines WEBWEB
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Editar pàgina “html “ amb Dreamweaver : Text i imatge
Pàgina “html” = llista d’instrucions (text)
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Informació i material
Web del CRP de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de 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 especials. Tampoc lletres majúscules.
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de 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
carpeta nomescola
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de 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
nomescola
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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”
Index extern (No funciona)
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de 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” )
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de 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
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Crear un lloc WEB (“sitio”) III
•Finalment, aceptar...
• ... i aceptar a la creació del “Caché inicial del sitio”
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Obrir el lloc WEB “sitio”
•A partir d’aquest moment, podrem obrir el “sitio” per treballar amb els fitxers
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de 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ó)
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Ampliació esquema carpeta “websimul”
Fitxers model de pàgines de municipi i reportatges
On desar les vostres imatges
Icones de temesDues parelles: Pàgina activa o enllaç
Icones compartides(Fitxer de sistema) - No tocar
Model dels fitxersWord (Avaluació)
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Joc d’icones de temes (5 parelles)
Pàgina activa
Serveis Educatius de l’Anoia
Enllaçactiu
Dreamweaver.exe
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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”)
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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 reportageEnllaç a l’índexgeneral
(no funciona)Enllaç a la
fitxa d’avaluació
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Editar una pàgina (0)Prèvia: Abans de començar a editar una pàginaCanviar el títol !!
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Editar una pàgina ICanviar rètols i icones // Esborrar el que sobra
Segons la planificació
Igual a totes
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Editar una pàgina IIInserir 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!!
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Editar una pàgina IIIFinestra “estilos CSS” per formatar el text
(S’obre amb el menú “Ventana - Estilos CSS”)
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Editar una pàgina IVInserir 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
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Editar una pàgina VFinestra “propiedades” imatge(S’obre amb el menú “Ventana - Propiedades”)
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
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
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Com quedarà ? Funciona?
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Plana Municipi• No oblidar preparar la plana municipi (si cal)
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Trametre el treball• CD-Rom• Internet (Comprimir i adjuntar) Enllaç
• Ajut i Bibliografia: Web del CRP
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de 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
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatges reportatges de les de les escolesescoles de 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
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de 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
5 – Amb el Dreamweaver, crear el sitio i editar les planes
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Esquema d’enllaços
El riu
El pontEl Castellet
Serveis Educatius de l’Anoia
LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia
Serveis Educatius de l’Anoia