A HTML-szerkesztő használata

HTML-szerkesztő

Áttekintés

A beépített HTML-szerkesztő lehetővé teszi az oktatók, tanárok és adminisztrátorok számára, hogy közvetlenül a kurzusokon, üzeneteken, widgeteken és egyebeken belül hozzanak létre és szerkeszthessenek tartalmakat.

Ez a cikk megtanítja, hogyan érheted el és használhatod a szerkesztő különböző elemeit, hogy lebilincselő és esztétikus tartalmat hozz létre.

Információ
Felhívjuk figyelmét, hogy az üzleti platform alapértelmezés szerint a kurzus , az akadémiai platform pedig a kurzus kifejezést használja. A kurzus és a kurzus kifejezések ebben a cikkben felcserélhetőek.

Az Eszköztár menü

A HTML-szerkesztő a kurzusok, üzenetek, widgetek és egyebek tartalmának szerkesztésekor jelenik meg. Az eszköztár egy menüsorból és ikonokból áll, amelyek lehetővé teszik a szakasz tartalmának szerkesztését.

Információ
Vegye figyelembe, hogy a cikkben található képernyőképek egy kurzusrészen belül jelennek meg, de az eszköztár ugyanúgy működik a kurzusokon, üzeneteken és widgeteken belül. Az eszköztár bal oldalán található Tartalomszerkesztő csak a kurzusok szerkesztésekor érhető el.

Kurzus, modul, oldalszakasz szerkesztési módban, kiemelt eszköztárral

A felső menüsor hét menüből áll, amelyeket az alábbiakban részletesebben ismertetünk.

Kurzus, Modul, Szerkesztés szakasz, kiemelve az Eszköztár felső menüivel

Fájl

A Fájl menü a következő műveleteket tartalmazza:

Cím
Leírás
Új dokumentum
Törli a szöveges ablakot az összes szövegtől/képtől/hivatkozástól.
Előnézet
Nyisson meg egy felugró ablakot a közzétett tartalom előnézetének megtekintéséhez.
Nyomtatás
Nyomtassa ki a szöveges ablak tartalmát.

Szerkesztés

A Szerkesztés menü a következő műveleteket tartalmazza.

Cím
Leírás
Visszavonás
Visszavonja a legutóbbi műveletet.
Újra
Ismételje meg a legutóbbi műveletet.
Vágott
A kijelölt szöveg/kép eltávolítása és mentése a vágólapra.
Másolat
Másolja a kijelölt szöveget/képet, és mentse el a vágólapra.
Paszta
Szöveg/kép beillesztése a vágólapról.
Beillesztés szövegként
Tartalom beillesztése a vágólapról csak szövegként, formázás nélkül.
Összes kijelölése
Jelölje ki/jelölje ki a szövegablakban található összes tartalmat.
Keresés és csere
Keress egy szót vagy kifejezést, és cseréld ki egy új szóval/kifejezéssel (ha alkalmazható).

Kilátás

A Nézet menü a következő műveleteket tartalmazza a szöveg és karakterek megtekintéséhez a szövegablakban.

Cím
Leírás
Forráskód
A forráskód megtekintése/szerkesztése a szövegablakban.
Láthatatlan karakterek megjelenítése
Láthatatlan karaktereket, például szóközöket és visszavonásokat jelenít meg.
Blokk megjelenítése
Bekezdésblokkokat jelenít meg a szövegablakban.
Előnézet
Nyisson meg egy felugró ablakot a közzétett tartalom előnézetének megtekintéséhez.

Beszúrás

A Beszúrás menü a következő műveleteket tartalmazza képek, videók, táblázatok, hivatkozások és egyebek beszúrásához.

