Editor HTML

Prezentare generală

Editorul HTML încorporat permite instructorilor, profesorilor și administratorilor să creeze și să editeze conținut direct în cadrul cursurilor, mesajelor, widget-urilor și multe altele.

Acest articol vă va învăța cum să accesați și să utilizați diversele elemente ale editorului pentru a crea conținut captivant și estetic.

Vă rugăm să rețineți că platforma de afaceri are implicit opțiunea cursului semestrial, iar platforma academică are implicit opțiunea clasei semestriale. Termenii curs și clasă sunt interschimbabili în acest articol.

Meniul Barei de instrumente

Editorul HTML se afișează la editarea conținutului în cursuri, mesaje, widget-uri și altele. Bara de instrumente este formată dintr-o bară de meniu și pictograme care vă permit să editați conținutul din secțiune.

Rețineți că capturile de ecran din acest articol se afișează în cadrul unei secțiuni a cursului, dar bara de instrumente funcționează la fel în cadrul cursurilor, mesajelor și widget-urilor. Constructorul de conținut din stânga barei de instrumente este disponibil numai la editarea cursurilor.

Curs, Modul, secțiune de pagină în modul de editare cu bara de instrumente evidențiată

Bara de meniu superioară este formată din șapte meniuri, care sunt prezentate mai detaliat mai jos.

Curs, Modul, secțiunea Editare cu meniurile superioare ale Barei de instrumente evidențiate

Fişier

Meniul Fișier include următoarele acțiuni:

Titlu	Descriere
Document nou	Șterge fereastra de text de tot textul/imaginile/linkurile.
Previzualizare	Deschideți o fereastră pop-up pentru a vedea o previzualizare a conținutului publicat.
Imprimare	Imprimați conținutul în fereastra de text.

Edita

Meniul Editare include următoarele acțiuni.

Titlu	Descriere
Anula	Anulați cea mai recentă acțiune.
Refaceți	Refaceți cea mai recentă acțiune.
Tăiați	Eliminați textul/imaginea selectată și salvați-o în clipboard.
Copie	Copiați textul/imaginea selectată și salvați-o în clipboard.
Pastă	Lipiți textul/imaginea din clipboard.
Lipire ca text	Lipește conținutul din clipboard doar ca text, fără formatare.
Selectați tot	Selectați/evidențiați tot conținutul din fereastra de text.
Găsiți și înlocuiți	Găsiți un cuvânt sau o expresie și înlocuiți-o cu un cuvânt/o expresie nouă (dacă este cazul).

Vedere

Meniul Vizualizare include următoarele acțiuni pentru vizualizarea textului și a caracterelor în fereastra de text.

Titlu	Descriere
Cod sursă	Vizualizați/editați codul sursă în fereastra de text.
Afișează caracterele invizibile	Afișează caractere invizibile, cum ar fi spații și retururi soft.
Afișează blocurile	Afișează blocuri de paragrafe în fereastra de text.
Previzualizare	Deschideți o fereastră pop-up pentru a vedea o previzualizare a conținutului publicat.

Introduce

Meniul Inserare include următoarele acțiuni pentru inserarea de imagini, videoclipuri, tabele, linkuri și multe altele.

Titlu	Descriere
Legătură	Introduceți un hyperlink către o adresă URL.
Media	Inserarea/încorporarea unui element media.
Masă	Inserați și construiți un tabel.
Caracter special	Introduceți un caracter special.
Emoji-uri	Introduceți un emoji.
Linie orizontală	Introduceți o linie orizontală.
Sfârșit de pagină	Introduceți o pauză pentru a începe o pagină nouă.
Spațiu neseparabil	Introduceți un spațiu care să nu întrerupă pagina.
Ancoră	Introduceți o ancoră/un marcaj într-o poziție/locație.
Inserați șablonul	Introduceți un șablon salvat.
Salvați ca șablon	Salvați textul evidențiat ca șablon.
Data/ora	Introduceți opțiuni de dată sau oră din meniul derulant.
Editați ecuația	Faceți clic pentru a edita o ecuație evidențiată.
Încărcați imaginea	Faceți clic pentru a încărca o imagine.
Încărcați fișierul	Faceți clic pentru a încărca un fișier.
Creați conferințe web	Faceți clic pentru a adăuga conferința web la text*.
Înregistrați audio	Faceți clic pentru a înregistra audio direct în fereastra de text.
Înregistrați videoclipul	Faceți clic pentru a înregistra videoclipul direct în fereastra de text.

Pentru ca opțiunile Creare conferințe web să fie afișate, aplicația (aplicațiile) pentru conferințe web trebuie mai întâi instalată(e) din Centrul de aplicații.

Format

