• Buradasın

    Web Sayfasından Çıktı Biçimlendirme Eğitimi

    youtube.com/watch?v=0q8qfs7rbjE

    Yapay zekadan makale özeti

    • Bu video, bir eğitim içeriği olup, izleyicilere web sayfasından çıktı alınırken bu çıktının nasıl biçimlendirileceğini anlatmaktadır.
    • Video, GSS (Gömülü Stil Sayfası) kullanarak web sayfasından çıktı alınırken istenmeyen bölümlerin nasıl gizleneceğini adım adım göstermektedir. Eğitmen, bir şablon üzerinden örnek vererek, "konu yazdır" linki oluşturma, medya: print özelliği ile yazıcı için özel stil dosyası tanımlama ve bu dosyada banner, menü ve diğer istenmeyen bölümlerin nasıl gizleneceğini göstermektedir. Ayrıca, resmin boyutlandırılması gibi ek düzenlemeler de anlatılmaktadır.
    00:00Web Sayfasından Çıktı Alma
    • Video, web sayfasından çıktı alınırken çıktının nasıl biçimlendirileceğini anlatmaktadır.
    • Çıktı biçimlendirirken CSS kullanılacaktır.
    • Yazıcıdan çıkartılmak istenen kısım sadece konunun başlığı, resim ve metindir, site başlığı ve menü alanı görünmemelidir.
    00:50Çıktı Alma Uygulaması
    • Uygulama için stil dosyası, HTML dosyası ve resim dosyası bulunmaktadır.
    • "Konuyu Yazdır" isimli linkin on-click olayına "window.print()" yazarak yazıcıdan çıktı alma özelliği eklenmiştir.
    • İlk başta üstteki banner yazısı, menü kısmı ve konu yazdır linki de çıktıya dahil olmaktadır.
    01:46Yazıcı İçin Özel Stil Dosyası
    • Çıktı biçimlendirmesi için ayrı bir stil dosyası tanımlanmalıdır.
    • Normal stil dosyası bağlanırken link elementi kullanılırken, yazıcı için "media: print" özelliği eklenerek özel stil dosyası oluşturulur.
    • Yazıcıya özel stil dosyası "yazıcı.css" olarak adlandırılır.
    02:42Çıktı Biçimlendirme
    • Kağıt üzerinde neyin nasıl görünmesini istiyorsak, index dosyasına girip ilgili elementleri "display: none" ile görünmez hale getiririz.
    • Üst kısımdaki başlık, menü kısmı ve "Yazdır" linki görünmez hale getirilmiştir.
    • Resmin etrafına sarılması için img elementi biçimlendirilir ve kenarlarından boşluk bırakılır.
    04:55Çıktı Boyutlandırma
    • Çıktıda resmin boyutu değiştirilebilir.
    • Resmin genişliği 300 piksel, yüksekliği 400 piksel olarak ayarlanabilir.
    • Bu şekilde yazıdan çıkarılacak dökümanın görünümü ayarlanabilir.

    Yanıtı değerlendir

  • Yazeka sinir ağı makaleleri veya videoları özetliyor