HTML düzenleyici nasıl kullanılır?

HTML düzenleyici

Genel Bakış

Dahili HTML düzenleyici, eğitmenlerin, öğretmenlerin ve yöneticilerin kurslar, mesajlar, araçlar ve daha fazlasının içinde doğrudan içerik oluşturmasına ve düzenlemesine olanak tanır.

Bu makale, ilgi çekici ve estetik içerik oluşturmak için editörün çeşitli öğelerine nasıl erişeceğinizi ve bunları nasıl kullanacağınızı öğretecektir.

Bilgi
Lütfen işletme platformunun varsayılan olarak "ders" terimini, akademik platformun ise "sınıf" terimini kullandığını unutmayın. Bu makalede "ders" ve "sınıf" terimleri birbirinin yerine kullanılabilir.

Araç çubuğu menüsü

HTML düzenleyici, kurslarda, mesajlarda, widget'larda ve daha fazlasında içerik düzenlerken görüntülenir. Araç çubuğu, bölümdeki içeriği düzenlemenizi sağlayan bir menü çubuğu ve simgelerden oluşur.

Bilgi
Bu makaledeki ekran görüntülerinin bir ders bölümü içinde gösterildiğini, ancak araç çubuğunun dersler, mesajlar ve widget'lar içinde aynı şekilde çalıştığını unutmayın. Araç çubuğunun solundaki İçerik oluşturucu yalnızca dersleri düzenlerken kullanılabilir.

Araç çubuğu vurgulanmış halde düzenleme modundaki ders, modül veya sayfa bölümü.

Üst menü çubuğu, aşağıda daha ayrıntılı olarak ele alınan yedi menüden oluşmaktadır.

Araç çubuğunun üst menüleri vurgulanmış şekilde Kurs, Modül, Düzenleme bölümü.

Dosya

Dosya menüsü aşağıdaki işlemleri içerir:

Başlık
Tanım
Yeni belge
Metin penceresindeki tüm metinleri/resimleri/bağlantıları temizler.
Önizleme
Yayınlanan içeriğin önizlemesini görmek için açılır pencereyi açın.
Yazdır
Metin penceresindeki içeriği yazdırın.

Düzenlemek

Düzenle menüsü aşağıdaki işlemleri içerir.

Başlık
Tanım
Geri al
En son yaptığınız işlemi geri alın.
Tekrarla
En son yaptığınız işlemi tekrarlayın.
Kesmek
Seçili metni/resmi kaldırın ve panoya kaydedin.
Kopyala
Seçilen metni/resmi kopyalayın ve panoya kaydedin.
Yapıştır
Panodan metin/resim yapıştırın.
Metin olarak yapıştır
Panodan kopyalanan içeriği biçimlendirme olmadan, yalnızca metin olarak yapıştırın.
Tümünü seç
Metin penceresindeki tüm içeriği seçin/vurgulayın.
Bul ve değiştir
Bulunan kelime veya ifadeyi (uygunsa) yeni bir kelime/ifadeyle değiştirin.

Görüş

Görünüm menüsü, metin penceresindeki metni ve karakterleri görüntülemek için aşağıdaki işlemleri içerir.

Başlık
Tanım
Kaynak kodu
Metin penceresinde kaynak kodunu görüntüleyin/düzenleyin.
Görünmeyen karakterleri göster
Boşluk ve satır başı gibi görünmez karakterleri görüntüler.
Blokları göster
Metin penceresi içinde paragraf bloklarını gösterir.
Önizleme
Yayınlanan içeriğin önizlemesini görmek için açılır bir pencere açın.

Sokmak

Ekle menüsü, resim, video, tablo, bağlantı ve daha fazlasını eklemek için aşağıdaki işlemleri içerir.

