Jardueretan sakontzen

Ikasgaia sortzea

Ikaslea testu bat duten orrietatik gidatzen duen jarduera da ikasgaia, eta, oro har, galdera batekin amaitzen da. Ikaslearen erantzun bakoitzak orri batera eramaten du, eta, beraz, erantzunaren baitan dagoen ibilbide automatizatu bat sortzen da.

• Sor ezazu ikasgai bat Agregar actividad (Jarduera gehitu) goitibeherako menua erabiliz.

• Idatzi ikasgaiaren izena, eta ezarri denbora-muga bat minututan, edo desgaitu aukera hori.

• Zehaztu zenbat erantzun izango dituzten gehienez ere galderek

• Praktikarako ikasgaia bada, ez da kalifikazioen atalean gehituko.

• Zehaztu ikasgaia kalifikatzeari buruzko aukerak.

• Ikasleei atzera itzuli eta aurreko erantzunak aldatzeko aukera eman nahi badiezu, aktibatu Revisión (Berrikuspena).

• Zehaztu dezakezu zenbat saialdi egin ahal izango diren gehienez, eta zer egingo den erantzun zuzena eman ondoren: ikasgaiaren fluxua jarraitu, ikusi gabeko orri bat erakutsi edo erantzun gabeko orri bat erakutsi.

• Pase de diapositivas (Diapositiba-emanaldia) aukerarekin, orriak pantaila-sekuentzia bat bezala ikus daitezke, Siguiente (Hurrengoa) eta Anterior (Aurrekoa) botoiekin, diapositiba bidezko aurkezpen bat balitz bezala.

Irakasleek askotan ikasgai-sekuentzia bat egiteko eskatzen diete ikasleei, eta ezartzen dute bigarrena egiteko lehenengoa gainditu behar dela, hirugarrena egiteko bigarrena eta abar.

• Ikasgai-sekuentzia baten eskema egiteko, ikasgai bakoitza aurreko ikasgaiaren Dependiente (mendeko) gisa ezarri behar da. Hartara, maila jakin bat lortu beharko da ikasgai bakoitzean, hurrengora pasatu ahal izateko.

• Guardar cambios y mostrar (Gorde aldaketak eta erakutsi) botoian klik egitean, ikasgaiaren edukiarekin lanean hasiko gara.

• Gehitu adar-taula bat, adibidez, hasteko.

• Idatzi izenburua eta sarrera:

• Horren ondoren, idatzi adar bakoitzaren izena, eta hautatu zer orritan hasiko den adarra. Orria ez bada existitzen oraindik, behin-behineko aukeraren bat hautatu beharko duzu, eta aurrerago aldatu.

• Egin klik Añadir una tabla de ramificaciones (Adar-taula gehitu) aukeran amaitzeko.

Jardueretan sakontzen

• Erabili Edición (Editatu) fitxa, orri bat gehitzeko galdera batekin:

• Fitxa batean klik egin beharko duzu galdera-mota adierazteko:

  • Aukera anitzekoa

  • Egia/Gezurra

  • Erantzun laburra

  • Zenbakizkoa

  • Lotu

  • Entsegua

• Idatzi orriaren edukia, eta amaieran galdera bat.

• Behean, adierazi zer aukera dauden eta haien kalifikazioa. Horrez gain, iruzkin bat adierazi beharko duzu erantzun posible bakoitzerako, bai eta erantzun posible bakoitzarekin ikasgaiak zer orritan jarraitzen duen ere.

• Egin klik Previsualizar (Aurrebista ikusi) fitxan, ikasgaia ikusteko:

• Informazio-orri bat txertatu nahi baduzu, hautatu Ensayo (Entsegua) galdera-mota:

• Orriak zehaztuz doazen heinean, jauziak berrikusi ahal izango dituzu, Actualizar (Eguneratu) botoian klik eginez:

• Orain Saltar (Jauzi) goitibeherako menuan, sortzen joan zaren orriak aurkituko dituzu:

• Ikasgaiari jarri diozun ezarpenaren arabera, ikasketa-instantzia gisa edo ebaluazio-instantzia gisa funtzionatuko du.

Jardueretan sakontzen

Elkarlanean sortutako datu-baseak

• Datu-base bat sortzeko, Agregar Actividad goitibeherako menua erabili behar duzu.

• Behin aukera horiek zehaztutakoan, egin klik Guardar cambios y mostrar aukeran.

Datu-basearekin lanean hasteko, beharrezkoa izango da haren egitura zehaztea; hau da, zer eremu izango dituen erregistro bakoitzak.

Desagertzeko zorian dauden animaliei buruzko datu-base batean, adibidez, animalia bakoitzak erregistro bat izango du. Eremuak, berriz, animalia bakoitzari buruz eskatuko diren datuak izango dira:

