Kako koristiti HTML editor

HTML uređivač

Pregled

Ugrađeni HTML uređivač omogućuje instruktorima, nastavnicima i administratorima stvaranje i uređivanje sadržaja izravno unutar tečajeva, poruka, widgeta i još mnogo toga.

Ovaj članak će vas naučiti kako pristupiti i koristiti različite elemente uređivača za stvaranje zanimljivog i estetski privlačnog sadržaja.

Informacije
Imajte na umu da poslovna platforma zadano koristi semestralni tečaj , a akademska platforma zadano koristi semestralnu nastavu . Pojmovi tečaj i nastava u ovom su članku zamjenjivi.

Izbornik alatne trake

HTML uređivač prikazuje se prilikom uređivanja sadržaja u tečajevima, porukama, widgetima i još mnogo toga. Alatna traka sastoji se od trake izbornika i ikona koje vam omogućuju uređivanje sadržaja u odjeljku.

Informacije
Imajte na umu da se snimke zaslona u ovom članku prikazuju unutar odjeljka tečaja, ali alatna traka funkcionira isto unutar tečajeva, poruka i widgeta. Alat za izradu sadržaja s lijeve strane alatne trake dostupan je samo prilikom uređivanja tečajeva.

Odjeljak tečaja, modula, stranice u načinu uređivanja s označenom alatnom trakom

Gornja traka izbornika sastoji se od sedam izbornika, koji su detaljnije opisani u nastavku.

Odjeljak Kolegij, Modul, Uredi s istaknutim gornjim izbornicima alatne trake

Datoteka

Izbornik Datoteka uključuje sljedeće radnje:

Titula
Opis
Novi dokument
Briše tekstualni prozor od svih tekstova/slika/linkova.
Pregled
Otvorite skočni prozor za pregled objavljenog sadržaja.
Ispis
Ispišite sadržaj u tekstualni prozor.

Uredi

Izbornik Uredi uključuje sljedeće radnje.

Titula
Opis
Poništi
Poništi svoju najnoviju radnju.
Ponovi
Ponovite svoju najnoviju radnju.
Rez
Uklonite odabrani tekst/sliku i pohranite ga u međuspremnik.
Kopirati
Kopirajte odabrani tekst/sliku i pohranite ga u međuspremnik.
Zalijepiti
Zalijepi tekst/sliku iz međuspremnika.
Zalijepi kao tekst
Zalijepi sadržaj iz međuspremnika samo kao tekst, bez oblikovanja.
Odaberi sve
Označite/označite sav sadržaj u tekstualnom prozoru.
Pronađi i zamijeni
Pronađite riječ ili izraz i zamijenite ga novim (ako je primjenjivo).

Pogled

Izbornik Prikaz uključuje sljedeće radnje za pregled teksta i znakova unutar tekstualnog prozora.

Titula
Opis
Izvorni kod
Pregledajte/uredite izvorni kod u tekstualnom prozoru.
Prikaži nevidljive znakove
Prikazuje nevidljive znakove poput razmaka i mekih redaka.
Prikaži blokove
Prikazuje blokove odlomaka unutar tekstualnog prozora.
Pregled
Otvorite skočni prozor za pregled objavljenog sadržaja.

Umetnuti

Izbornik Umetanje uključuje sljedeće radnje za umetanje slika, videozapisa, tablica, poveznica i još mnogo toga.

Titula
Opis
Link
Umetnite hipervezu na URL.
Mediji
Umetnite/ugradite dio medija.
Stol Umetnite i izgradite tablicu.
Posebni znak Umetnite poseban znak.
Emoji Umetnite emotikon.
Vodoravna linija
Umetnite vodoravnu liniju.
Prijelom stranice
Umetnite prekid za početak nove stranice.
Neprekidni razmak
Umetnite razmak koji ne prekida stranicu.
Sidro
Umetnite sidro/oznaku na poziciju/lokaciju.
Umetni predložak
Umetnite spremljeni predložak.
Spremi kao predložak
Spremite označeni tekst kao predložak.
Datum/vrijeme
Umetnite opcije datuma ili vremena iz padajućeg izbornika.
Uredi jednadžbu
Kliknite za uređivanje označene jednadžbe.
Prenesi sliku
Kliknite za prijenos slike.
Prenesi datoteku
Kliknite za prijenos datoteke.
Izradite web konferenciju
Kliknite za dodavanje web konferencije u tekst*.
Snimanje zvuka
Kliknite za snimanje zvuka izravno u tekstualnom prozoru.
Snimi videozapis
Kliknite za snimanje videa izravno u tekstualnom prozoru.
Informacije
* Da bi se prikazale opcije Izradi web konferenciju, aplikacije za web konferencije prvo moraju biti instalirane iz centra aplikacija.

