如何設計頁面的打印機友好版本
你永遠不知道人們會如何選擇消費你的網站內容。 他們可能會選擇在傳統台式機或筆記本電腦上訪問您的網站,或者他們可能是許多訪問某種移動設備的訪問者之一。 為了適應這種廣泛的訪問者,今天的網絡專業人士創建了一些網站,這些網站看起來不錯,並且在這些廣泛的設備和屏幕尺寸上都能很好地工作,但許多人沒有考慮的一種可能的消費方法是打印。 當有人打印出你的網頁時會發生什麼?
許多網頁設計師認為,如果一個網頁是為網頁創建的,那麼它就應該被閱讀,但是這是一個思路狹隘的想法。 一些網頁可能很難在線閱讀,也許是因為讀者有特殊的需求,這使他們難以在屏幕上查看內容,而且他們從書面頁面更加舒適。 有些內容可能也需要印刷。 對於一些閱讀“如何”文章的人來說,將文章打印出來可能會更容易一些,或許寫完筆記或在完成時檢查步驟。
最重要的是,您不應該忽略可能選擇打印網頁的網站訪問者,並且您應該採取措施確保您網站的內容在打印到頁面時可以使用。
什麼使打印機友好的頁面打印友好?
網絡行業對於如何編寫一個打印友好的頁面存在一些分歧。 有些人認為只有文章內容和標題(可能有一個旁行)應該包含在頁面上。 其他開發人員只是刪除側面和頂部的導航,或將其替換為文章底部的文本鏈接。 有些網站刪除廣告,其他網站刪除一些廣告,還有一些網站保留所有廣告的完整性。 您需要決定在您的特定用例中最有意義的東西,但這裡有一些要考慮的提示。
我推薦打印友好頁面
- 將顏色更改為白色黑色。
- 如果您的網頁有背景顏色,或者您使用彩色字體,則您的打印機友好頁面應該是白色背景上的黑色文本。 大多數人使用黑白打印機,彩色背景可能會耗盡大量墨水或墨粉。
- 將字體更改為可讀的面部
- 如果您的網頁使用文體字體,則可能需要將其更改為容易閱讀的襯線或無襯線字體以便打印頁面,以便於閱讀。
- 觀看字體大小。
- 如果你正在寫一個小字體的網頁,你應該增加打印的字體大小。 我建議使用16pt或更大的文字,具體取決於您的觀眾。
- 強調所有鏈接。
- 這些鏈接不會在您的打印機友好頁面上點擊,因此很明顯它們是鏈接將清晰地顯示頁面信息,並讓讀者知道它們在數字頁面中缺少的功能。 我也喜歡將鏈接的顏色更改為藍色,這對於彩色打印機很有用。
- 刪除不重要的圖像。
- 什麼使得一個基本的形象取決於開發者和市場部門。 我將圖片限制為頁面左上角文章和品牌徽標所需的圖片。
- 刪除導航。
- 廣告和側面導航導致網頁難以打印的原因很多。 刪除它可以讓文字在屏幕上流動更多空間 - 使打印時更易於閱讀。 另外,由於頁面打印出來, 導航只是浪費墨水。
- 刪除一些或大部分廣告。
- 這是一個棘手的問題,因為一些打印友好的專業人員會將所有圖像從打印友好的頁面中刪除,包括特別是廣告。 但事實是,許多網站都受到廣告支持,並且刪除所有廣告都會影響這些網站留在業務中的能力。 如果我不得不在打印輸出中的廣告或網站消失之間進行選擇,我會選擇廣告。 畢竟,如果我喜歡它足以打印出來,我希望網站繼續。
- 刪除所有JavaScript和動畫圖像。
- 這些打印效果不佳或根本不能打印,並且在某些情況下會導致打印網頁時出現問題。
- 包括一個旁路。
- 即使您的文章通常沒有排版,您也應該在適合打印機的版本中加入排版。 這樣,如果客戶將文章存檔,她可以很快找到誰寫了這些文章,而無需返回到您的網站。
- 包含原始網址。
- 在打印輸出的底部包含原始文章的URL非常重要。 這樣,如果您的客戶需要遵循鏈接或從您的網站獲取更多信息,則可以在網上找到確切的網頁。 此外,如果他們複印打印輸出,您的網站將獲得更多曝光。
- 包含版權通知。
- 你在網上寫的是你的寫作。 僅僅因為客戶可以打印出來或複制並粘貼文本並不意味著它是公共領域。 它不會阻止堅定的小偷,但它會提醒臨時用戶你的權利。
通過這些簡單的指導方針,您可以為您的網站創建適合打印的頁面,讓您的客戶樂於使用並返回。
如何實施打印友好的解決方案
您可以使用CSS媒體類型創建打印友好頁面,為“打印”媒體類型添加單獨的樣式表。 是的,可以編寫腳本來將網頁轉換為適合打印的頁面,但是當您可以為打印頁面時編寫第二個樣式表時,實際上不需要走這條路線。
Jennifer Krynin的原創文章。 由Jeremy Girard於6/6/17編輯