Başlık
Tanım
Bağlantı
Bir URL'ye bağlantı ekleyin.
Medya
Medya dosyası ekleyin/gömün.
Masa Tablo ekleyin ve oluşturun.
Özel karakter Özel karakter ekleyin.
Emojiler Emoji ekleyin.
Yatay çizgi
Yatay bir çizgi ekleyin.
Sayfa sonu
Yeni bir sayfa başlatmak için bir satır sonu ekleyin.
Kesintisiz alan
Sayfayı bölmeyecek şekilde bir boşluk ekleyin.
Çapa
Bir konuma/yer işareti ekleyin.
Şablon ekle
Kaydedilmiş bir şablonu ekleyin.
Şablon olarak kaydet
Vurgulanan metni şablon olarak kaydedin.
Tarih/saat
Açılır menüden tarih veya saat seçeneklerini girin.
Denklemi düzenle
Vurgulanan denklemi düzenlemek için tıklayın.
Resim yükle
Resim yüklemek için tıklayın.
Dosya yükle
Dosya yüklemek için tıklayın.
Web konferansı oluşturun
Metne web konferans özelliğini eklemek için tıklayın*.
Ses kaydı yapın
Metin penceresinde doğrudan ses kaydı yapmak için tıklayın.
Video kaydı yapın
Metin penceresinde doğrudan video kaydetmek için tıklayın.
Bilgi
* "Web konferansı oluştur" seçeneklerinin görüntülenmesi için öncelikle web konferansı uygulaması/uygulamaları Uygulama merkezinden yüklenmelidir.

Biçim

Biçimlendirme menüsü, metni biçimlendirmek için aşağıdaki işlemleri içerir.

Başlık
Tanım
Gözü pek
Seçili metni kalınlaştırın.
İtalik
Seçilen metni italik yapın.
Altını çiz
Seçili metnin altını çizin.
Üstü çizili
Seçili metnin üzerini çiz.
Üst simge
Seçili metni üst simge olarak biçimlendirin.
Alt simge
Seçili metni alt simge olarak biçimlendirin.
Kod
Seçili metni kod olarak biçimlendirin.
Bloklar
Açılır menüden uygun blok biçimlendirmesini ekleyin.
Yazı Tipleri
Açılır menüden farklı bir yazı tipi seçin.
Yazı tipi boyutları
Açılır menüden bir yazı tipi boyutu seçin.
Hizala
Açılır menüden bir metin hizalama stili seçin.
Çizgi yüksekliği
Açılır menüden çizgi yüksekliğini seçin.
Girintiyi artır
Metni veya paragrafı sağa doğru girintileyin.
Girintiyi azalt
Metni veya paragrafı sola kaydırın.
Metin rengi
Açılır menüden istediğiniz metin rengini seçin.
Arka plan rengi
Açılır menüden bir arka plan rengi seçin.
Biçimlendirmeyi temizle
Seçili metindeki biçimlendirmeyi temizle.

Aletler

Araçlar menüsü aşağıdaki işlemleri içerir.

Başlık
Tanım
Kaynak kodu
Kaynak kodunu görüntüleyin/düzenleyin.
Kelime sayısı Kelime ve karakter sayısını görüntüleyin.

Masa

Tablo menüsü, tablo eklemek ve tablo yapısını değiştirmek için aşağıdaki işlemleri içerir.

Başlık
Tanım
Masa
Tablo ekleyin.
Hücre Seçilen hücreler için açılır menüden değiştirme seçenekleri.
Sıra
Seçilen satır(lar) için açılır menüden seçenekleri değiştirin, silin ve/veya ekleyin.
Kolon
Seçilen sütun(lar) için açılır menüden seçenekleri değiştirin, silin ve/veya ekleyin.
Tablo özellikleri
Tablonun genişliği, yüksekliği, kenarlıkları vb. özelliklerini görüntüleyin ve değiştirin.
Tabloyu sil
Seçilen tabloyu silin.

Araç çubuğu ikincil menüsü

Ana menünün altında yer alan araç çubuğu, ek biçimlendirme için kolayca erişilebilen açılır menü seçenekleri ve simgelerden oluşmaktadır.

Araç çubuğundaki ikincil menü simgeleri vurgulanmış şekilde Kurs, Modül, Düzenleme bölümü

Geri Al ve Yinele

  1. Önceki işlemi geri almak için Geri Al simgesine tıklayın.
  2. Önceki işlemi tekrarlamak için Tekrarla simgesine tıklayın.
Geri al ve yinele simgeleri

Paragraf ve başlık stilleri

  1. Metne biçimlendirme ve stil uygulamak için başlık stili açılır menüsüne tıklayın.

Başlık stili menüsü etkin ve vurgulanmış olan Kurs, Modül, Düzenleme bölümü.

Yazı tipi stili

  1. Metninizin yazı tipini değiştirmek için yazı tipi açılır menüsüne tıklayın.
Yazı tipi stili menüsü etkin ve vurgulanmış halde bulunan Kurs, Modül, Düzenleme bölümü.