• Espeziea

• Deskribapena

• Eskualdea

• Harrapariak

• Informazio-iturria (URLa)

Eremu bakoitzerako eduki-mota ere zehaztu behar duzu: testua, zenbakiak, URL helbidea...

• Idatzi eremuaren izena, eta deskribapen bat, ikasleek eremu horretan zer idatzi behar duten argi izan dezaten:

• Gero, jarraitu eremuak gehitzen. Hautatu Área de texto (Testu-area) modua, paragrafo bateko edo zenbait paragrafotako testuetarako.

• Erabili botones de radio (aukeratzeko botoiak) baztertzaileak diren aukeretarako:

• Erabili campos de selección (hautaketa-eremuak) baztergarriak ez diren aukeretarako:

• Erabili URL eremu-mota esteketarako; aktibatu autoesteka lotura aktibo ikus dadin.

• Hautatu datu-baseak ordenatzeko irizpidea: erregistroak sartutako eran ordenatuko dira edo eremu bat erabiliko da erregistroak ordenatzeko?

• Egin klik Agregar entrada (Sarrera gehitu) fitxan, datu-basean erregistroak gehitzen hasteko.

• Guardar y ver (Gorde eta ikusi) botoian klik egiten duzunean, Moodlek mezu hau erakutsiko dizu: "Oraindik ez da zehaztu banakako txantiloia".

• Erregistroak ikusteko, banakako txantiloi bat (erregistroz erregistro) eta zerrenda-txantiloi bat (erregistro-zerrenda bat ikusteko) zehaztu beharko dituzu lehendabizi.

