WEB DE REPORTATGES · 2005. 2. 7. · L’. Anoia + guapa Web de reportatges. de les . escoles de...

LL’’Anoia + Anoia + guapaguapaWeb de Web de reportatgesreportatges de les de les escolesescoles de de ll’’AnoiaAnoia

Serveis Educatius de l’Anoia


Tasques 2 - Realitzar una plana WEB per reportage1 - Preparar continguts

Descoberta

Reportatge1

Reportatge2

Reportatge....

• Documents (Word...)

• Imatges (fotos, escanner...)



Retocar Retocar imatgesimatges


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


• Nova mida (fins 284 pix.)

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

• Menú “Imagen - canviar tamaño”

• Caselles marcades


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

• Menú “Imagen - rotar”


• 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


EdiciEdicióó de de ppààgines gines WEBWEB



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

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



Informació i material

Web del CRP de l’Anoia


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.


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


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


Abans de començar: Llapis i paper per planificar títols de reportatges noms de fitxer i enllaços (“vinculos”)


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

Index extern (No funciona)


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” )


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


Crear un lloc WEB (“sitio”) III

•Finalment, aceptar...

• ... i aceptar a la creació del “Caché inicial del sitio”


Obrir el lloc WEB “sitio”

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


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ó)



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ó)


Joc d’icones de temes (5 parelles)

Pàgina activa


Enllaçactiu

Dreamweaver.exe


- 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”)


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ó


Editar una pàgina (0)Prèvia: Abans de començar a editar una pàginaCanviar el títol !!



Editar una pàgina ICanviar rètols i icones // Esborrar el que sobra

Segons la planificació

Igual a totes



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!!


Editar una pàgina IIIFinestra “estilos CSS” per formatar el text

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



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


Editar una pàgina VFinestra “propiedades” imatge(S’obre amb el menú “Ventana - Propiedades”)



• 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 !!



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



Com quedarà ? Funciona?



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



Plana Municipi• No oblidar preparar la plana municipi (si cal)



Trametre el treball• CD-Rom• Internet (Comprimir i adjuntar) Enllaç

• Ajut i Bibliografia: Web del CRP


http://www.xtec.es/crp-anoia


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



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



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




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


Esquema d’enllaços

El riu

El pontEl Castellet


WEB DE REPORTATGES · 2005. 2. 7. · L’. Anoia + guapa Web de reportatges. de les . escoles de...

Documents

Transcript of WEB DE REPORTATGES · 2005. 2. 7. · L’. Anoia + guapa Web de reportatges. de les . escoles de...