Meniul Format include următoarele acțiuni pentru formatarea textului.

Titlu	Descriere
Îndrăzneţ	Scrieți textul selectat cu caractere aldine.
Cursiv	Scrieți textul selectat în cursiv.
Subliniere	Subliniați textul selectat.
Tăiere cu o linie	Tăiați textul selectat cu o linie.
Superscript	Formatați textul selectat ca exponent.
Indice	Formatați textul selectat ca indice.
Cod	Formatați textul selectat ca și cod.
Blocuri	Introduceți formatarea blocului corespunzătoare din meniul derulant.
Fonturi	Selectați un font diferit din meniul derulant.
Dimensiuni font	Selectați o dimensiune a fontului din meniul derulant.
Alinia	Selectați un stil de aliniere a textului din meniul derulant.
Înălțimea liniei	Selectați înălțimea liniei din meniul derulant.
Măriți indentarea	Indentați textul sau paragraful la dreapta.
Micșorează indentarea	Mută textul sau paragraful la stânga.
Culoarea textului	Selectați culoarea dorită pentru text din meniul derulant.
Culoare de fundal	Selectați o culoare de fundal din meniul derulant.
Ștergeți formatarea	Ștergeți formatarea din textul selectat.

Instrumente

Meniul Instrumente include următoarele acțiuni.

Titlu	Descriere
Cod sursă	Vizualizați/editați codul sursă.
Număr de cuvinte	Vizualizați numărul de cuvinte și caractere.

Masă

Meniul Tabel include următoarele acțiuni pentru inserarea unui tabel și modificarea structurii tabelului.

Titlu	Descriere
Masă	Introduceți un tabel.
Celulă	Opțiuni de modificare pentru celulele selectate din meniul derulant.
Rând	Modificați, ștergeți și/sau inserați opțiuni pentru rândul/rândurile selectat(e) din meniul derulant.
Coloană	Modificați, ștergeți și/sau inserați opțiuni pentru coloana (coloanele) selectată(e) din meniul derulant.
Proprietățile tabelului	Vizualizați și modificați proprietățile tabelului, cum ar fi lățimea, înălțimea, marginile etc.
Ștergeți tabelul	Ștergeți tabelul selectat.

Meniul secundar al barei de instrumente

Sub meniul principal, bara de instrumente constă în opțiuni derulante ușor accesibile și pictograme pentru formatare suplimentară.

Anulare și Refacere

Faceți clic pe pictograma Anulare pentru a anula acțiunea anterioară.
Faceți clic pe pictograma Refacere pentru a reface pictograma anterioară.

Stiluri de paragraf și titlu

Faceți clic pe meniul derulant cu stiluri de titlu pentru a aplica formate și stiluri textului.

Curs, Modul, secțiunea Editare cu meniul Stil titlu activ și evidențiat

Stilul fontului

Faceți clic pe meniul derulant font pentru a schimba fontul textului.

Curs, Modul, secțiunea Editare cu meniul Stil font activ și evidențiat

Dimensiunea fontului

Faceți clic pe meniul derulant pentru dimensiunea fontului pentru a modifica dimensiunea textului.

Curs, Modul, secțiunea Editare cu meniul Dimensiune font activ și evidențiat

Formatul fontului

Faceți clic pe pictograma îngroșată pentru a scrie text îngroșat.
Faceți clic pe pictograma cursiv pentru a scrie textul în cursiv.
Faceți clic pe pictograma de subliniere pentru a sublinia textul.

Pictograme îngroșate, cursive și subliniate

Culoarea textului

Faceți clic pe pictograma culoare text pentru a alege/schimba culoarea fontului.

Curs, Modul, secțiunea Editare cu meniul de culori al textului activ și evidențiat

Aliniere text

Faceți clic pe pictograma de aliniere pentru a alinia textul.

Curs, Modul, secțiunea Editare cu meniul Aliniere activ și evidențiat

Listă cu marcatori

Faceți clic pe pictograma listă cu marcatori pentru a crea și formata o listă cu marcatori.

Listă numerotată

Faceți clic pe pictograma listei numerotate pentru a crea și formata o listă cu marcatori sau numerotată.

Încărcați imaginea și încărcați fișierul

Faceți clic pe pictograma de încărcare a imaginii pentru a încărca o imagine.
Faceți clic pe pictograma de încărcare a fișierelor pentru a încărca orice fișiere.

Pictograme pentru încărcarea imaginilor și a fișierelor

Ștergeți formatarea

Faceți clic pe pictograma Ștergeți formatarea pentru a șterge stilurile care ar fi putut fi preluate din copierea și lipirea conținutului.

Culoare de fundal

