Lehe sisu lisamine

Lehe sisu lisamine toimub tekstitoimeti kaudu. Alguses näidatakse tekstitoimetis vaid ühte, ülemist nupurida. Alumise nupurea avamiseks klõpsake kõige parempoolsemal nupul (5).

1. Tekst

Teksti saab tekstitoimetisse otse kirjutada või teisest failist kopeerida. Kõige parem oleks kopeerida kujundamata teksti ja kujundada see Sisu@UT-s. Et üleliigsetest kujundustest lahti saada, tuleb soovitud tekstilõik hiirega aktiveerida ja klõpsata kustukummil - Remove Formatting (3). Kui määrate teksti stiiliks Paragraph või Heading, siis saate hiljem css-na vastavaid stiile muuta.

Tabeli lisamiseks tuleb esmalt avada alumine nupurida (5) ja siis klõpsata nupul Insert/Edit Table (6).

2. Pilt

Pildi lisamiseks tuleb avada tekstitoimeti, panna kursor soovitud kohta ja klõpsata Add media (4). Avaneval lehel My Computer  valida Upload, otsida pilt ja klõpsata sellel ning siis nupul Submit. Pilt lisatakse tekstitoimetisse. Kord juba Sisu@UT-sse laetud pilt on hiljem leitav lehel My Library.

Pildi paigutuse ja suuruse muutmiseks tuleb klõpsata tekstitoimetis pildil ja seejärel Insert/Edit Image (1). Pilti saab teksti kõrvale vasakule või paremale joondada ka samadest nuppudest, kust toimub teksti joondamine. Kui klõpsata pildi seadete aknas lipikul Appearance, saab muuta pildi suurust (soovitavalt ainult väiksemaks ning jälgides, et oleks märgitud linnukesega seade Constrain Proportions), saab määrata pildi kaugust tekstist (Vertical Space ja Horisontal Space, nt 10px).

Pildile saab lisada allkirja, mis on ülejäänud tekstist heledam ning paikneb pildi all pildi laiuselt. Allkirjaks muutub tekst, mis on sisestatud lahtrisse Title. Allkirja teksti muutmisrežiimis olles ei näidata - seda näeb pärast salvestamist vaatamisrežiimis.


Kui soovite pildi allkirjaks lisada pildi allikat (nt linki pildi veebiaadressi), tuleb ka see kopeerida
 lahtrisse Title järgmiselt:

[val=Link href=veebiaadress]

Näiteks alljärgneva pildi allkirja puhul:

