Web Sayfanıza Yazdırma Düğmesi Ekleme

Bilirsin, bir web sayfasına bir baskı düğmesi eklemek gibi bir şey, doğru, oldukça basit geliyor? Aslında, tüm okuyucunun yapması gerektiğinde, neden herhangi bir baskı düğmesi veya sayfaya bağlantı eklememiz gerekiyor? “Dosya” ve “Baskı ... ” tarayıcı menüsünde?

Sonuçta, farklı insanlar farklı nedenlerden dolayı web sayfalarındaki yazdırma özelliğini isterler. Sadece kolaylık eklemek isteyebilirsiniz. Okuyucu bir çıktı almak için sadece bir düğmeyi tıklayabildiğinde - birkaç tıklatma tasarrufu sağlar ve her tıklama sayılır. Diğer insanlar yazdırılan metni özelleştirmek ister - başka bir deyişle sayfanın belirli öğelerini çıktıdan gizler. Diğer durumlarda, kullanıcılar web sitesinin dikkatli bir şekilde özelleştirilmiş, yazdırılabilir sürümünü oluşturmayı tercih ederler.

Bu durumların her biri için farklı çözümler var. Burada, Justin'in yarım sayfalara yazdırma hakkındaki makalesi gibi MUO'da her zaman yenilikçi baskı çözümleri sunmaya çalıştık, Govert'ın Uygulama Aracı ile Dosyalarınızı Biçimlendirin ve Yazdırın Kağıt Tasarrufu [Windows] Govert'ın Uygulama ile Dosyalarınızı Biçimlendirin ve Yazdırın Kağıt Tasarrufu Aracı [Windows] Kağıt paraya mal. PDF'lerinizi yarım sayfalara yazdırarak her ikisini de kaydedin. Bir kitapçık veya yan yana kopya almak isteyip istemediğinize göre, Windows için ücretsiz bir araç bunu mümkün kılmakla kalmayıp aynı zamanda basitleştirir. Etrafta uğraşmayı bırak…… ve Karl'ın PrintWhatYouLike PrintWhatWhatYouLike--Baskı Sayfalarını Yazdırırken Kağıt ve Mürekkep Tasarrufu makalesini yazdırın. Bu makalede, çok basit bir HTML ve Javascript yaklaşımından daha özelleştirilebilir CSS yaklaşımına kadar bir yazdırma düğmesini veya bağlantıyı web sitenize entegre etmenin dört yolunu sunacağım..

Baskıyı Web Sitenize Entegre Etmek

Herhangi bir web sayfasına baktığınızda, çıktıyı neden özelleştirmek isteyebileceğinizi görmek oldukça kolaydır. Tipik bir web sayfasında, sayfa alanını yemekten başka hiçbir şey yapmayan ve boşa kağıt tüketen reklamlar, afişler, reklam bağlantıları, kenar çubukları ve altbilgi bölümleri bulunur.

Oldukça basit bir web siteniz varsa veya tüm grafiklerin ve biçimlendirme baskılarının gerçekten yapıp yapmamasını gerçekten umursamıyorsanız, yapmanız gereken tek şey web sayfanıza basit bir düğme eklemek ve kullanmak “Baskı ()” web sayfasını yazıcıya göndermek için javascript yöntemi.

Bu kodu sitenize, okuyucularınızın kullanması için hızlı ve kolay bir yere koymak aşağıdaki gibi görünür.

Okuyucunun tek yapması gereken, düğmeye tıklamaktır ve sayfa, herhangi bir sayfa formatlaması olmadan doğrudan yazıcıya gönderilir. Sayfa, yazıcının yazdırılabilir genişliğinin dışındaysa, gerçekte gerekenden çok daha fazla sayfa yazdırmanız mümkündür..

Bazı insanlar form düğmesinin görünümünü gerçekten beğenmez, bu yüzden alternatif olarak aynı şeyi yapmak için gömülü javascript ile bir bağlantı kullanabilirsiniz..

 Bu sayfayı yazdır 