Faceți clic pe pictograma Culoare de fundal pentru a adăuga evidențiere textului/imaginilor.

Curs, Modul, secțiunea Editare cu meniul Culoare fundal activ și evidențiat

Bara de instrumente avansată

Pentru funcționalități suplimentare:

Faceți clic pe mai multe pictogramă pentru a afișa bara de instrumente avansată.

Bara de instrumente avansată se afișează sub bara de instrumente secundară și include opțiuni suplimentare descrise mai jos.

Curs, Modul, secțiunea Editare cu pictogramele barei de instrumente Avansat evidențiate

Indentări și linie orizontală

Faceți clic pe pictograma Micșorare indentare pentru a reduce indentarea textului.
Faceți clic pe pictograma Mărire indentare pentru a indenta textul.
Faceți clic pe pictograma Linie orizontală pentru a insera o linie orizontală.

Pictograme pentru reducerea indentării, creșterea indentării și linie orizontală

Emoji-uri

Faceți clic pe emoji pictogramă pentru a deschide tastatura Emoji.
Faceți clic pe un emoji pentru a-l insera.

Curs, Modul, secțiunea Editare cu ecranul pop-up Emoji

Caractere speciale

Faceți clic pe caracterul special pentru a deschide fereastra pop-up Caracter special.
Faceți clic pe un caracter special pentru a-l insera.

Pictograme avansate

Faceți clic pe pictograma Inserare/editare link pentru a insera un link către orice adresă URL.
Faceți clic pe pictograma Inserare/Editare media pentru a insera/încorpora un link către orice adresă URL.
Faceți clic pe pictograma Inserare/editare ecuație pentru a insera/încorpora un link către orice adresă URL.
Faceți clic pe pictograma Inserare șablon pentru a insera un șablon.
Faceți clic pe pictograma Cod sursă pentru a vizualiza codul sursă al paginii curente.
Faceți clic pe pictograma Înregistrare audio pentru a înregistra audio direct în pagina cursului.
Faceți clic pe pictograma Înregistrare video pentru a înregistra videoclipuri direct pe pagina cursului.

Faceți clic pe pictograma Creare conferință web pentru a crea un link către o conferință web utilizând una dintre opțiunile din meniul derulant.

Notă - Se vor afișa doar aplicațiile de conferințe web pe care le aveți instalate pe platforma dvs.

Secțiunea Curs, Modul, Editare cu meniul Creare conferință web activ și evidențiat

Cele mai bune practici

Folosește aceste bune practici pentru a profita la maximum de editor.

Pentru a insera o sfârșire de linie în loc de un paragraf nou, apăsați Shift + Enter.
Când încorporați widget-uri HTML, vizualizați mai întâi fereastra de text din codul sursă.

Faceți clic pe meniul derulant Vizualizare .
Faceți clic pe < > Cod sursă .

Lipiți conținutul terț ca text simplu pentru a evita erorile de formatare.
Pentru a face marginile unui tabel invizibile:

Selectați tabelul.
Faceți clic pe Proprietăți tabel .
În fila General a ferestrei pop-up, setați lățimea bordurii la „0”.
În fila Avansat , selectați stilul de bordură „Ascuns” sau „Niciunul”.

Curs, Modul, secțiunea Editare cu un tabel selectat și pictograma Proprietăți tabel evidențiată

Verificator ortografic

Editorul include un verificator ortografic, care marchează cuvintele care nu sunt scrise corect cu o linie roșie. Pentru a corecta o greșeală de ortografie:

Apăsați CTRL + Clic dreapta cu mouse-ul .
Selectați ortografia corectă din lista de sugestii.

Curs, Modul, secțiune Editare cu un meniu de ortografie activ și evidențiat

Încorporarea variabilelor

Puteți încorpora variabile în paginile de lecții utilizând formatul {{nume variabilă}}. Acest lucru vă permite să personalizați conținutul pentru utilizatori și cursuri.

Următoarele variabile pot fi utilizate în pagina de conținut:

{{câmp_personalizat_clasă_1}}
{{câmp_personalizat_clasă_2}}
{{data_sfârșitului_clasei}}
{{class_id}}
{{locație_clasă}}
{{nume_clasă}}
{{nume_clasă_cu_link}}
{{data_început_clasă}}
{{completed_at_utc}}
{{codul_cursului}}
{{credite}}
{{zile_în_clasă}}
{{days_left}}
{{deactivate_students_after}}
{{id_organizație}}
{{numele_organizației}}
{{section_code}}
{{nume_site}}
{{numele_site-ului_cu_url}}
{{nume_profesor}}
{{numele_profesorului_cu_link}}
{{email_utilizator}}
{{nume_utilizator}}
{{nume_complet_utilizator}}
{{nume_full_utilizator_cu_link}}
{{ID-ul de utilizator}}
{{nume_utilizator}}
{{metoda_de_contact_preferată_de_utilizator}}
{{nume_de_siguranță_utilizator}}
{{ID-ul de utilizator}}
{{de ce}}