Format

Izbornik Oblikovanje uključuje sljedeće radnje za oblikovanje teksta.

Titula
Opis
Podebljano
Podebljaj odabrani tekst.
Kurziv
Pretvori odabrani tekst u kurziv.
Naglasiti
Podcrtajte odabrani tekst.
Precrtano
Precrtaj odabrani tekst.
Nadpis
Formatirajte odabrani tekst kao nadcrtani tekst.
Indeks
Formatirajte odabrani tekst kao indeks.
Kodirati
Formatirajte odabrani tekst kao kod.
Blokovi
Umetnite odgovarajuće formatiranje bloka iz padajućeg izbornika.
Fontovi
Odaberite drugi font iz padajućeg izbornika.
Veličine fonta
Odaberite veličinu fonta iz padajućeg izbornika.
Poravnaj
Odaberite stil poravnanja teksta iz padajućeg izbornika.
Visina retka
Odaberite visinu retka iz padajućeg izbornika.
Povećaj uvlaku
Uvucite tekst ili odlomak udesno.
Smanji uvlačenje
Pomaknite tekst ili odlomak ulijevo.
Boja teksta
Iz padajućeg izbornika odaberite željenu boju teksta.
Boja pozadine
Odaberite boju pozadine iz padajućeg izbornika.
Obriši formatiranje
Ukloni formatiranje iz odabranog teksta.

Alati

Izbornik Alati uključuje sljedeće radnje.

Titula
Opis
Izvorni kod
Pregledajte/uredite izvorni kod.
Broj riječi Pogledajte broj riječi i znakova.

Stol

Izbornik Tablica uključuje sljedeće radnje za umetanje tablice i izmjenu strukture tablice.

Titula
Opis
Stol
Umetnite tablicu.
Ćelija Opcije izmjene za odabrane ćelije iz padajućeg izbornika.
Red
Iz padajućeg izbornika možete izmijeniti, izbrisati i/ili umetnuti opcije za odabrani redak(e).
Kolona
Iz padajućeg izbornika možete izmijeniti, izbrisati i/ili umetnuti opcije za odabrani stupac(e).
Svojstva tablice
Pregledajte i mijenjajte svojstva tablice kao što su širina, visina, obrubi itd.
Izbriši tablicu
Izbriši odabranu tablicu.

Sekundarni izbornik alatne trake

Ispod glavnog izbornika, alatna traka sastoji se od lako dostupnih padajućih izbornika i ikona za dodatno formatiranje.

Odjeljak Kolegij, Modul, Uredi s istaknutim ikonama sekundarnog izbornika alatne trake

Poništi i ponovi

  1. Kliknite ikonu Poništi da biste poništili prethodnu radnju.
  2. Kliknite ikonu Ponovi za ponavljanje prethodne ikone.
Ikone za poništavanje i ponavljanje

Stilovi odlomaka i naslova

  1. Kliknite padajući izbornik stilova naslova da biste primijenili formate i stilove na tekst.

Odjeljak Kolegij, Modul, Uredi s aktivnim i označenim izbornikom Stil naslova

Stil fonta

  1. Kliknite padajući izbornik fonta da biste promijenili font teksta.
Odjeljak Kolegij, Modul, Uredi s aktivnim i istaknutim izbornikom Stil fonta

