HTML-editorin käyttö

Talent-alustalla on käytössä tekstinmuokkaustyökalu eli HTML-editori suurimmissa osissa paikoista, joissa tekstiä voi joutua muokkaamaan enemmän (esim. sähköpostimallien -, kurssikuvausten - ja keskustelukysymysten luonnissa).

Tekstiä ei ikinä kannata liittää HTML-editoriin valmiiksi muotoiltuna, koska olemassa olevat muotoilut saattavat hajottaa linkkejä tai tehdä tekstistä vääränlaista. Parasta on siis joko kirjoittaa teksti itse suoraan editoriin, tai liittää se täysin ilman muotoilua.

Kaikkeen muotoiluun, ja kuvien ja linkkien lisäämiseen tulee käyttää editorin omia toimintoja.

Muutama vihje!

  • Tietokoneen Muistiinpanot (Notepad) -ohjelmasta kopioiminen on yksi parhaista tavoista varmistaa, ettei tekstissä ole ylimääräistä muotoilua.
  • Esimerkiksi wordistä kopioidessa voi Liittää ilman muotoiluja painamalla hiiren oikeaa nappia tai näppäinyhdistelmällä CTRL + SHIFT + V.

  • Editorin voi avata myös koko näytölle, jolloin suuremman kokonaisuuden muokkaaminen on huomattavasti helpompaa.

Teksti
HTML-editorista löytyy kaikki tavalliset muotoilutyökalut, joita voi suureksi osaa käyttää tutuilla pikakomennoilla.

Muutama esimerkki:

  • lihavointi – CTRL + B
  • kursivointi – CTRL + I
  • alleviivaus – CTRL + U
  • erilaiset fontit ja fonttikoot
  • erilaiset listat


HUOM! Jos haluat tehdä tekstiin sisennyksiä, sinun pitää käyttää editorin omaa sisennyt-painiketta. Tämä pätee, vaikka tekstieditori olisi sinulla auki koko näytöllä.

Kuvat
Lisättävien kuvien on oltava saatavilla oman yksikkösi sisältövarastossa.
  • Kuvan voi lisätä sisältövarastoon editoriin liittämisen ohessa, mutta paljon käytössä olevat kuvat (kuten organisaation logo) on hyvä lisätä Talenttiin etukäteen.
  • Kuvia voi lisätä hallintomoduulissa: Sisältövarasto > Yksittäiset tiedostot > Lisää tiedosto.

HTML-editorissa kuvaikonin painaminen avaa uuden selainikkunan Yksittäiset tiedostot -näkymään. Tässä kuvan voi valita valmiiksi lisätyistä, tai lisäämällä omalta koneelta uuden.

Browse avaa koneen Resurssienhallinnan (File Explorer) oletuksena Työpöytä (Desktop) kansioon.

Kun se on lisätty Sisältövarastoon, kuvan saa editoriin painamalla Valitse tiedosto.

Lisäämisen jälkeen, kuvan muokkausvaihtoehdot tulevat näkyviin kuvaa painamalla.

Muutama esimerkki:

  • Alleviivattu kuvaikoni = kuvatekstin lisäys
  • Tähtikuva = kuvan tyyli (pyöristetty jne.)
  • Iso T-kirjain = ALT-teksti / vaihtoehtoinen teksti
  • Viivain-/mittaikoni = kuvan koon muuttaminen
    • Kuvan kokoa voi muuttaa myös vetämällä.
    • Jos kokoa haluaa muuttaa tästä pikselimäärällä (px), muista pitää korkeudessa auto, ettei kuva veny väärän malliseksi.
Linkit

Linkin voi lisätä HTML-editoriin joko suoraan Lisää linkki -painikkeesta tai valitsemalla valmiiksi kirjoitettua tekstiä ja lisäämällä linkin siihen.

Muista tarkistaa onko linkki http- vai https-sivulle (vai sähköpostiosoite eli mailto: ) ja valitse oikea vaihtoehto. Tällä varmistetaan, että linkki toimii oikein.

On myös aina paras, että linkin laittaa aukeamaan uuteen välilehteen.

Linkkiä voi muotoilla / muokata vielä jälkikäteen laittamalla kursorin sen kohdalle.

Lyhyesti muita ominaisuuksia HTML-editorissa:

  • Videon lisääminen
  • Valmiin HTML-templaten käyttäminen
    • Lisätietoa: linkki puuttuu vielä.
  • Koodinäkymä ja HTML-koodilla sisällön lisääminen