Curs, Modul, secțiunea Editare cu exemple de variabile evidențiate

Videoclipuri despre dimensionare

Dacă adăugați un videoclip ca link în editorul HTML, puteți seta dimensiunea acestuia folosind acest cod HTML:

<a width='100' height='700'>legătură</a>.

Dacă doriți ca dimensiunea videoclipului să fie automată, puteți omite una dintre valori (lățime sau înălțime).
De asemenea, puteți utiliza valori procentuale pentru a seta dimensiunea unui videoclip, de exemplu, <width='100%' >.

Editarea imaginilor

Editorul oferă diverse opțiuni pentru editarea imaginilor odată ce acestea sunt încărcate. Pentru a edita o imagine:

Faceți clic pe imagine.
Apare un meniu de opțiuni.

Pictogramă	Descriere
	Rotește imaginea în sens invers acelor de ceasornic
	Rotește imaginea în sensul acelor de ceasornic
	Întoarceți imaginea pe orizontală
	Întoarceți imaginea pe verticală
	Decupează imaginea
	Editați proprietățile imaginii

Curs, Modul, secțiunea Editare cu o imagine evidențiată și bara de instrumente pentru editarea imaginilor activă

Dacă selectați pictograma Editare proprietăți imagine , se afișează fereastra pop-up Inserare/Editare imagine.

Sursă : Afișează sursa imaginii.
Descriere alternativă : Această descriere este citită de cititoarele de ecran pentru a ajuta utilizatorii cu deficiențe de vedere.
Lățime și înălțime : Ajustați dimensiunea imaginii.

Notă: Folosiți pictograma lacăt pentru a vă asigura că imaginea își păstrează raportul lățime/înălțime.

Când adăugați o imagine nouă, puteți adăuga și o descriere pentru cititoarele de ecran:

Introduceți o descriere în câmpul Descrierea imaginii .

Încărcați o imagine pop-up

Șabloane de conținut

Șabloanele de conținut vă permit să salvați fragmente de HTML în Catalogul de resurse și apoi să le inserați cu ușurință în zonele de conținut în viitor. Puteți utiliza această funcție pentru a crea o bibliotecă de elemente de conținut comune pe care le utilizați frecvent în zonele dvs. de conținut.

Pentru a adăuga un fragment HTML într-un șablon de conținut:

Selectați textul și/sau imaginile în editorul HTML.
Clic dreapta cu mouse-ul.
Selectați Salvare ca șablon .

Curs, Modul, secțiunea Editare cu text și o imagine selectate, cu Salvare ca șablon evidențiată în meniul cu clic dreapta pe mouse

Introduceți un titlu pentru șablon.
Faceți clic pe Ok .
Șablonul de conținut va fi salvat în biblioteca personală.

Fereastra pop-up Salvare ca șablon

Pentru a accesa șabloanele de conținut salvate:

Faceți clic pe Resurse din bara de navigare din stânga.
Faceți clic pe Catalog din meniul glisant.
Filtrați după Tip resursă > Șablon de conținut în panoul Căutare.
Faceți clic pe șablonul de conținut.

Resurse, pagină de catalog cu secțiunea Tip resursă evidențiată în panoul Căutare

Șablonul de conținut se afișează. Pentru a vedea mai multe detalii despre un șablon de conținut:

Faceți clic pe Detalii .

Resurse, fereastră pop-up pentru șabloane de conținut

Acum puteți actualiza secțiunea de conținut:

Faceți clic pe Editare pentru a edita conținutul .
Faceți clic pe Ștergere pentru a elimina șablonul.

Resurse, șablon de conținut cu pictogramele Editare și Ștergere evidențiate

Dacă dați clic pe Editare, puteți actualiza conținutul și îl puteți partaja cu alți utilizatori.

Selectați Personal , Organizație sau Bibliotecă pentru firme dacă doriți ca șablonul de conținut să fie disponibil și altor utilizatori.
După editarea conținutului, faceți clic pe Salvare .

Resurse, ecranul Editare șablon de conținut

Pentru a insera o copie a șablonului de conținut într-o secțiune:

Accesați secțiunea.
Clic dreapta cu mouse-ul.
Selectați Inserare șablon .
Selectați șablonul din lista derulantă.
Faceți clic pe Salvare .

Curs, Modul, secțiunea Editare cu șablonul Inserare evidențiat în meniul clic dreapta mouse-ului

Cum se utilizează editorul HTML