Birçok durumda basit bir metnin bir düğmeden daha temiz göründüğünü, ancak kullandığınız web sayfasının yazdırma özelliğini sağlamak istediği alanda daha iyi göründüğünü görebilirsiniz..

Yukarıdaki örnek çıktıdan görebileceğiniz gibi, yalnızca reklam komutunu kullandığınızda birçok reklamın ve afişin biçimlendirmesi tarayıcı ekranıyla tam olarak eşleşmiyor. Bu, daha karmaşık web siteleri için çok daha belirgin hale gelir. İnsanların kullandığı başka bir yaklaşım, web sitesinin tüm bölümlerini CSS kullanarak engellemek ve yazdırılacak sayfanın belirli bölümlerini atamaktır. Bunu, ilk önce CSS dosyasını başlık bölümünde bağlayarak yaparsınız..

Daha sonra, gerçek CSS dosyasını yaratmanız ve web sayfanızla aynı dizine kaydetmeniz gerekir. CSS dosyası, yazdırılmaması gereken sayfanın tüm bölümlerini atamalı ve ardından yazdırmak için atadığınız sayfanın elemanlarını görünür hale getirmelidir..

 DIV # başlık, DIV # newflash, DIV # banner ekran: yok; vücut görünürlük: gizli; .print görünürlük: görülebilir; 

Şimdi CSS dosyanız kurulduğundan, yapmanız gereken tek şey sayfanıza gitmek ve her bölümü etiketlemek “baskı” sınıf.

  Bu çizgi basılacaktır. Bu çizgi olmaz.  

Artık çıktıda, sayfanın yalnızca ile işaretlenmiş bölümlerini görebilirsiniz. “baskı” sınıf sayfaya yazdırılır ve diğer tüm bölümler yazmaz. Bu yaklaşımdaki zorluklardan biri, yazdırılmasını istemediğiniz tüm DIV bölümleri için ekranı kapattığınızdan emin olmanız gerektiğidir. Aşağıda gördüğünüz gibi, ben eklemedi “div” Google Reklam’ın.

CSS dosyasını oluşturmak ve sınıfları doğru bir şekilde yerleştirmek biraz zaman alabilir. Gerçekten her sayfada bunu yapmak istemiyorsanız son bir yaklaşımı tercih edebilirsiniz. Bu, web sayfasının mükemmel biçimde biçimlendirilmiş, yazdırılabilir sürümlerini sağlamak için en sevdiğim tekniktir. Tek yapmanız gereken, web sayfası içeriğinin PDF biçimli bir versiyonunu oluşturmak, web sunucunuza kaydetmek ve ardından dosyayı sayfanın başlığına bağlamak..

Tek yapman gereken bu! Yazdır düğmesini, yukarıdaki örneklerde olduğu gibi sitenize gömebilirsiniz, ancak yazdırma yöntemi için yüklenen CSS dosyası yerine, PDF, DOC veya başka bir dosya yazıcıya gönderilir. Aşağıda görebileceğiniz gibi, bu sayfanızın en temiz yazdırılabilir sürümünü oluşturur ve istediğiniz şekilde görünmesini sağlamak için hemen hemen özelleştirebilirsiniz.

Gördüğünüz gibi, web sayfanıza bir baskı düğmesi veya bağlantı yerleştirmek istediğinizde seçim yapabileceğiniz çok sayıda seçenek var. Bu seçimlerden herhangi biri iyi sonuç verir, ancak doğru seçim gerçekten web sayfasının ne kadar karmaşık olduğu ve okuyucularınıza web sayfanızı yazdırmayı seçtiğinde ne tür bir içerik sunmak istediğinize bağlıdır..

Bir web sayfasına bir baskı düğmesi eklemek için bu tekniklerden herhangi birini denediniz mi? En çok hangi tekniği seversin? Başka çözümünüz var mı? Görüşlerinizi aşağıdaki yorumlar bölümünde paylaşın.

Resim Kredisi: Sundeip Arora