Roosad orhideed. <br>Allikas: [val= http://p1.pichost.me/i/13/1358832.jpg href=http://p1.pichost.me/i/13/13...

3. Audio

Audio lisamiseks pleierina tuleb alljärgnev kood kopeerida tekstitoimetisse html-režiimis klikkides nupul HTML (2):

<audio controls="controls"> <source src="https://..." type="audio/mpeg"></audio>

Kolme punkti asemele tuleb kopeerida/kirjutada audiofaili aadress. Kuna vanemate veebilehitsejate jaoks oleks hea lisada pleieri alla (juhuks, kui pleier ei tööta) ka link audiofailile, siis saategi audiofaili aadressi pärast lingi lisamist sellel paremat hiirenuppu klõpsates - Copy Link Address (Google Chrome) või Properties (Internet Explorer). Jälgige, et audiofaili veebiaadressi alguses oleks kindlasti https.

Vt näidet: http://sisu.ut.ee/demo/home

4. Video

Video lisatakse kas veebilingina või embed-koodina.

Kui video on UTTVs

Lähete seal vastava video lehele, klõpsate video all Vali tegevus - Embed. Kopeerige näidatav embed-kood (CTRL C). Pange kursor tekstitoimetis sobivasse kohta ja klikkige Add media (4) ning Web. Kleepige embed-kood aknasse (CTRL V). Kui soovite, et video oleks veidi väiksema suurusega (vaikimisi on laius 750 ja kõrgus 440px), tuleb seda koodi pisut muuta jälgides, et video külgede proportsioonid oleksid õiged (näiteks laius 615 ja kõrgus 380 või laius 285 ja kõrgus 185). Muudetud embed-kood oleks siis näiteks: <iframe width="615" height="380" src="https://www.uttv.ee/embed?id=18336" frameborder="0" allowfullscreen></iframe>

Kui video on YouTube-s

Saate selle video embed-koodi, klõpsates video all Share ja Embed. Kopeerige näidatav embed-kood (CTRL C). Pange kursor tekstitoimetis sobivasse kohta ja klõpsake Add media (4) ning Web. Kleepige embed-kood avanevasse aknasse (CTRL V). Aknasse Enter an image URL or an embed code võib sisestada ka YouTube-s oleva video URL-i, mille tulemusena paigutatakse video veebilehel automaatselt pleieris mängima.

Vt näidet: http://sisu.ut.ee//demo/home

5. Flash-animatsioon (.swf)

Animatsioon swf-failina tuleks esmalt lisada Sisus lehele manusena (Attach Files - tekstitoimeti järel) ja leht salvestada. Siis saate lisatud failil paremat hiirenuppu klõpsates valida Kopeeri lingi aadress (Copy Link Address) ning kleepida selle embed-koodi lõiku rasvases kirjas oleva osa asemele:  

<object type="application/x-shockwave-flash" data="https://sisu.ut.ee/sites/default/files/demo/files/animatsioon.swf" width="600" height="500">
<param name="movie" value="https://sisu.ut.ee/sites/default/files/demo/files/animatsioon.swf" /><param name="wmode" value="transparent" /></object>

Animatsiooni mõõdud (näites width="600" height="500") muutke õigeks vastavalt enda animatsioonile.

Pange kursor Sisu lehe tekstitoimetis sobivasse kohta ja klõpsake Add media (4) ning Web. Kleepige parandatud embed-kood avanevasse aknasse (CTRL V). 

Vt näidet: https://sisu.ut.ee/demo/leht1-alam

6. Hüpikaknad

Teksti sees on võimalik osa sõnu muuta linkideks, mis avavad uue sisuga hüpikakna (nt sõnast avanev lisainfo, selgitus vm).

Hüpikakna lisamiseks aktiveerige soovitud sõna ja klõpsake esmalt nupul 5, mis avab alumise nupurea ja seal nupul 8. Valitud sõna on lahtris Link ja hüpikakna sisu tuleb lisada lahtrisse Content. Akna suuruse võita jätta ka määramata - see on vaikimisi määratud.

Vt näidet: http://sisu.ut.ee//demo/home

7. Peida-näita

See funktsioon võimaldab teksti vahele lisada mõtlemisülesandeid, lisalugemist jm, mis avaneb vastaval tekstil klikkides. 

Peida-näita funktsiooni lisamiseks aktiveerige soovitud sõnad ja klikkige esmalt nupul 5, mis avab alumise nupurea ja seal nupul 7. Valitud sõnad on lahtris Title ja peidetud sisu tuleb lisada lahtrisse Content.

Vt näidet: http://sisu.ut.ee//demo/home

8. HotPotatoes test

Kui olete loonud HotPotatoes programmiga enesetesti ja selle htm-failina eksportinud, saate selle integreerida enda sisupaketi lehele. Esmalt lisage htm-fail lehe alaserva manusena (Attach files). Pärast lehe salvestamist saate parema hiirenupu abil lisatud faili veebiaadressi - Kopeeri lingi aadress (Copy Link Address). Avage uuesti leht toimetamiseks ja kleepige faili veebiaadress lehele, kirjutage http asemele https ning lisage veebiaadressi ette ja taha kolm nurksulgu. Nt. . Pärast salvestamist näidatakse otse teie lehel enesetesti.

Vt näidet: http://sisu.ut.ee/demo/hotpotatoes-test

9. iFrame

iFrame'i abil saab sisupaketi lehele integreerida välise veebilehe. 

NB! Integreeritava veebilehe aadress peab algama kindlasti https-iga (mitte http), vastasel juhul nende kuvamine blokeeritakse veebilehitseja poolt.

Veebiaadress tuleb lisada tekstitoimetis lehe sisusse kolmekordsete nurksulgude vahele.

Kui soovite, et integreeritud leht oleks nt kõrgusega 500px and laiusega 300px, tuleb veebiaadressi järele nurksulgude vahele lisada ka height=500px width=300px.

Vt täpsemalt: https://drupal.org/project/insertFrame  

Vt näidet: https://sisu.ut.ee/demo/node/4879

10. Manused

Lehele saab lisaks eelpool toodule lisada ka manuseid - erinevas formaadis faile. Neid näidatakse sõltuvalt formaadist lehe lõpus erinevalt: pildifaile pisipiltidena ja teisi faile nimega ning mahuga.

Kui soovite manusena lisatud faili asendada samanimelise failiga, avage leht muutmisrežiimis, klõpsake manuse järel nuppu Muuda ja seejärel Replace file juures valige uus fail. Nii ei muutu faili asendades faili nimi - sellele ei lisata automaatset versiooninumbrit.