Cím
Leírás
Link
URL-címre mutató hivatkozás beszúrása.
Média
Médiafájl beszúrása/beágyazása.
Táblázat Helyezzen be és készítsen egy táblázatot.
Speciális karakter Speciális karakter beszúrása.
Emojik Illessz be egy emojit.
Vízszintes vonal
Helyezzen be egy vízszintes vonalat.
Oldaltörés
Töréspont beszúrása új oldal kezdéséhez.
Nem törő szóköz
Helyezzen be egy olyan szóközt, amely nem töri meg az oldalt.
Horgony
Horgony/könyvjelző beszúrása egy pozícióba/helyre.
Sablon beszúrása
Mentett sablon beszúrása.
Mentés sablonként
Mentse el a kiemelt szöveget sablonként.
Dátum/idő
Dátum- vagy időbeállítások beszúrása a legördülő menüből.
Egyenlet szerkesztése
Kattintson a kiemelt egyenlet szerkesztéséhez.
Kép feltöltése
Kattintson ide a kép feltöltéséhez.
Fájl feltöltése
Kattintson ide egy fájl feltöltéséhez.
Webkonferencia létrehozása
Kattintson ide, ha webkonferenciát szeretne hozzáadni a szöveghez*.
Hangfelvétel
Kattintson ide a hang közvetlen rögzítéséhez a szövegablakban.
Videó rögzítése
Kattintson ide a videó közvetlen szöveges ablakban történő rögzítéséhez.
Információ
* Ahhoz, hogy a webkonferencia létrehozása lehetőségek megjelenjenek, először telepíteni kell a webkonferencia-alkalmazás(oka)t az Alkalmazásközpontból.

Formátum

A Formátum menü a következő műveleteket tartalmazza a szöveg formázásához.

Cím
Leírás
Bátor
A kijelölt szöveg félkövérré tétele.
Dőlt betűs
A kijelölt szöveg dőlt betűssé tétele.
Aláhúzás
Aláhúzás a kijelölt szövegben.
Áthúzás
Áthúzza a kijelölt szöveget.
Felső index
Formázza a kijelölt szöveget felső indexként.
Alsó index
Formázza a kijelölt szöveget alsó indexként.
Kód
Formázd a kijelölt szöveget kódként.
Blokkok
Illeszd be a megfelelő blokkformázást a legördülő menüből.
Betűtípusok
Válasszon egy másik betűtípust a legördülő menüből.
Betűméretek
Válasszon betűméretet a legördülő menüből.
Igazítás
Válasszon egy szövegigazítási stílust a legördülő menüből.
Vonalmagasság
Válassza ki a vonalmagasságot a legördülő menüből.
Behúzás növelése
A szöveg vagy bekezdés behúzása jobbra.
Behúzás csökkentése
A szöveg vagy bekezdés balra mozgatása.
Szöveg színe
Válassza ki a kívánt szövegszínt a legördülő menüből.
Háttérszín
Válasszon egy háttérszínt a legördülő menüből.
Formázás törlése
Formázás törlése a kijelölt szövegből.

Eszközök

Az Eszközök menü a következő műveleteket tartalmazza.

Cím
Leírás
Forráskód
A forráskód megtekintése/szerkesztése.
Szószám Tekintse meg a szavak és karakterek számát.

Táblázat

A Táblázat menü a következő műveleteket tartalmazza táblázat beszúrásához és a táblázat szerkezetének módosításához.

Cím
Leírás
Táblázat
Táblázat beszúrása.
Sejt A kijelölt cellák módosítási lehetőségei a legördülő menüből.
Sor
Módosítsa, törölje és/vagy szúrja be a kiválasztott sor(ok) beállításait a legördülő menüből.
Oszlop
Módosítsa, törölje és/vagy szúrja be a kiválasztott oszlop(ok) beállításait a legördülő menüből.
Tábla tulajdonságai
Táblázattulajdonságok, például szélesség, magasság, szegélyek stb. megtekintése és módosítása
Táblázat törlése
Törölje a kijelölt táblázatot.

Eszköztár másodlagos menüje

A főmenü alatt található az eszköztár, amely könnyen elérhető legördülő menükből és további formázási ikonokból áll.

Kurzus, Modul, Szerkesztés szakasz, ahol az Eszköztár másodlagos menü ikonjai kiemelve vannak

Visszavonás és Újra végrehajtás

  1. Kattintson a Visszavonás ikonra az előző művelet visszavonásához.
  2. Kattintson az Újra ikonra az előző ikon újbóli végrehajtásához.
Visszavonás és újra ikonok

Bekezdés- és címsorstílusok

  1. Kattintson a címsorstílus legördülő menüre a szöveg formázásainak és stílusainak alkalmazásához.

Kurzus, Modul, Szerkesztés szakasz, ahol a Címsorstílus menü aktív és kiemelt

Betűstílus

  1. Kattintson a betűtípus legördülő menüre a szöveg betűtípusának módosításához.
Kurzus, Modul, Szerkesztés szakasz, ahol a Betűstílus menü aktív és kiemelt