Datuak agertzeko oinarritzat hartzen den eredua da txantiloia. Egin klik Plantilla (Txantiloia) fitxan, hautatu zer txantiloi-mota ezarri nahi duzun, eta ikusi eremuen banaketa (adibidez, [[Espeziea]]) eta botoiena (adibidez, ##edit##, datuak editatzeko). Elementuak tokiz alda ditzakezu, eta arazoak baldin badituzu, Resetear plantilla (Txantiloia berriz kargatu) aukeran klik egin, berriz hasteko.

• Egin klik Guardar plantilla (Txantiloia gorde) botoian amaitzeko.

• Banakako txantiloia zehaztutakoan, datuak banan-banan ikusi ahal izango dituzu. Zehaztu Plantilla de lista aukera, datu-baseko erregistroen zerrenda ikusteko.

Jardueretan sakontzen

Elkarlanean testu bat sortzea: wiki bat editatzea

Wiki bat hainbat erabiltzaileren artean elkarlanean arituz sortzen den testua da. Baliabide horren berezitasuna da etengabe editatzen ari den testu bat dela.

Ikastaroko edo taldeko wikia bada, osatuta dagoen talde batek etengabe editatzen duen testu bat izango da. Horrek esan nahi du ikasle bakoitzak bere kideek idatzitakoa ezabatzeko edo aldatzeko aukera duela, eta eztabaida- eta antolaketa-lan handia egin beharko dela gatazkarik ez sor ez dadin.

Ezaugarri horri esker, wikia lanerako tresna aparta da, parekoen lana errespetatzea, argudiatzea eta eztabaidatzea sustatzen dituelako.

• Erabili Agregar Actividad goitibeherako menua, wiki bat gehitzeko.

  • Irakaslea – Irakasleak idazten du edukia, eta ikasleek irakurri bakarrik egiten dute.

  • Ikastaroa/Taldea - Talde edo ikastaro bateko ikasle guztiek idazten dute wikiaren edukia.

  • Ikaslea - Ikasle bakoitzak bere testua idazten du.

• Erabili Edición fitxa, wikiaren edukia aldatzeko:

• Egin klik Ver (Ikusi) fitxan, wikia ikusteko.

• Aldaketa jakin bat nork egin zuen jakin nahi baduzu, edo erabiltzaile jakin batek zer aldaketa egin zituen, egin klik Historia fitxan.

• Bertsio bakoitzak hiru esteka ditu: Navegar (Nabigatu), Volver (Itzuli), Diferencias (Desberdintasunak). Esteka horiek balio dute orria bertsio horretan ikusteko, aldaketetan atzera egiteko edo bertsio berriaren eta aurrekoaren arteko desberdintasunak ikusteko.

Jarduerak partekatzea bestelako plataforma-sistemekin

GIFT formatua

• Galderen fitxategi bat sortzeko GIFT formatuan, sortu lehendabizi testu-fitxategi bat, testu lauaren editore bat erabiliz, adibidez, hauetakoren bat: Windowseko ohar-bloka, Ubuntuko Gedit, Geany, Notepad++...

• Testu-fitxategian bertan feedbacka gehitu ahal izango duzu (ikaslearen aukeraketa bakoitzari sistemak emango dion erantzuna), bai eta galdera bakoitzaren kalifikazio-ehunekoa eta bestelakoak ere.

• Sortu testu-fitxategi bat galderekin eta erantzunekin, formaturik gabe.

• Lehendabizi galdera idatzi beharko duzu, eta gero erantzunak giltza artean; = ikurrarekin adierazi beharko dituzu erantzun zuzenak, eta ~ tiletarekin aukera okerrak.

Adibidez:

• Perpaus baten barruan hutsune bat sar dezakezu, eta giltza artean dauden aukerak erabili esaldiaren barruan:

• Egia edo Gezurra motako galdera bat gehitu nahi baduzu, esaldia idatzi beharko duzu, eta giltza artean egia edo gezurra den: True (egia) edo False (gezurra).

• Idatzizko erantzunetarako (erantzun laburrak), erabili giltzak soilik erantzuna ixteko. Zenbakizko erantzuna bada, # ikurrarekin hasi beharko duzu.

Zure testu-fitxategiak itxura hau izan beharko luke:

• Gorde ezazu galderak.txt izenarekin edo erabili ikastaroaren edo gaiaren izena, ongi identifikatu ahal izateko fitxategia inportatu nahi duzunean.

• Fitxategi hori gehitu nahi duzun bakoitzean, joan Banco de preguntas galdera-bankura, Administración (Kudeaketa) menuko Preguntas (Galderak) aukeraren bidez:

• Importar (Inportatu) fitxan, aukeratu GIFT formatua, eta igo testu-fitxategia:

• Fitxategiaren formatua zuzena bada, inportatutako galderen kopurua ikusiko duzu:

• Continuar (Jarraitu) aukeran klik egiten duzunean, bankuan dauden galderak ikusiko dituzu. Egin klik aurrebista ikusteko aukeran, galdera behar bezala inportatu dela ziurtatzeko:

• Galderak dagoeneko galdera-banku batean daudenean, automatikoki esportatu ahal izango dituzu testu-fitxategi bat sortuz.

• Egin klik estekan testu-fitxategia deskargatzeko.

• Deskargatutako fitxategia irekitzen baduzu, aurrez galderak inportatzeko sortu genuenaren antzeko testu bat ikusiko duzu. Fitxategi hori edozein Moodle plataformatan inportatu ahal izango da.

Jarduerak partekatzea bestelako plataforma-sistemekin

SCORM paketeak

SCORM (Sharable Content Object Reference Model) formatua hezkuntza-jarduerak plataforma batetik bestera konpartitzeko erabiltzen da, baita Moodle plataformatik kanpokoak ere.

SCORM pakete bat sortzeko, hainbat tresna erabil daiteke, haien artean Reload izenekoa.

Scorm pakete bat sortzea Reloadekin

• Hasteko, karpeta batean antolatuta eduki behar da paketea osatuko duen materiala: Flash animazioak, testuak, web orriak...

• Horren ondoren, Reload programa irekiko dugu.

• Sortu pakete berri bat File / New / ADL Scorm 1.2 Package (Fitxategia / Berria / ADL Scorm 1.2 Package) aukeraren bidez.

• Hautatu Scorm paketea osatuko duen materiala duen karpeta.

• Ezkerrean zure karpetaren edukia ikusiko duzu; fitxategi bat gehitu zaio karpetari manifestuarekin. Manifestua XML motako fitxategi bat da, eta paketearen edukiari buruzko datu orokorrak adierazten dira bertan.

• Egin klik eskuineko botoiarekin imsmanifest.xml fitxategian, fitxategia aldatzeko. Hautatu Add Metadata (Metadatuak gehitu).

• Metadata (Metadatuak) izeneko item berri bat agertuko da. Egin klik eskuineko botoiarekin item berriaren gainean, eta hautatu Edit Metadata (Metadatuak editatu) aukera.

• Zenbait gauza idatzi beharko duzu bertan: paketearen izenburua, edukiaren deskribapen bat, hitz gakoak...

• Orain erakundea gehituko dugu, saguaren eskuineko botoiarekin Organization aukeran klik eginez. Hautatu Add Organization (Erakundea gehitu).

• Aldatu erakundearen izena beheko leihoan.

  • Egin klik Organization hitzaren gainean.

  • Arrastatu beheko eremuen ertzak, Organization hitza duen testu-koadroa ikusi ahal izateko.

  • Aldatu hitz hori, gainean bi klik eginez eta idatziz.

• Arrastatu sortu duzun erakundera paketea osatuko duten baliabideak.

• Egin klik Preview Content Package (Paketearen aurrebista ikusi) botoian, nabigatzailean ikusteko.

• Metadatuak gehi ditzakezu paketeko elementu bakoitzean, tresna-barrako ADL botoia erabiliz: aurreko zer baliabideren mende dagoen bakoitza, zer denbora erabil daitekeen gehienez elementu hori exekutatzeko...

• Amaitzeko, erabili File (Fitxategia) menuko Zip Content Package (Content Package trinkotu) aukera.

Moodle plataforman Scorm fitxategiak inportatzea

Paketea zure plataformara igotzeko prozedura antzekoa da zure Scorm paketea sortzen baduzu edo saretik deskargatzen baduzu.

• Hautatu SCORM aukera Agregar actividad… goitibeherako menuan.

• Idatzi jardueraren izena, deskribapen bat, eta egin klik Elija o suba un archivo (Fitxategia hautatu edo igo) aukeran.

• Igo sortutako fitxategia, eta igota dagoenean, egin klik Elegir (Aukeratu) aukeran (fitxategiaren eskuinean).

• Zehaztu kalifikazio-aukerak eta gorde jarduera.

• Jarduera plataforman ikusiko duzu, Scorm paketeak adierazten dituen ikonoarekin:

• Jarduerak menu baten bidez antolatuta egongo dira:

HTML lengoaia

Orri arrunt bat sortzea

Zerrenda honetan zenbait etiketa arrunt dituzu, eta beharrezkoa da etiketa hauek ezagutzea orriak nola sortuta dauden ulertzen hasteko:

Paragrafoa <p> testua </p> Izenburu nagusia <h1> testua </h1> Bigarren mailako izenburua <h2> testua </h2> Hirugarren mailako izenburua <h3> testua </h3> Letra lodia <strong> testua </strong> Letra etzana <em> testua </em> Lerro-jauzia <br /> Marra horizontala <hr />

Sor ezazu web orri moduko baliabide bat (Añadir recurso / Editar una página web) (Baliabidea gehitu / Web orri bat editatu).

Baliabidearen izena idatzi ondoren, egin klik <> ikonoan (HTML Tabulazioa):

 

Kopiatu taula honetako ezkerreko zutabeko kodea, eta gero egin klik berriz <> ikonoan:

Kodea	Kodearen azalpena
<h1>Irudi geometrikoak</h1> <h2>Laukiak</h2> <p>Laukiak lau aldeko irudiak dira.</p>	Lehen mailako goiburua Bigarren mailako goiburua Paragrafo bakuna
Honela ikusiko da orria editorean, HTML Tabulazioa ikuspegia desaktibatzen dugunean, berriz ere <> botoia sakatuz.

HTML lengoaia

Estekak eta irudiak

Esteka <a href=http://direccion-URL> testua </a> Irudia <img src=” irudi_fitxategia ” alt=” ordezko testua” >

Esteka txertatzeko bi datu behar dira gutxienez:

• Zer URL helbidetara joango den esteka gainean klik egitean ( href )

• Estekan ikusgai egongo den testua

Behar-beharrezkoa izango da esteka http:// siglekin hastea, eta estekan ikusgai dagoen testuak edukia identifikatzea; ez da komeni testu orokorrak jartzerik, adibidez, "egin klik hemen" erako testuak.

<a href ="http://es.wikipedia.org" > Entziklopedia askea </a>

Honela ikusiko da:

Entziklopedia askea

Irudien kasuan, online dagoen irudi baten URLa zehaztu behar da, baina komeni da gure guneetan dauden irudiak bakarrik erabiltzea, ezaba edo alda ez ditzaten.

Bestalde, beharrezkoa da erabiltzaile itsuentzat edo testurako bakarrik diren nabigatzaileak erabiltzen dituztenentzat irudiaren edukia testu bidez adieraztea:

< img src ="http://www.moodle3.hezkuntza.net/file.php/78/ranas.JPG" alt="igelak" />

Plataformara igo den irudi baten helbidea edo URLa jakiteko modurik praktikoena da irudia txertatzea ohiko metodoak erabilita (tresna-barrako Insertar imagen botoia erabilita), eta gero kodearen gainean lan egitea. Honako hauek alda ditzakezu, besteak beste:

• Irudiaren tamaina

  • Gehitu width="50%", irudiak pantailaren zabaleraren erdia har dezan, edo width="100%", irudiaren tamaina zabaldu eta pantaila osoa har dezan:

< img src ="http://www.moodle3.hezkuntza.net/file.php/78/ranas.JPG" alt="igelak" width="50%" />

< img src ="http://www.moodle3.hezkuntza.net/file.php/78/ranas.JPG" alt="igelak" width="100%" />

• Ertza

  • Gehitu border="1", irudiak pixel bateko lodierako ertza izan dezan, edo border="0" irudiak ertzik izan ez dezan:

< img src ="http://www.moodle3.hezkuntza.net/file.php/78/ranas.JPG" alt="igelak" border="1" />

< img src ="http://www.moodle3.hezkuntza.net/file.php/78/ranas.JPG" alt="igelak" border="0" />

• Lerrokatzea

  • Irudia eskuinean lerrokatuta egon dadin, "eskuin-lerrokadura" estiloa duen dibisio (div) bat sortu beharko duzu, eta irudia DIV horretan sartu:

<div style="text-align: right;"> <img src="….."> </div>

• Irudiak eskuin-lerrokadura izan dezan, eta irudiaren ondorengo testua ezkerrean gera dadin, "eskuinean mugikor" estiloa duen DIV bat sortu beharko duzu:

<div style="float: right;"> <img src="….."> </div>

<div style="text-align: right;"> <img src="….."> </div>	<div style="float: right;"> <img src="….."> </div>

• Irudia ezkerrean lerrokatzea edo ezkerrean mugikor egotea nahi baduzu, erabili "left":

  • <div style="text-align: left;"> <img src="….."> </div>

  • <div style="text-align: left;"> <img src="….."> </div>

• Erdian egoteko, berriz, idatzi: “center”:
  
  
  • <div style="text-align: center;"> <img src="….."> </div>

HTML lengoaia

Zerrendak sortzea

Zenbakirik gabeko zerrenda (buletak) <ul> zerrendako elementuak </ul> Zenbakidun zerrenda <ol> zerrendako elementuak </ol> Zerrendako elementu bakoitza <li> testua </li>

Zenbakirik gabeko itemen zerrendak <ul> (unordered list) etiketarekin markatzen dira, eta elementuetako bakoitza, berriz, <li> (list item) etiketarekin:

Kodea	Kodearen azalpena
<h1>Irudi geometrikoak</h1> <h2>Laukiak</h2> <p>Laukiak lau aldeko irudiak dira.</p> <p>Irudi batzuk honela sailka daitezke:</p> <ul> <li><em>Paralelogramoak</em>: bi alde paralelo pare dituzte.</li> <li><em>Laukizuzenak</em>: angelu zuzenak dituzten paralelogramoak dira.</li> <li><em>Karratuak</em>: laukizuzen berezi bat da karratua; izan ere, lau aldeek luzera berdina dute.</li> </ul>	Lehen mailako goiburua Bigarren mailako goiburua Paragrafo bakuna Paragrafo bakuna Zerrendaren hasiera --Zerrendako elementua --Zerrendako elementua --Zerrendako elementua Zerrendaren amaiera
Honela ikusiko da orria editorean, HTML Tabulazioaren ikuspegia desaktibatutakoan

HTML lengoaia

Zerrenda habiaratuak

Maila batean baino gehiagotan dauden elementuekin zerrenda bat sortzeko, beharrezkoa da zerrenda habiaratuak erabiltzea.

Gogorarazi behar dizuegu zerrenda bat beste zerrenda baten barruan egoteko, lehenengo zerrendako item baten barruan egon behar duela:

<ul> (zerrendaren hasiera) <li>Zerrenda nagusiko elementua</li> <li> <ul>(Bigarren zerrendaren hasiera) <li>(bigarren zerrendako elementua)</li> <li>(bigarren zerrendako elementua)</li> <li>(bigarren zerrendako elementua)</li> </ul> </li> <li>Zerrenda nagusiko elementua</li> </ul> (zerrendaren amaiera)

Zerrendak zenbait mailatan habiara daitezke, betiere zerrenda berria aurreko zerrendako item baten barruan txertatuz:

Kodea	Kodearen azalpena
<p>Irudi geometrikoak</p> <ul> <li>Laukiak</li> <ul> <li>Erronboak</li> <li>Paralelogramoak</li> <ul> <li>Laukizuzenak</li> <ul> <li>Karratuak</li> </ul> </ul> </ul> <li>Triangeluak</li> </ul>	Paragrafo bakuna Zerrendaren hasiera --Zerrendako elementua Azpizerrendaren hasiera --Zerrendako elementua --Zerrendako elementua Azpizerrendaren hasiera --Zerrendako elementua Azpizerrendaren hasiera --Zerrendako elementua Zerrendaren amaiera Zerrendaren amaiera Zerrendaren amaiera --Zerrendako elementua Zerrendaren amaiera
Honela ikusiko da orria editorean, HTML Tabulazioaren ikuspegia desaktibatutakoan

HTML lengoaia

Zenbakidun zerrendak

Zenbakidun zerrenda bat sortzeko, <ol> (ordered list) etiketa erabiltzen da.

<ol> (zerrendaren hasiera) <li>Zerrenda nagusiko elementua</li> <li>Zerrenda nagusiko elementua</li> </ol> (zerrendaren amaiera)

Bestelako baliorik zehaztu ezean, itemak 1 zenbakitik hasiko dira, eta item bakoitzak hurrengo balioa izango du:

Kodea	Kodearen azalpena
<p>Triangeluak:</p> <ol> <li>Angeluzuzenak</li> <li>Isoszeleak</li> <li>Aldekideak</li> </ol>	Paragrafo bakuna Zenbakidun zerrendaren hasiera --Zerrendako elementua --Zerrendako elementua --Zerrendako elementua Zerrendaren amaiera
Honela ikusiko da orria editorean, HTML Tabulazioaren ikuspegia desaktibatutakoan

Zerrenda bat amaitzen bada, eta aurreko zerrendarekin jarraitu behar badugu, balio bat zehaztu dezakegu item bakoitzerako:

<ol> <li>Triangelu angeluzuzenak</li> </ol> <p>Gutxienez angelu zuzen bat duten triangeluak.</p> <ol> <li value="2">Triangelu isoszeleak</li> </ol> <p>Pare bat alde kongruente dituzten triangeluak</p> <p>Triangelu isoszeleen artean bada kasu berezi bat; triangelu aldekideena, hain zuzen.</p>	Zenbakidun zerrendaren hasiera --Zerrendako elementua Zerrendaren amaiera Paragrafo bakuna Zenbakidun zerrendaren hasiera --Zerrendako elementua, "2" balioa duena Zerrendaren amaiera Paragrafo bakuna Paragrafo bakuna
Honela ikusiko da orria editorean, HTML Tabulazioaren ikuspegia desaktibatutakoan

HTML lengoaia

Taula bat sortzea

Taula <table> errenkadak eta zutabeak </table> Taula bateko errenkada <tr> gelaxkak </tr> Taula bateko gelaxka <td> testua </td>

Taulak sortzea oso erraza da editorea erabiliz egiten bada, baina askotan ez dugu lortzen elementuren bat guk nahi bezala lerrokatzerik, bi gelaxka batzerik edo ertzaren lerro-mota aldatzerik. Ekintza horiek egiteko, erabilgarria da HTMLn taulak sortzeko erabiltzen diren kodeak ezagutzea.

Taula bat osatzen duten oinarrizko elementuak hauek dira:

• Table taularen hasiera eta amaiera markatzeko:

<table> taularen gorputza eta goiburuak </table>

• Tbody taularen gorputzaren (edukia) hasiera eta amaiera markatzeko:

<tbody> errenkadak eta zutabeak </tbody>

• Tr errenkada bakoitzaren hasiera eta amaiera markatzeko:

<tr> gelaxkak </tr>

• Td gelaxka bakoitzaren hasiera eta amaiera markatzeko:

<td> testua </td>

Kopiatu kode hau Moodleko web orrien editorean taula arrunt bat sortzeko:

<table> <tbody> <tr> <td>Laukiak</td> <td>Triangeluak</td> </tr> <tr> <td>Angeluzuzena</td> <td>Angeluzuzena</td> </tr> <tr> <td>Erronboa</td> <td>Isoszelea</td> </tr> <tr> <td>Erronboidea</td> <td>Aldekidea</td> </tr> </tbody> </table>

Taularen hasiera Taularen gorputzaren hasiera Errenkadaren hasiera Gelaxka Gelaxka Errenkadaren amaiera Errenkadaren hasiera Gelaxka Gelaxka Errenkadaren amaiera Errenkadaren hasiera Gelaxka Gelaxka Errenkadaren amaiera Errenkadaren hasiera Gelaxka Gelaxka Errenkadaren amaiera Taularen gorputzaren amaiera Taularen amaiera

Honela ikusiko da orria editorean, HTML Tabulazioaren ikuspegia desaktibatutakoan

Ertza ikusgai jar diezaiokegu ( border ), eta taularen zabalera zehaztu dezakegu ( width ), parametro batzuk gehituta Table etiketan:

< table border="1" width="50%">

Aurreko taula honela ikusiko da:

Bestalde, askotan beharrezkoa izaten da gelaxka batek bi zutaberen zabalera izango duela adieraztea:

<td colspan="2">

Edo gelaxka batek bi errenkadaren altuera izango duela:

<td rowspan="2">

<table border="1"> <tbody> <tr> <td rowspan="3">Irudiak </td> <td colspan="2">Laukiak </td> </tr> <tr> <td>Laukizuzenak </td> <td>Paralelogramoak </td> </tr> <tr> <td>Kontrako alde kongruenteen bi pare </td> <td>Zuzenak </td> </tr> </tbody> </table>

Taularen hasiera Taularen eduki nagusia Errenkadaren hasiera 3 errenkadako altuera duen gelaxka 2 zutabeko zabalera duen gelaxka Errenkadaren amaiera Errenkadaren hasiera Gelaxka Gelaxka Errenkadaren amaiera Errenkadaren hasiera Gelaxka Gelaxka Errenkadaren amaiera Taularen eduki nagusiaren amaiera Taularen amaiera

Honela ikusiko da orria gorde eta bistaratutakoan.

Taula bat egitean, kodearen bidez laguntza-elementu batzuk markatzea komeni da:

• Taularen laburpena: pertsona itsuek erabiltzen dituzten programek irakurriko duten deskribapen bat da; taularen gainerako ataletara sartu nahi duten edo ez erabakitzeko balioko die deskribapenak.

<table summary="Taula honek irudien sailkapena adierazten du”>

• Caption: taulan ikusgai dagoen goiburua. Taularen gorputz nagusitik kanpo idazten da.

<caption>Irudiak</caption>

• Taularen goiburuak (table heading): informazioa nola erakutsiko den antolatzen laguntzen dute, eta plataformaren diseinuaren arabera hierarkizatzen dituzte edukiak, haren koloreak eta letra-tipoak erabiliz. Taularen gorputzaren barruan idazten dira.

<th>Irudiak</th>

<table border="1" summary="Taula honek irudi geometriko batzuen sailkapenari buruzko datuak ditu"> <caption><em>Irudi geometrikoak</em></caption> <tbody> <tr> <th rowspan="2">Irudiak </th> <th colspan="2">Laukiak </th> </tr> <tr> <th>Aldeak </th> <th>Angeluak </th> </tr> <tr> <th>Laukizuzenak </th> <td>Kontrako alde kongruenteen bi pare </td> <td>Zuzenak </td> </tr> <tr> <th>Paralelogramoak </th> <td>Kontrako alde paraleloen bi pare </td> <td>Kontrako angelu kongruenteen bi pare</td> </tr> </tbody> </table>

Taularen hasiera, pantaila-irakurleetarako laburpen batekin. Taulan ikusgai dagoen izenburua Taularen gorputzaren hasiera Errenkadaren hasiera Taularen goiburua Taularen goiburua Errenkadaren amaiera Errenkadaren hasiera Taularen goiburua Taularen goiburua Errenkadaren amaiera Errenkadaren hasiera Taularen goiburua Gelaxka Gelaxka Errenkadaren amaiera Errenkadaren hasiera Taularen goiburua Gelaxka Gelaxka Errenkadaren amaiera Taularen gorputzaren amaiera Taularen amaiera

Honela ikusiko da orria, aldaketak gorde eta bistaratutakoan.

HTML lengoaia

HTML blokea sortzea

HTML lengoaiaren oinarriak ezagutzen baditugu, malgutasun handiz sor ditzakegu etiketak edo web orriak. Horrez gain, eduki-blokeak gehi ditzakezu plataformaren alboetan, HTML blokeak erabiliz:

• Egin klik editatzeko botoian, edukia ezartzeko:

• Erabili testu-editorea, blokera edukia gehitzeko: testua, irudiak, taulak, estekak guneko hainbat baliabidetara...

Kodea garbitzea

Ohikoa izaten da saretik edo testu-dokumentu batetik testua kopiatzea eta gure ikastaroko web orri batean itsastea. Informazioaren iturria aipatzea beharrezkoa da, noski, baina, horrez gain, itsatsitako testuaren formatua egokitu beharko dugu.

Bi modu daude edukia kopiatzeko:

• Testua garbitzea, testu lauaren editore batean itsatsita lehendabizi testua. Hartara, formatu guztia ezabatzen da, eta gero HTML bihurtzeko aukera ematen du, kontrolpetik kanpo dagoen koderik gabe.

• Testua gure plataformako web orrian itsastea, eta haren kodea editatzea, formatu- edo kode-elementu arrotzak ezabatzeko.

Kodea garbitzeko zeregina oso erabilgarria da hainbat arrazoigatik:

• Gunearen diseinuaren araberako web orri bat aurkeztu nahi badugu:

  • Letra-tipoak, tamaina eta kolorea adieraziz izenburuei formatua eman beharrean, goiburuetan <h1>, <h2>, <h3> eta halako egitura-elementuak erabiltzen baditugu, izenburuen estiloa plataformaren diseinuaren araberakoa izango da (web orri baliabideko goiburuak gunean ikusten diren bezalaxe ikusiko dira).

  • Letra lodietarako <strong> erabiltzen badugu <span> edo <b> erabili beharrean, gunearen diseinuak zehaztutakoa errespetatuko da testuak nabarmentzerakoan. Gauza bera gertatzen da <em> erabiltzen badugu <i> etiketaren ordez.

• Guk nahi dugun lerrokatzearekin bat ez datozen elementuak, behar bezala ikusten ez diren lerroak eta halakoak baditugu.

  • Askotan kodeek etiketa zaharrak edo tartekatuak izaten dituzte, eta beste etiketa batzuen ekintza oztopatzen dute. Kodea irakurri eta behar ez diren elementuak ezabatzen baditugu, espero ez ditugun lerrokatze- edo formatu-portaerak konpon ditzakegu.

HTML lengoaia

Testu-prozesadore batetik edukia kopiatzea

• Idatzi testu sinple bat formatu jakin batekin testu-prozesadore batean, honelako zerbait:

Saskibaloia Saskibaloia taldeko kirola da, eta helburua da baloia sartzea saskian.

• Kopiatu prozesadoreko testua, eta itsats ezazu web orri motako baliabide batean, zure Moodle plataforman. Ikusi sortu den kodea. Hemen kode horren zati bat bakarrik erakutsiko dizugu:

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta content="Word.Document" name="ProgId" /><meta content="Microsoft Word 12" name="Generator" /><meta content="Microsoft Word 12" name="Originator" /><link href="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_filelist.xml" rel="File-List" /><!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>72</o:PixelsPerInch> <o:TargetScreenSize>1024x768</o:TargetScreenSize> </o:OfficeDocumentSettings> </xml><![endif]--><link href="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_themedata.thmx" rel="themeData" /><link href="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_colorschememapping.xml" rel="colorSchemeMapping" /><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves/> <w:TrackFormatting/> <w:HyphenationZone>21</w:HyphenationZone> <w:PunctuationKerning/> <w:ValidateAgainstSchemas/> … </xml><![endif]--><style> &lt;!-- /* Font Definitions */ @font-face {font-family:&quot;Cambria Math&quot;; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1107304683 0 0 159 0;} @font-face {font-family:Cambria; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1073741899 0 0 159 0;} @font-face {font-family:Tahoma; panose-1:2 11 6 4 3 5 4 4 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-520082689 -1073717157 41 0 66047 0;} @font-face {font-family:&quot;Tekton Pro Ext&quot;; panose-1:0 0 0 0 0 0 0 0 0 0; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-format:other; mso-font-pitch:variable; mso-font-signature:7 1 0 0 147 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:&quot;&quot;; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm; mso-pagination:widow-orphan; font-size:11.0pt; mso-bidi-font-size:12.0pt; font-family:&quot;Tahoma&quot;,&quot;sans-serif&quot;; mso-fareast-font-family:Cambria; mso-bidi-font-family:&quot;Times New Roman&quot;; mso-ansi-language:ES-TRAD; mso-fareast-language:EN-US;} p {mso-style-priority:99; mso-style-unhide:no; mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:11.0pt; mso-bidi-font-size:12.0pt; font-family:&quot;Times New Roman&quot;,&quot;serif&quot;; mso-fareast-font-family:&quot;Times New Roman&quot;;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt; mso-ascii-font-family:Cambria; mso-fareast-font-family:Cambria; mso-hansi-font-family:Cambria;} @page WordSection1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.WordSection1 {page:WordSection1;} --&gt; </style><!--[if gte mso 10]> …

• Honelako testu batekin egin daitekeen lehenengo gauza Limpiar Word HTML (Garbitu Word HTML) botoia sakatzea da:

• Horren ondoren, jatorriko testuaren arabera formatua zehazten duten goiburuak ezabatzea komeniko da, hau da, kode guztia ezabatzea edukira iritsi arte:

• Gero kodea ikusi ahal izango duzu akatsak edo beharrezko ez diren elementuak bilatzeko:

Adibide batzuk:

• <h1> erabiltzea goibururako.

• Zuzenak ez diren kodeak ordezkatzea, adibidez, <i> (letra etzana erabiltzeko modu zaharra) kendu eta <em> (letra etzana) jartzea.

• Egongo balira, <span style=…> guztiak kentzea, letra-estiloak zehazteko erabiltzen baitira. Hartara, plataformaren diseinuak zehaztutako letra-tipoa erabiliko da.

Garbiketaren emaitza hau izango litzateke:

<h1> Saskibaloia </h1> <p> <strong> Saskibaloia </strong> taldeko kirola da, eta helburua da baloia sartzea <em> saskian </em>.</p>