Veličina fonta

    1. Kliknite padajući izbornik veličine fonta da biste promijenili veličinu teksta.
    Odjeljak Kolegij, Modul, Uredi s aktivnim i istaknutim izbornikom Veličina fonta

    Format fonta

    1. Kliknite ikonu podebljanja za podebljavanje teksta.
    2. Kliknite ikonu kurziva za kurziv teksta.
    3. Kliknite ikonu podcrtavanja za podcrtavanje teksta.
    Ikone podebljanog, kurzivnog i podcrtanog teksta

    Boja teksta

      1. Kliknite ikonu boje teksta za odabir/promjenu boje fonta.
      Odjeljak Kolegij, Modul, Uredi s aktivnim i istaknutim izbornikom boje teksta

      Poravnanje teksta

      1. Kliknite ikonu poravnanja za poravnanje teksta.

      Odjeljak Kolegij, Modul, Uredi s aktivnim i označenim izbornikom Poravnanje

      Popis s grafičkim oznakama

      1. Kliknite ikonu popisa s grafičkim oznakama za izradu i formatiranje popisa s grafičkim oznakama.
      Odjeljak Kolegij, Modul, Uredi s aktivnim i označenim izbornikom s grafičkim oznakama

      Numerirani popis

      1. Kliknite ikonu numeriranog popisa za izradu i formatiranje popisa s grafičkim oznakama ili numeriranog popisa.
      Odjeljak Kolegij, Modul, Uredi s aktivnim i označenim izbornikom Numerirani popis

      Prenesi sliku i prenesi datoteku

      1. Kliknite ikonu za prijenos slike da biste prenijeli sliku.
      2. Kliknite ikonu za prijenos datoteke da biste prenijeli bilo koje datoteke.
      Ikone za prijenos slike i prijenos datoteke

      Obriši formatiranje

      1. Kliknite ikonu Izbriši oblikovanje da biste izbrisali stilove koji su možda nastali kopiranjem i lijepljenjem sadržaja.
      Ikona za brisanje formatiranja

      Boja pozadine

      1. Kliknite ikonu Boja pozadine za dodavanje isticanja tekstu/slikama.
      Odjeljak Kolegij, Modul, Uredi s aktivnim i istaknutim izbornikom Boja pozadine

      Napredna alatna traka

      Za dodatne funkcionalnosti:

      1. Kliknite na više ikona za prikaz napredne alatne trake.

      Odjeljak Kolegij, Modul, Uredi s istaknutom ikonom više

      Napredna alatna traka prikazuje se ispod sekundarne alatne trake i uključuje dodatne opcije opisane u nastavku.

      Odjeljak Kolegij, Modul, Uredi s istaknutim ikonama napredne alatne trake

      Uvlake i vodoravna linija

      1. Kliknite ikonu Smanji uvlačenje da biste smanjili uvlačenje teksta.
      2. Kliknite ikonu Povećaj uvlačenje za uvlačenje teksta.
      3. Kliknite ikonu Vodoravna linija za umetanje vodoravne linije.
      Ikone za smanjenje uvlake, povećanje uvlake i vodoravnu liniju

      Emoji

      1. Kliknite na emotikon Ikona emojija ikonu za otvaranje tipkovnice s emojijima.
      2. Kliknite emotikon da biste ga umetnuli.
      Odjeljak za tečaj, modul i uređivanje s skočnim zaslonom s emotikonima

      Posebni znakovi

      1. Kliknite na Posebni znak Ikona posebnog znaka ikonu za otvaranje skočnog prozora Posebni znakovi.
      2. Kliknite poseban znak da biste ga umetnuli.

      Odjeljak Kolegij, Modul, Uredi sa skočnim zaslonom za posebne znakove

      Napredne ikone

      1. Kliknite ikonu Umetni/uredi poveznicu za umetanje poveznice na bilo koji URL.
      2. Kliknite ikonu Umetni/Uredi medije za umetanje/ugrađivanje poveznice na bilo koji URL.
      3. Kliknite ikonu Umetni/uredi jednadžbu za umetanje/ugrađivanje poveznice na bilo koji URL.
      4. Kliknite ikonu Umetni predložak Ikona umetanja predloška za umetanje predloška.
      5. Kliknite ikonu Izvorni kod Ikona izvornog koda za pregled izvornog koda trenutne stranice.
      6. Kliknite ikonu Snimi zvuk Ikona snimanja zvuka za snimanje zvuka izravno na stranicu tečaja.
      7. Kliknite ikonu Snimi videozapis Ikona snimanja videa za snimanje videa izravno na stranicu tečaja.
      1. Kliknite ikonu Izradi web konferenciju Ikona za izradu web konferencije za stvaranje poveznice za web konferenciju pomoću jedne od padajućih opcija.
        1. Napomena - Prikazat će se samo aplikacije za web konferencije koje ste instalirali na svojoj platformi.

      Odjeljak Tečaj, Modul, Uredi s aktivnim i istaknutim izbornikom Stvori web konferenciju

      Najbolje prakse

      Koristite ove najbolje prakse kako biste maksimalno iskoristili uređivač.

      • Za umetanje prijeloma retka umjesto novog odlomka pritisnite Shift + Enter.
      • Prilikom ugrađivanja HTML widgeta, prvo pogledajte tekstualni prozor u izvornom kodu.
        • Kliknite padajući izbornik Prikaz .
        • Kliknite < > Izvorni kod .
      • Zalijepite sadržaj treće strane kao običan tekst kako biste izbjegli pogreške u formatiranju.
      • Da biste rubove tablice učinili nevidljivima:
        • Odaberite tablicu.
        • Kliknite Svojstva tablice .
        • Na kartici Općenito u skočnom prozoru postavite širinu obruba na "0".
        • Na kartici Napredno odaberite stil obruba "Skriveno" ili "Nijedan".

      Odjeljak Kolegij, Modul, Uredi s odabranom tablicom i istaknutom ikonom Svojstva tablice

      Provjera pravopisa

      Uređivač uključuje provjeru pravopisa koja crvenom linijom označava riječi koje nisu ispravno napisane. Za ispravljanje pravopisne pogreške:

      1. Pritisnite CTRL + Desni klik miša .
      2. Odaberite točan pravopis s popisa prijedloga.
      Odjeljak Kolegij, Modul, Uredi s aktivnim i istaknutim izbornikom za pravopis

      Ugrađivanje varijabli

      Varijable možete ugraditi u stranice lekcija pomoću formata {{naziv varijable}}. To vam omogućuje prilagodbu sadržaja za korisnike i tečajeve.

      Na stranici sadržaja mogu se koristiti sljedeće varijable:
      • {{class_custom_field_1}}
      • {{class_custom_field_2}}
      • {{datum završetka nastave}}
      • {{class_id}}
      • {{location_class}}
      • {{naziv_klase}}
      • {{naziv_razreda_s_vezom}}
      • {{datum_početka_klase}}
      • {{completed_at_utc}}
      • {{kod_kursa}}
      • {{kredita}}
      • {{dani_u_razredi}}
      • {{days_left}}
      • {{deactivate_students_after}}
      • {{organization_id}}
      • {{naziv_organizacije}}
      • {{section_code}}
      • {{naziv_stranice}}
      • {{naziv_stranice_s_url-om}}
      • {{ime_učitelja}}
      • {{ime_učitelja_s_vezom}}
      • {{e-pošta_korisnika}}
      • {{user_first_name}}
      • {{korisničko_full_ime}}
      • {{korisničko_puno_ime_s_vezom}}
      • {{korisnički_id}}
      • {{korisničko_prezime}}
      • {{user_preferred_contact_method}}
      • {{korisnički_ssn}}
      • {{korisnički ID}}
      • {{zašto}}

      Odjeljak Kolegij, Modul, Uredi s istaknutim primjerima varijabli

      Videozapisi o određivanju veličine

      Ako u HTML editoru dodate videozapis kao poveznicu, njegovu veličinu možete postaviti pomoću ovog HTML koda:
      <a width='100' height='700'>veza</a>.
      1. Ako želite da se veličina videozapisa automatski prilagodi, možete izostaviti jednu od vrijednosti (širinu ili visinu).
      2. Također možete koristiti postotne vrijednosti za postavljanje veličine videozapisa, na primjer, <width='100%' >.

      Uređivanje slika

      Uređivač nudi razne mogućnosti za uređivanje slika nakon što se prenesu. Za uređivanje slike:

      1. Kliknite na sliku.
      2. Pojavljuje se izbornik s opcijama.
      Ikona
      Opis
      Ikona za okretanje u smjeru suprotnom od kazaljke na satu
      		 Zakreni sliku suprotno od kazaljke na satu
      Ikona za okretanje u smjeru kazaljke na satu
      		 Rotiranje slike u smjeru kazaljke na satu
      Ikona za horizontalno okretanje slike
      		 Okreni sliku vodoravno
      Ikona za vertikalno okretanje slike Okreni sliku okomito
      Ikona obrezivanja slike
      		 Obrezivanje slike
      Ikona za uređivanje slike
      		 Uredi svojstva slike

      Odjeljak Kolegij, Modul, Uredi s označenom slikom i aktivnom alatnom trakom za uređivanje slike

      Ako odaberete ikonu Uredi svojstva slike , prikazat će se skočni prozor Umetni/uredi sliku.
      1. Izvor : Prikazuje izvor slike.
      2. Alternativni opis : Ovaj opis čitaju čitači zaslona kako bi pomogli slabovidnim korisnicima.
      3. Širina i visina : Prilagodite veličinu slike.
        1. Napomena: Pomoću ikone lokota provjerite da slika zadrži omjer širine i visine.


      Prilikom dodavanja nove slike možete dodati i opis za čitače zaslona:
      1. Unesite opis u polje Opis slike .

      Skočni prozor za prijenos slike

      Predlošci sadržaja

      Predlošci sadržaja omogućuju vam spremanje fragmenata HTML-a u Katalog resursa, a zatim ih jednostavno umetanje u područja sadržaja u budućnosti. Ovu značajku možete koristiti za stvaranje biblioteke uobičajenih elemenata sadržaja koje često koristite u svojim područjima sadržaja.

      Za dodavanje fragmenta HTML-a u predložak sadržaja:

      1. Odaberite tekst i/ili slike u HTML editoru.
      2. Desni klik miša.
      3. Odaberite Spremi kao predložak .

      Odjeljak Kolegij, Modul, Uredi s odabranim tekstom i slikom, s označenom opcijom Spremi kao predložak u izborniku koji se prikazuje klikom desne tipke miša

      1. Unesite naslov za predložak.
      2. Kliknite U redu .
      3. Predložak sadržaja bit će spremljen u vašu osobnu biblioteku.

      Skočni prozor Spremi kao predložak

      Za pristup spremljenim predlošcima sadržaja:

      1. Kliknite Resursi na lijevoj navigacijskoj traci.
      2. U skočnom izborniku kliknite Katalog .
      3. Filtriraj po vrsti resursa > predlošku sadržaja u ploči za pretraživanje.
      4. Kliknite predložak sadržaja.

      Resursi, stranica kataloga s istaknutim odjeljkom Vrsta resursa u ploči za pretraživanje

      Prikazuje se predložak sadržaja. Za više detalja o predlošku sadržaja:
      1. Kliknite Detalji .

      Resursi, skočni prozor predloška sadržaja


      Sada možete ažurirati odjeljak sadržaja:
      1. Kliknite Uredi za uređivanje sadržaja .
      2. Kliknite Izbriši za uklanjanje predloška.

      Resursi, predložak sadržaja s istaknutim ikonama za uređivanje i brisanje

      Ako kliknete uredi, možete ažurirati sadržaj i podijeliti ga s drugim korisnicima.
      1. Odaberite Osobnu , Organizacijsku ili Poslovnu biblioteku ako želite da predložak sadržaja bude dostupan drugim korisnicima.
      2. Nakon uređivanja sadržaja kliknite Spremi .

      Resursi, ekran za uređivanje predloška sadržaja

      Za umetanje kopije predloška sadržaja u odjeljak:
      1. Pristupite odjeljku.
      2. Desni klik miša.
      3. Odaberite Umetni predložak .
      4. Odaberite predložak s padajućeg popisa.
      5. Kliknite Spremi .
      Odjeljak Kolegij, Modul, Uredi s istaknutim predloškom za umetanje u izborniku koji se prikazuje klikom desne tipke miša