Betűméret

    1. Kattintson a betűméret legördülő menüre a szöveg méretének módosításához.
    Kurzus, Modul, Szerkesztés szakasz, ahol a Betűméret menü aktív és kiemelt

    Betűtípus formátum

    1. Kattintson a félkövér ikonra a szöveg félkövérré tételéhez.
    2. Kattintson a dőlt ikonra a szöveg dőlt betűssé tételéhez.
    3. Kattintson az aláhúzás ikonra a szöveg aláhúzásához.
    Félkövér, dőlt és aláhúzott ikonok

    Szöveg színe

      1. Kattintson a szövegszín ikonra a betűtípus színének kiválasztásához/módosításához.
      Kurzus, Modul, Szerkesztés szakasz, ahol a szövegszín menü aktív és kiemelt

      Szöveg igazítása

      1. Kattintson az igazítás ikonra a szöveg igazításához.

      Kurzus, Modul, Szerkesztés szakasz, ahol az Igazítás menü aktív és kiemelt

      Felsorolásjeles lista

      1. Kattintson a felsorolásjeles lista ikonra felsorolásjeles lista létrehozásához és formázásához.
      Kurzus, Modul, Szerkesztés szakasz, ahol a Felsorolásjeles menü aktív és kiemelt

      Számozott lista

      1. Kattintson a számozott lista ikonra felsorolásjeles vagy számozott lista létrehozásához és formázásához.
      Kurzus, Modul, Szerkesztés szakasz, ahol a Számozott lista menü aktív és kiemelt

      Kép feltöltése és fájl feltöltése

      1. Kattintson a kép feltöltése ikonra egy kép feltöltéséhez.
      2. Kattintson a fájl feltöltése ikonra bármely fájl feltöltéséhez.
      Kép feltöltése és fájl feltöltése ikonok

      Formázás törlése

      1. Kattintson a Formázás törlése ikonra a tartalom másolásával és beillesztésével esetleg áthozott stílusok törléséhez.
      Formázás törlése ikon

      Háttérszín

      1. Kattintson a Háttérszín ikonra a szöveg/képek kiemeléséhez.
      Kurzus, Modul, Szerkesztés szakasz, ahol a Háttérszín menü aktív és kiemelt

      Speciális eszköztár

      További funkciókért:

      1. Kattintson a továbbiakra ikonra a speciális eszköztár megjelenítéséhez.

      Kurzus, Modul, Szerkesztés szakasz, kiemelve a továbbiak ikonnal

      A speciális eszköztár a másodlagos eszköztár alatt jelenik meg, és további, alább ismertetett opciókat tartalmaz.

      Kurzus, Modul, Szerkesztés szakasz, kiemelve a Speciális eszköztár ikonjaival

      Behúzások és vízszintes vonal

      1. Kattintson a Behúzás csökkentése ikonra a szöveg behúzásának csökkentéséhez.
      2. Kattintson a Behúzás növelése ikonra a szöveg behúzásához.
      3. Kattintson a Vízszintes vonal ikonra egy vízszintes vonal beszúrásához.
      Behúzás csökkentése, behúzás növelése és vízszintes vonal ikonok

      Emojik

      1. Kattintson az emojira Emoji ikon ikonra az Emojik billentyűzet megnyitásához.
      2. Kattintson egy emojira a beszúráshoz.
      Kurzus, Modul, Szerkesztés szakasz Emoji felugró képernyővel

      Speciális karakterek

      1. Kattintson a Speciális karakterre Speciális karakter ikon ikonra a Speciális karakterek felugró ablakának megnyitásához.
      2. Kattintson egy speciális karakterre a beszúrásához.

      Kurzus, Modul, Szerkesztés szakasz a Speciális karakterek felugró képernyőjével

      Speciális ikonok

      1. Kattintson a Hivatkozás beszúrása/szerkesztése ikonra egy tetszőleges URL-címre mutató hivatkozás beszúrásához.
      2. Kattintson a Média beszúrása/szerkesztése ikonra bármely URL-címre mutató hivatkozás beszúrása/beágyazása.
      3. Kattintson az Egyenlet beszúrása/szerkesztése ikonra bármely URL-címre mutató hivatkozás beszúrása/beágyazása.
      4. Kattintson a Sablon beszúrása ikonra Sablon beszúrása ikon sablon beszúrásához.
      5. Kattintson a Forráskód ikonra Forráskód ikon az aktuális oldal forráskódjának megtekintéséhez.
      6. Kattintson a Hangfelvétel ikonra Hangfelvétel ikon hangfelvétel közvetlenül a kurzusoldalra.
      7. Kattintson a Videó rögzítése ikonra Videofelvétel ikon videó rögzítése közvetlenül a kurzus oldalára.
      1. Kattintson a Webkonferencia létrehozása ikonra Webkonferencia létrehozása ikon webkonferencia-hivatkozás létrehozásához a legördülő lehetőségek egyikének használatával.
        1. Megjegyzés – Csak azok a webkonferencia-alkalmazások jelennek meg, amelyeket telepített a platformjára.

      Tanfolyam, Modul, Szerkesztés szakasz, ahol a Webkonferencia létrehozása menü aktív és kiemelt

      Bevált gyakorlatok

      Használd ezeket a bevált gyakorlatokat, hogy a legtöbbet hozhasd ki a szerkesztőből.

      • Sortörés beszúrásához új bekezdés helyett nyomja meg a Shift + Enter billentyűkombinációt.
      • HTML widgetek beágyazásakor először a forráskód szöveges ablakát kell megtekinteni.
        • Kattintson a Nézet legördülő menüre.
        • Kattintson a < > Forráskód lehetőségre .
      • A formázási hibák elkerülése érdekében illessze be a harmadik féltől származó tartalmat egyszerű szövegként.
      • A táblázat szegélyeinek láthatatlanná tételéhez:
        • Jelölje ki a táblázatot.
        • Kattintson a Táblázat tulajdonságai lehetőségre .
        • Az előugró ablak Általános lapján állítsa a Szegély szélességét „0”-ra.
        • A Speciális lapon válassza a szegélystílusnak a „Rejtett” vagy a „Nincs” lehetőséget.

      Kurzus, Modul, Szerkesztés szakasz kijelölt táblázattal és kiemelt Táblatulajdonságok ikonnal

      Helyesírás-ellenőrző

      A szerkesztő tartalmaz egy helyesírás-ellenőrzőt, amely piros vonallal jelöli a helytelenül írt szavakat. Helyesírási hiba javítása:

      1. Nyomja meg a CTRL billentyűt + Jobb egérgomb kattintás .
      2. Válaszd ki a helyes helyesírást a javaslatok listájából.
      Kurzus, Modul, Szerkesztés szakasz aktív és kiemelt helyesírási menüvel

      Változók beágyazása

      A {{változó neve}} formátum használatával beágyazhat változókat a leckeoldalakba. Ez lehetővé teszi a tartalom testreszabását a felhasználók és a kurzusok számára.

      A tartalomoldalon a következő változók használhatók:
      • {{class_custom_field_1}}
      • {{class_custom_field_2}}
      • {{osztály_befejezési_dátum}}
      • {{osztály_azonosító}}
      • {{osztály_helye}}
      • {{osztály_neve}}
      • {{osztály_neve_linkkel}}
      • {{osztály_kezdési_dátuma}}
      • {{complete_at_utc}}
      • {{tanfolyamkód}}
      • {{kredit}}
      • {{napok_az_órán}}
      • {{napok_left}}
      • {{deactivate_students_after}}
      • {{szervezet_azonosító}}
      • {{szervezet_neve}}
      • {{szakasz_kód}}
      • {{site_name}}
      • {{site_name_with_url}}
      • {{tanár_neve}}
      • {{tanár_neve_linkkel}}
      • {{felhasználói_email}}
      • {{user_first_name}}
      • {{felhasználó_teljes_neve}}
      • {{user_full_name_with_link}}
      • {{felhasználói_azonosító}}
      • {{felhasználó_vezetéknév}}
      • {{user_prefered_contact_method}}
      • {{user_ssn}}
      • {{felhasználói azonosító}}
      • {{Miért}}

      Kurzus, Modul, Szerkesztés szakasz kiemelt változópéldákkal

      Méretező videók

      Ha videót linkként adsz hozzá a HTML-szerkesztőben, a méretét a következő HTML-kóddal állíthatod be:
      <a width='100' height='700'>link</a>.
      1. Ha azt szeretnéd, hogy a videó mérete automatikusan változzon, elhagyhatod az egyik értéket (szélesség vagy magasság).
      2. Százalékos értékeket is használhatsz a videó méretének beállításához, például <width='100%' >.

      Képek szerkesztése

      A szerkesztő különféle lehetőségeket kínál a képek szerkesztésére a feltöltés után. Kép ​​szerkesztéséhez:

      1. Kattintson a képre.
      2. Megjelenik egy menü a lehetőségekről.
      Ikon
      Leírás
      Forgatás az óramutató járásával ellentétes irányba ikon
      		 Kép forgatása az óramutató járásával ellentétes irányba
      Óramutató járásával megegyező irányba forgatás ikon
      		 Kép elforgatása az óramutató járásával megegyező irányba
      Kép vízszintes tükrözése ikon
      		 Kép vízszintes tükrözése
      Kép függőleges tükrözése ikon Kép függőleges tükrözése
      Kép körülvágása ikon
      		 Kép kivágása
      Kép szerkesztése ikon
      		 Kép tulajdonságainak szerkesztése

      Kurzus, Modul, Szerkesztés szakasz kiemelt képpel és aktív képszerkesztő eszköztárral

      Ha a Kép tulajdonságainak szerkesztése ikont választja, megjelenik a Kép beszúrása/szerkesztése felugró ablak.
      1. Forrás : Megjeleníti a kép forrását.
      2. Alternatív leírás : Ezt a leírást a képernyőolvasók olvassák fel a látássérült felhasználók megsegítése érdekében.
      3. Szélesség és magasság : Állítsa be a kép méretét.
        1. Megjegyzés: A lakat ikonnal biztosíthatja, hogy a kép megtartsa a szélesség/magasság arányát.


      Új kép hozzáadásakor leírást is hozzáadhat a képernyőolvasók számára:
      1. Adjon meg egy leírást a Kép leírása mezőben.

      Kép feltöltése felugró ablak

      Tartalomsablonok

      A tartalomsablonok lehetővé teszik HTML-töredékek mentését az Erőforráskatalógusba, majd a jövőben egyszerűen beillesztheti azokat a tartalomterületekre. Ezzel a funkcióval létrehozhat egy olyan könyvtárat, amely a tartalomterületeken gyakran használt gyakori tartalomelemekből áll.

      HTML-kód egy részének hozzáadása egy tartalomsablonhoz:

      1. Jelölje ki a szöveget és/vagy képeket a HTML-szerkesztőben.
      2. Jobb egérgomb kattintás.
      3. Válassza a Mentés sablonként lehetőséget .

      Kurzus, Modul, Szerkesztés szakasz kijelölt szöveggel és képpel, a jobb egérgombbal kattintható menüben pedig a Mentés sablonként lehetőség kiemelve.

      1. Adjon meg egy címet a sablonnak.
      2. Kattintson az Ok gombra .
      3. A tartalomsablon a személyes könyvtárába lesz mentve.

      Mentés sablonként felugró ablak

      A mentett tartalomsablonok eléréséhez:

      1. Kattintson az Erőforrások elemre a bal oldali navigációs sávon.
      2. Kattintson a Katalógus elemre a legördülő menüben.
      3. Szűrés Erőforrás típusa > Tartalomsablon szerint a Keresés panelen.
      4. Kattintson a tartalomsablonra.

      Erőforrások, Katalógusoldal, ahol az Erőforrás típusa szakasz kiemelve látható a Keresés panelen

      Megjelenik a tartalomsablon. További részletek a tartalomsablonról:
      1. Kattintson a Részletek gombra.

      Erőforrások, Tartalomsablon felugró ablak


      Most frissítheted a tartalom részt:
      1. A tartalom szerkesztéséhez kattintson a Szerkesztés gombra .
      2. A sablon eltávolításához kattintson a Törlés gombra .

      Erőforrások, Tartalomsablon kiemelt Szerkesztés és Törlés ikonokkal

      Ha a Szerkesztés gombra kattint, frissítheti a tartalmat, és megoszthatja azt más felhasználókkal.
      1. Válassza a Személyes , Szervezet vagy Üzleti könyvtár lehetőséget, ha azt szeretné, hogy a tartalomsablon más felhasználók számára is elérhető legyen.
      2. A tartalom szerkesztése után kattintson a Mentés gombra .

      Erőforrások, Tartalomsablon szerkesztése képernyő

      A tartalomsablon másolatának beszúrása egy szakaszba:
      1. Hozzáférés a szakaszhoz.
      2. Jobb egérgomb kattintás.
      3. Válassza a Sablon beszúrása lehetőséget.
      4. Válassza ki a sablont a legördülő listából.
      5. Kattintson a Mentés gombra .
      Kurzus, Modul, Szerkesztés szakasz, ahol a jobb egérgombbal elérhető menüben kiemelve található a sablon beszúrása