เราจะพูดถึงวิธีสร้างเว็บไซต์ที่เหมาะกับเครื่องพิมพ์ในบทความนี้ ในโลกที่เราอาศัยอยู่ตอนนี้ พวกเราหลายคนสามารถเข้าเว็บได้เกือบทุกที่ นี่อาจทำให้คุณคิดว่าการพิมพ์หน้าเว็บเป็นเรื่องในอดีต แต่ก็ไม่เป็นเช่นนั้นเสมอไป ยังมีสาเหตุหลายประการที่ผู้คนอาจต้องการพิมพ์หน้าเว็บ
คุณไม่มีทางรู้ว่าผู้คนจะตัดสินใจอ่านเนื้อหาบนเว็บไซต์ของคุณอย่างไร พวกเขาอาจใช้คอมพิวเตอร์เดสก์ท็อปหรือแล็ปท็อปเพื่อเข้าชมไซต์ของคุณ หรืออาจเป็นหนึ่งในหลายๆ คนที่เข้าชมผ่านอุปกรณ์เคลื่อนที่บางประเภท ทุกวันนี้ ผู้เชี่ยวชาญด้านเว็บสร้างไซต์ที่ดูดีและทำงานได้ดีบนอุปกรณ์และขนาดหน้าจอที่หลากหลายเพื่อรองรับผู้เยี่ยมชมที่หลากหลาย อย่างไรก็ตาม การพิมพ์เป็นตัวเลือกที่หลายคนไม่นึกถึง
วิธีสร้างเว็บไซต์ที่เหมาะกับการพิมพ์
คลิกปุ่ม “เริ่ม” พิมพ์ “ Notepad“ในช่องค้นหา และคลิก”Notepad“ในรายการผลการค้นหา คลิกเมนู “ไฟล์” ของ Notepad จากนั้นคลิก “เปิด” และใช้ตัวจัดการไฟล์เพื่อค้นหาไฟล์ HTML ที่คุณต้องการแก้ไข คลิกปุ่ม “เปิด” พิมพ์โค้ดต่อไปนี้ในบรรทัดว่างเหนือแท็ก “” ในไฟล์ HTML ของคุณ: รหัสนี้จะสั่งให้เบราว์เซอร์โหลดไฟล์ CSS ที่มีคำแนะนำในการพิมพ์หน้าเว็บ พิมพ์ชื่อคลาสที่ไม่ซ้ำกันใน ทุกแท็ก HTML ที่คุณไม่ต้องการแสดงบนหน้าที่พิมพ์หรือในตัวอย่างก่อนพิมพ์ของเบราว์เซอร์ ตัวอย่างเช่น คุณสามารถเพิ่ม class=”noprint” ลงในแท็ก div ที่มีโฆษณาบนเว็บหรือเมนูการนำทาง ถ้าแท็กมีชื่อคลาสอยู่แล้ว คุณสามารถเพิ่มชื่ออื่นได้โดยพิมพ์ช่องว่างหลังชื่อคลาสที่มีอยู่แล้วพิมพ์ชื่อคลาสใหม่ ตัวอย่างเช่น หากต้องการเพิ่มชื่อคลาส “noprint” ให้กับ div ที่มีชื่อคลาสว่า “menu” ให้พิมพ์: class=”menu noprint”กด “Ctrl-S” เพื่อบันทึกไฟล์ HTML ของคุณ คลิกเมนู “ไฟล์” จากนั้นคลิก “ใหม่” เพื่อเริ่มเอกสาร Notepad ใหม่ พิมพ์โค้ดต่อไปนี้ แทนที่ “.noprint” ด้วยชื่อคลาสที่คุณต้องการใช้:.noprint {display: none} คุณสมบัติและแอตทริบิวต์ “display:none” ทำให้ คลาสใดก็ตามที่มีชื่อแท็กนั้นจะมองไม่เห็นเมื่อคุณพิมพ์หรือแสดงตัวอย่างก่อนพิมพ์ของเว็บเพจ กด “Ctrl-S” เพื่อบันทึกไฟล์ พิมพ์ “print.css” เป็นชื่อไฟล์ จากนั้นคลิกปุ่ม “บันทึก”
คำถามที่พบบ่อย
หน้า PrintFriendly เกิดจากอะไร
หน้าเว็บส่วนใหญ่มีข้อมูลและลิงก์ที่มีประโยชน์เมื่อคุณดูรอบๆ ไซต์เท่านั้น หน้าที่พิมพ์ได้ง่ายมีขนาดพอดีกับกระดาษขนาด 8.5″x11″ หรือ A4 (ดูขนาดกระดาษ) และรวมเฉพาะเนื้อหาของหน้า (ข้อความธรรมดาและรูปภาพ) และข้อมูลเกี่ยวกับแหล่งที่มา
ฉันจะพิมพ์หน้าเว็บโดยไม่ตัดออกได้อย่างไร
เมื่อพิมพ์ในโหมดแนวนอน คุณจะมั่นใจได้ว่าขอบจะไม่ถูกตัดออก ก่อนที่คุณจะพิมพ์ เบราว์เซอร์ส่วนใหญ่ต้องการให้คุณไปที่เมนูไฟล์ คลิกที่”การตั้งค่าหน้ากระดาษ”จากนั้นทำเครื่องหมายที่ช่อง”แนวนอน”ในหน้าต่างการตั้งค่าหน้ากระดาษ
PrintFriendly ฟรีหรือไม่
PrintFriendly ทำความสะอาดและจัดรูปแบบหน้าเว็บเพื่อให้สามารถพิมพ์ออกมาได้ดี PrintFriendly กำจัดโฆษณา การนำทาง และสิ่งไร้ประโยชน์อื่นๆ บนหน้าเว็บ ดังนั้นเมื่อคุณพิมพ์ คุณจะใช้กระดาษและหมึกน้อยลง ใช้งานง่ายและฟรี