Yazı tipi boyutu

    1. Yazı boyutunu değiştirmek için yazı tipi boyutu açılır menüsüne tıklayın.
    Yazı tipi boyutu menüsü etkin ve vurgulanmış halde bulunan Kurs, Modül, Düzenleme bölümü.

    Yazı tipi formatı

    1. Kalın yazı tipini kalınlaştırmak için kalın yazı tipine tıklayın.
    2. Metni italik yapmak için italik simgesine tıklayın.
    3. Metnin altını çizmek için alt çizgi simgesine tıklayın.
    Kalın, italik ve altı çizili simgeler

    Metin rengi

      1. Yazı rengini seçmek/değiştirmek için metin rengi simgesine tıklayın.
      Ders, Modül, Düzenleme bölümü, metin rengi menüsü etkin ve vurgulanmış şekilde gösterilmiştir.

      Metin hizalama

      1. Metni hizalamak için hizalama simgesine tıklayın.

      Hizalama menüsü etkin ve vurgulanmış olan Kurs, Modül, Düzenleme bölümü

      Madde işaretli liste

      1. Madde işaretli liste oluşturmak ve biçimlendirmek için madde işaretli liste simgesine tıklayın.
      Ders, Modül, Düzenle bölümü, madde işaretli liste menüsü etkin ve vurgulanmış şekilde gösterilmiştir.

      Numaralı liste

      1. Madde işaretli veya numaralı liste oluşturmak ve biçimlendirmek için numaralı liste simgesine tıklayın.
      Numaralı Liste menüsü etkin ve vurgulanmış olan Kurs, Modül, Düzenleme bölümü

      Resim yükle ve dosya yükle

      1. Resim yüklemek için resim yükleme simgesine tıklayın.
      2. Dosya yüklemek için dosya yükleme simgesine tıklayın.
      Resim yükle ve dosya yükle simgeleri

      Biçimlendirmeyi temizle

      1. Kopyala yapıştır yöntemiyle aktarılmış olabilecek stilleri temizlemek için Biçimlendirmeyi temizle simgesine tıklayın.
      Biçimlendirmeyi temizle simgesi

      Arka plan rengi

      1. Metin/resimlere vurgu eklemek için Arka plan rengi simgesine tıklayın.
      Arka plan rengi menüsü etkin ve vurgulanmış olan Kurs, Modül, Düzenleme bölümü.

      Gelişmiş Araç Çubuğu

      Ek özellikler için:

      1. Daha fazlasını tıklayın Gelişmiş araç çubuğunu görüntülemek için simge .

      Kurs, Modül, Düzenleme bölümü (daha fazla bilgi simgesi vurgulanmış şekilde)

      Gelişmiş araç çubuğu, ikincil araç çubuğunun altında görüntülenir ve aşağıda açıklanan ek seçenekleri içerir.

      Kurs, Modül, Düzenleme bölümü, Gelişmiş araç çubuğu simgeleri vurgulanmış şekilde.

      Girintiler ve yatay çizgi

      1. Metnin girintisini azaltmak için Girintiyi azalt simgesine tıklayın.
      2. Metni girintilemek için Girintiyi artır simgesine tıklayın.
      3. Yatay çizgi eklemek için Yatay çizgi simgesine tıklayın.
      Girintiyi azaltma, girintiyi artırma ve yatay çizgi simgeleri

      Emojiler

      1. Emojiye tıklayın Emoji simgesi Emoji klavyesini açmak için simgeye tıklayın.
      2. Eklemek için bir emojiye tıklayın.
      Emoji açılır penceresi bulunan Kurs, Modül, Düzenleme bölümü

      Özel karakterler

      1. Özel karaktere tıklayın Özel karakter simgesi Özel Karakter açılır penceresini açmak için simgeye tıklayın.
      2. Özel karakter eklemek için üzerine tıklayın.

      Özel karakter açılır ekranı bulunan Kurs, Modül, Düzenleme bölümü

      Gelişmiş simgeler

      1. Ekle/düzenle bağlantı simgesine tıklayın. Herhangi bir URL'ye bağlantı eklemek.
      2. Medya Ekle/Düzenle simgesine tıklayın. Herhangi bir URL'ye bağlantı eklemek/yerleştirmek.
      3. Ekle/düzenle denklem simgesine tıklayın. Herhangi bir URL'ye bağlantı eklemek/yerleştirmek.
      4. Şablon ekle simgesine tıklayın. Şablon simgesini ekle Şablon eklemek için.
      5. Kaynak kod simgesine tıklayın. Kaynak kod simgesi Geçerli sayfanın kaynak kodunu görüntülemek için.
      6. Ses kaydı simgesine tıklayın. Ses kaydı simgesi Ses kaydını doğrudan ders sayfasına kaydetmek için.
      7. Video kaydet simgesine tıklayın. Video kaydetme simgesi Video kaydını doğrudan ders sayfasına yapmak için.
      1. "Web konferansı oluştur " simgesine tıklayın. Web konferansı simgesi oluştur Web konferansı bağlantısı oluşturmak için açılır menü seçeneklerinden birini kullanın.
        1. Not - Yalnızca platformunuza yüklediğiniz web konferans uygulamaları görüntülenecektir.


      En iyi uygulamalar

      Bu en iyi uygulamaları kullanarak düzenleyiciden en iyi şekilde yararlanabilirsiniz.

      • Yeni bir paragraf yerine satır sonu eklemek için Shift + Enter tuşlarına basın.
      • HTML bileşenlerini yerleştirirken, öncelikle kaynak kodda metin penceresini inceleyin.
        • "Görüntüle " açılır menüsüne tıklayın.
        • Kaynak koduna tıklayın < > .
      • Biçimlendirme hatalarını önlemek için üçüncü taraf içerikleri düz metin olarak yapıştırın.
      • Bir tablonun kenarlarını görünmez hale getirmek için:
        • Tabloyu seçin.
        • Tablo özelliklerine tıklayın.
        • Açılır pencerenin Genel sekmesinde, Kenar genişliğini "0" olarak ayarlayın.
        • Gelişmiş sekmesinde, kenar stili seçeneğini "Gizli" veya "Yok" olarak belirleyin.

      Kurs, Modül, Düzenleme bölümü, seçili bir tablo ve Tablo özellikleri simgesi vurgulanmış halde.

      Yazım denetleyicisi

      Editör, yanlış yazılmış kelimeleri kırmızı bir çizgiyle işaretleyen bir yazım denetleyicisi içerir. Yazım hatasını düzeltmek için:

      1. CTRL tuşuna basın. + Sağ fare tıklaması .
      2. Önerilen kelimeler listesinden doğru yazımı seçin.
      Kurs, Modül, Düzenleme bölümü, yazım denetimi menüsü etkin ve vurgulanmış şekilde gösterilmiştir.

      Gömme değişkenleri

      {{değişken adı}} formatını kullanarak ders sayfalarına değişkenler ekleyebilirsiniz. Bu sayede kullanıcılar ve kurslar için içeriği özelleştirebilirsiniz.

      İçerik sayfasında aşağıdaki değişkenler kullanılabilir:
      • {{class_custom_field_1}}
      • {{class_custom_field_2}}
      • {{sınıf bitirme tarihi}}
      • {{sınıf_kimliği}}
      • {{sınıf_konumu}}
      • {{sınıf_adı}}
      • {{class_name_with_link}}
      • {{sınıf_başlangıç_tarihi}}
      • {{completed_at_utc}}
      • {{ders_kodu}}
      • {{krediler}}
      • {{derste geçirilen günler}}
      • {{kalan_günler}}
      • {{deactivate_students_after}}
      • {{organization_id}}
      • {{organizasyon_adı}}
      • {{section_code}}
      • {{site_adı}}
      • {{site_name_with_url}}
      • {{öğretmen_adı}}
      • {{teacher_name_with_link}}
      • {{user_email}}
      • {{user_first_name}}
      • {{user_full_name}}
      • {{user_full_name_with_link}}
      • {{Kullanıcı kimliği}}
      • {{kullanıcı_soyadı}}
      • {{user_prefered_contact_method}}
      • {{user_ssn}}
      • {{Kullanıcı kimliği}}
      • {{Neden}}

      Ders, Modül, Düzenleme bölümü, değişken örnekleri vurgulanmış şekilde.

      Beden Belirleme Videoları

      HTML düzenleyicisinde bir videoyu bağlantı olarak eklerseniz, boyutunu şu HTML koduyla ayarlayabilirsiniz:
      <a width='100' height='700'>bağlantı</a>.
      1. Videonun otomatik olarak boyutlandırılmasını istiyorsanız, değerlerden birini (genişlik veya yükseklik) belirtmeyebilirsiniz.
      2. Video boyutunu ayarlamak için yüzde değerlerini de kullanabilirsiniz, örneğin <width='100%' >.

      Görüntü Düzenleme

      Bu düzenleyici, yüklenen görselleri düzenlemek için çeşitli seçenekler sunar. Bir görseli düzenlemek için:

      1. Resme tıklayın.
      2. Seçenekler menüsü belirir.
      Simge
      Tanım
      Simgeyi saat yönünün tersine döndürün
      		 Görüntüyü saat yönünün tersine döndürün.
      Simgeyi saat yönünde döndür
      		 Görüntüyü saat yönünde döndürün
      Resmi yatay olarak çevir simgesi
      		 Görüntüyü yatay olarak çevir
      Resmi dikey olarak çevir simgesi Görüntüyü dikey olarak çevir
      Görüntüyü kırp simgesi
      		 Görüntüyü kırp
      Görüntüyü düzenle simgesi
      		 Görüntü özelliklerini düzenle

      Ders, Modül, Düzenleme bölümü; üzerinde bir resmin vurgulandığı ve resim düzenleme araç çubuğunun etkin olduğu bir görüntü.

      "Görüntü özelliklerini düzenle" simgesini seçerseniz, "Görüntü Ekle/Düzenle" açılır penceresi görüntülenir.
      1. Kaynak : Görüntünün kaynağını gösterir.
      2. Alternatif açıklama : Bu açıklama, görme engelli kullanıcılara yardımcı olmak amacıyla ekran okuyucular tarafından okunmaktadır.
      3. Genişlik ve Yükseklik : Görüntünün boyutunu ayarlayın.
        1. Not: Görüntünün genişlik/yükseklik oranını korumak için kilit simgesini kullanın.


      Yeni bir resim eklerken, ekran okuyucular için bir açıklama da ekleyebilirsiniz:
      1. Resim açıklaması alanına bir açıklama girin.

      Resim yükleme açılır penceresi

      İçerik şablonları

      İçerik şablonları, HTML parçalarını Kaynak Kataloğuna kaydetmenize ve daha sonra bunları içerik alanlarına kolayca eklemenize olanak tanır. Bu özelliği, içerik alanlarınızda sıkça kullandığınız ortak içerik öğelerinden oluşan bir kütüphane oluşturmak için kullanabilirsiniz.

      Bir içerik şablonuna HTML kodu parçası eklemek için:

      1. HTML düzenleyicisinde metni ve/veya görselleri seçin.
      2. Sağ fare tıklaması.
      3. "Şablon olarak kaydet" seçeneğini seçin.


      1. Şablon için bir başlık girin.
      2. Tamam'a tıklayın.
      3. İçerik şablonu kişisel kütüphanenize kaydedilecektir.

      Şablon olarak kaydet açılır penceresi

      Kaydedilmiş içerik şablonlarınıza erişmek için:

      1. Sol gezinme çubuğundan Kaynaklar'a tıklayın.
      2. Açılan menüden Katalog'a tıklayın.
      3. Arama panelinde Kaynak türüne göre filtrele > İçerik şablonu seçeneğini kullanın.
      4. İçerik şablonunuza tıklayın.

      Kaynaklar, Arama panelinde Kaynak türü bölümünün vurgulandığı Katalog sayfası.

      İçerik şablonu görüntülenir. İçerik şablonu hakkında daha fazla bilgi edinmek için:
      1. Ayrıntılar'a tıklayın.



      Artık içerik bölümünü güncelleyebilirsiniz:
      1. İçeriği düzenlemek için Düzenle'ye tıklayın .
      2. Şablonu kaldırmak için Sil'e tıklayın.


      Düzenle seçeneğine tıklarsanız içeriği güncelleyebilir ve diğer kullanıcılarla paylaşabilirsiniz.
      1. İçerik şablonunun diğer kullanıcılar tarafından da kullanılabilmesini istiyorsanız, Kişisel , Kurumsal veya İşletme kitaplığından birini seçin.
      2. İçeriği düzenledikten sonra Kaydet'e tıklayın.


      İçerik şablonunun bir kopyasını bir bölüme eklemek için:
      1. Bölüme erişin.
      2. Sağ fare tıklaması.
      3. Şablon Ekle'yi seçin.
      4. Açılır listeden şablonu seçin.
      5. Kaydet'e tıklayın.
      Kurs, Modül, Düzenleme bölümü, sağ fare tıklama menüsünde Şablon Ekle seçeneğiyle vurgulanmıştır.