L Anoia + guapa. Serveis Educatius de l Anoia

Transcripción

1

2 Tasques L Anoia + guapa 1 - Preparar continguts 2 - Realitzar una plana WEB per reportage Descoberta Reportatge Reportatge 1 2 Reportatge... Documents (Word...) Imatges (fotos, escanner...)

3 Retocar imatges

4 Retallar imatges Utilitzar l eina Retallar per triar el fragment Menú Imagen - Recortar selección L Anoia + guapa

5 Redimensionar imatges Ampliar color a 16 mill. (Menú Colores - Aumentar mill. ) Menú Imagen - canviar tamaño Nova mida (fins 284 pix.) Caselles marcades

6 Girar imatges Ampliar color a 16 mill. (Menú Colores - Aumentar mill. ) Menú Imagen - rotar

7 Reduir mida fitxer imatges Menú Archivo-guardar como... Dibuix : Triar format de fitxer gif Fotos: Triar format de fitxer jpeg i configurar: Obrir opciones Posar el selector a 15

8 Edició de pàgines WEB

9 Editar pàgina html amb Dreamweaver : Text i imatge Pàgina html = llista d instrucions (text)

10 Informació i material L Anoia + guapa Web del CRP de l Anoia

11 Aspectes a remarcar - I L Anoia + guapa 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.

12 Aspectes a remarcar - II L Anoia + guapa 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

13 Obtenir fitxers per preparar la Web 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 * En Windows XP: No cal descomprimir!! Obrir webrep.zip Copiar la carpeta webrep Eganxarla al lloc desitjat Fer el canvi de nom nomescola

14 Abans de començar: Llapis i paper per planificar títols de reportatges noms de fitxer i enllaços ( vinculos ) Index extern (No funciona) Mapa d enllaços preparars de la carpeta webrep

15 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 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 Crear un lloc WEB ( sitio ) III Finalment, aceptar i aceptar a la creació del Caché inicial del sitio

18 Obrir el lloc WEB sitio L Anoia + guapa A partir d aquest moment, podrem obrir el sitio per treballar amb els fitxers

19 Esquema contingut carpeta websimul Camí del vostre lloc Web On desar els fitxers Word (Avaluació) Icones de temes Estils (Fitxer de sistema) - No tocar On desar les vostres imatges Fitxers model de pàgines de municipi i reportatges

20 Ampliació esquema carpeta websimul Icones compartides (Fitxer de sistema) - No tocar Model dels fitxers Word (Avaluació) Icones de temes Dues parelles: Pàgina activa o enllaç On desar les vostres imatges Fitxers model de pàgines de municipi i reportatges

21 Joc d icones de temes (5 parelles) Enllaç actiu Pàgina activa Dreamweaver.exe

22 - 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 Estructura elements pàgina reportatge Enllaç a portada municipi Icona pàgina activa Títol de la Plana: Títol reportage Zona d Identificació Títol del reportage Menú de navegació: Enllaços a d altres reportages municipi Enllaç a l índex general (no funciona) Zona de reportage Enllaç a la fitxa d avaluació

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

25 Editar una pàgina I Canviar rètols i icones // Esborrar el que sobra Igual a totes Segons la planificació

26 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 Editar una pàgina III Finestra estilos CSS per formatar el text (S obre amb el menú Ventana - Estilos CSS )

28 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 Editar una pàgina V Finestra propiedades imatge (S obre amb el menú Ventana - Propiedades )

30 Necessito més files a la part inferior per posar més imatges!! Situar-se a la darrera casella de la taula. Menú Modificar - Taula -Insertar files o columnes Important: Posar una sola imatge a cada fila!!

31 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 Com quedarà? Funciona?

33 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 Plana Municipi No oblidar preparar la plana municipi (si cal)

35 Trametre el treball CD-Rom Internet (Comprimir i adjuntar) Enllaç Ajut i Bibliografia: Web del CRP

36

37 Calendari Comunicació dels continguts: Fins el , 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 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

39 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 1 Elaborar continguts escrits i desar-los en documents de text 2 Preparar les imatges corresponents, adequant, mides, tamanys de fitxers i noms de fitxer (tot minúscules) 3 Descarregar el model de web (fitxer webrep.zip), descomprimir- lo i canviar el nom de la carpeta 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 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.

41 Esquema d enllaços El Castellet El pont El riu

42