Mòdul 2: Ginys de portada

A6. Ginys a Portada

Abans de començar l'activitat, canviarem una mica la web perquè sigui una mica més personal. Enriquirà la co-avaluació al veure webs diferents a un model comú: 

  • Canvia el nom del centre i el lema. Posa el del teu centre o un inventat. 
  • Personalitza la foto de capçalera respectant el llibre d'estil de Nodes.  
  • Treu l'avís (Demà 27 de gener...) de la portada, ja que distreu una mica. Editeu la pàgina i elimineu el contingut.NO elimineu la pàgina. 

Una vegada fet això, visualitzeu el següent videotutorial que us donaran les idees bàsiques per completar la tasca:



En aquest apartat afegirem varis ginys a la portada. 
Heu d'afegir un giny avisant de la jornada de portes obertes a la barra esquerra de la portada. El resultat ha de ser semblant a aquest:

Passos a seguir: 
  1. Crea un giny de tipus Text, amb títol Portes obertes i afegeix el següent contingut: 

    Dilluns 29 de febrer
    10:00 -14:30 h
    Dimarts 1 de març
    15:30 -18:00 h

    Observa que el text queda tot junt. Edita el giny de nou i marca la casella Afegeix paràgrafs automàticament.Observa com ara, el text es mostra correctament en línies. 
  2. Ara afegirem una imatge com a reclam visual. Puja aquesta imatge (o una altra semblant) a la mediateca i copia l'adreça de la imatge. Edita el giny de nou i afegeix, a continuació del text, la imatge fent servir el següent codi HTML:

    <img alt="família entrant a una escola" src="adreça de la imatge">

    El paràmetre src de la etiqueta img és l'adreça de la imatge que has copiat anteriorment a la mediateca. El paràmetre alt és un text que permet a les persones invidents saber quin contingut s'està mostrant. NOTA: No tingueu por al HTML. Al principi, és fàcil cometre alguna errada però amb una mica de pràctica és molt senzill.
  3. Col·loca el giny per sota de la fitxa del centre i per sobre del calendari escolar.
  4. Configura la portada perquè tingui 2 barres laterals (a esquerra i dreta).
  5. [ Repàs mòdul 1] Anem a maquetar una mica per millorar la distribució dels articles.
    Configura la fila 1 amb 1 article i la fila 2 amb 2 articles iguals. Edita l'article sobre la linkat amb perfil blau i mostra el títol i les metadades.
  6. Afegeix un giny a la barra dreta de tipus Enllaços social media amb 5 enllaços de la teva elecció. No cal que les adreces associades siguin las del teu centre. Pots vincular qualsevol twitter, facebook, canal de youtube...
  7. Afegeix un altre giny a la barra dreta de tipus Núvol d'etiquetes per sota del giny Segueix-nos!

  8. Afegeix el giny de tipus Estadístiques al peu de la pàgina. Nota: Si et surt un error al posar el títol al giny, desa igualment i no et preocupis. És un error nostre i quedarà resolt properament.
  9. Mou el giny de les Portes Obertes a la barra dreta, a dalt de tot (només cal arrosegar el giny d'un espai a l'altre) 


Si trobeu dificultats, consulteu els apunts i les preguntes freqüents del fòrum de la tasca. Si no us en sortiu, demaneu ajuda al fòrum de la tasca

Cap comentari:

Publica un comentari a l'entrada