網頁創作/如何為網路寫作
在上一章中,你已經學習瞭如何建立網頁。
重申一下,你應該已經學習了
- 網頁由帶標記的文字組成;
- 該標記是超文字標記語言 (HTML) 的一部分;
- HTML 必須有效,原因很多;
- 可以使用文字編輯器編寫 HTML;以及
- 如何將一些基本的 HTML 元素應用於文字,例如段落 (p)、連結/錨點 (a)、重要和不太重要的標題 (h1、h2)、影像 (img) 等。
換句話說,你已經學習了一些建立網頁的機制,如果你按照練習做了,你實際上已經積累了一些編寫網頁的經驗。
現在,你將開始學習如何以有意義的方式應用這些知識。
正如我們之前觀察到的,製作網頁沒有正確或錯誤的方法。網頁可能包含有效或無效的 HTML,但網頁是否成功完全取決於你為自己設定的目標以及這些目標是否實現。但是,我們也注意到,無法知道目標是否為所有訪問者實現。
通常,你的目標是向世界講述一個故事。
如果你製造割草機,你使用網頁的目標可能是
- 吸引人們購買你的割草機
- 教客戶如何使用他們的割草機
- 教育人們瞭解與割草機相關的危險
- 向公司股東展示業務進展情況
- 讓媒體更容易報道你的割草機
- 將你對製造割草機的熱愛傳達給其他人
- 為志同道合的割草機愛好者提供相互交流的機會
- 向供應商展示如何到達你的工廠
- 警告客戶注意劣質仿製品
- 指責競爭對手
- 回應競爭對手的指控
- ...
這個列表是無窮無盡的。誰知道為什麼有人會製作網頁?可能有一百萬個理由。
但是,一旦你決定講述自己的故事,如果能把故事講清楚,那就更好了。
一般寫作技巧超出了本教材的範圍。還有其他華夏公益教科書(在撰寫本書時正在開發中)專門教你這些。例如,請參閱如何寫一篇論文。
儘管對此知之甚少,但人們普遍認為,從螢幕上閱讀比從紙上閱讀更難。例如,從螢幕上閱讀文字比從紙上閱讀文字大約需要多 30% 的時間。儘管人們對原因知之甚少,但這可能是因為大多數螢幕是靜態的,而使用紙張的讀者通常可以移動紙張。另一種理論認為,由於紙張上的文字解析度比螢幕上的文字解析度高得多(300dpi vs. 100dpi),因此“更容易用眼睛”從紙張上閱讀文字。
大多數訪問者使用瀏覽器瀏覽網站,瀏覽器在螢幕上顯示網頁的內容。網頁瀏覽器的標準排版似乎適應了更難的閱讀體驗:段落之間用空行隔開。
無論從螢幕上閱讀看起來有多難,網民都表現出對更容易掃描文字以尋找重要點的佈局的明顯偏好。這些佈局的一些特點是
- 列表資訊在列表中
- 清晰標記的超連結
- 沒有水平(側向)滾動
- 所有重要資訊都在“摺疊”之上
- 文字的倒金字塔結構
訪問者通常會打印出他們想認真閱讀的文字,而快速瀏覽不需要仔細閱讀的文字。
無論他們在尋找什麼,大多數網民在從一個頁面跳到另一個頁面時都遵循類似的策略。他們會“掃描”(快速瀏覽)網頁,尋找有趣的資訊。他們會尋找似乎最有希望提供該資訊的元素,例如標題、強調文字和超連結。如果在最初的幾秒鐘內,網頁似乎沒有承諾提供有趣的資訊,訪問者就會跳到那裡最有可能的超連結。如果沒有有希望的超連結,訪問者甚至可以使用瀏覽器的“後退”功能返回到前一個頁面。
有希望的元素的軌跡類似於獵犬在追捕獵物時所遵循的軌跡。因此,人們說網頁上的元素會發出“資訊氣味”。氣味越濃,使用者越有可能追隨它。
但是,如果某種型別的元素經常產生虛假軌跡,使用者會開始遠離這種元素。例如,儘管動畫內容比靜態內容更能吸引注意力,但訪問者越來越遠離動畫。這可能是因為網民已經開始將動畫等同於廣告;而廣告很少包含訪問者正在尋找的資訊。
通過了解如何使網頁更容易被使用圖形瀏覽器的人訪問,以及如何將適量的“氣味”應用於頁面上的某些元素,網頁作者便擁有了最佳觸達目標受眾的工具。
下面,我們將看看其中幾個工具。
術語“超文字”由兩部分組成:“超”和“文字”。“超”最初是一個希臘詞,意思是“超過”、“超越”。超文字是將文字提升到一個新水平的東西;但它仍然是文字。超文字具有文字的所有屬性,以及更多屬性。
雖然本節的標題使它看起來如此,但文字的額外屬性,即(超)連結,並不與原始文字處於戰爭狀態。至少並非總是如此。
當網路專家的理論是正確的時,網路使用者會從一個頁面跳轉到另一個頁面,遵循資訊氣味的蹤跡。無論該使用者是尋找特定的資訊並嘗試所有可能通往該資訊的途徑;無論使用者是在尋找特定資訊,卻被其他資訊所吸引;或者無論使用者是否根本沒有尋找資訊,只是為了娛樂;所有這些似乎都在使用相同的策略來追隨一系列有希望的線索。
訪問者在一個沒有引起他興趣的頁面停留的時間越長,訪問者開始尋找逃生之路的可能性就越大。儘管承諾的資訊或樂趣可能存在於網頁上呈現的純文字中,但所有逃生路線都嵌入在超連結中。因此,很有可能,任何無法立即吸引訪問者注意力的文字都不可能在以後被閱讀,除非前面的大部分文字已經清楚地向訪問者表明,這裡就是他想要停留的地方。
我要再次強調,作者的任務不是娛樂讀者。但是,一個不想娛樂讀者的作者會發現自己沒有觀眾。同樣,一個旨在最大限度地提高讀者從閱讀他的作品中獲得的獎勵感的作者,將獲得該型別作品的最大受眾。
???還有更多內容待續
摺疊是一個術語,從某種意義上說,它可以用於所有媒體,但在談論語音等流媒體時卻毫無用處。這是一個用於視覺瀏覽器的術語,是指網頁上顯示的第一部分的底部邊緣。
例如,如果一個網頁包含 50 行文字,但只顯示前 20 行,則摺疊位於第 20 行下方,第 21 行上方。
這似乎是一個任意位置,卻有自己的名字,但事實並非如此,因為網頁訪問者通常會檢視摺疊之上的內容,而不是摺疊之外的內容。
不幸的是,它不是一個非常有用的指標,因為每個訪問者都以不同的方式設定了他們的網頁瀏覽器,因此對於每個訪問者來說,摺疊的位置可能會有所不同。
但是,它告訴我們,需要儘可能多的人觀看的東西,需要儘可能高地放在頁面上。
到目前為止,我們已經討論了訪問者從螢幕上閱讀網頁的難度以及閱讀時的匆忙程度。忘記抓住正確的人的注意力,他就會消失到其他網頁上更綠的草地上。網路就是這樣殘酷:所有競爭對手都是你的直接鄰居。
在關於摺疊的那一節中,我們討論了將重要資訊放在頂部以最大程度地提高讀者數量的重要性。
將最重要的句子放在最前面,第二重要的句子放在第二位,第三重要的句子放在第三位,依此類推的寫作方法被稱為倒金字塔結構。
傳統的文章寫作認為,文章的結構應該是:引言、擴充套件、結論。對我們大多數人來說,在文章的進展中,我們會先保留一些重要的資訊,然後才會逐漸揭示。作為讀者,我們已經習慣了這種文章結構,並且在作者沒有立即切入主題時,我們願意給予一定程度的寬容。但在網路上,當我們遇到一篇沒有立即告訴我們我們想知道的內容的文章時,我們會毫不猶豫地點選離開。
到目前為止,我們一直在強調當訪客沒有找到他正在尋找的資訊時會發生什麼。但是,當訪客確實找到了他正在尋找的資訊時會發生什麼呢:網頁文字是否仍然需要像之前描述的那樣奇特地扭曲才能吸引訪客?
人們希望不會。如果我們把最重要的資訊放在最前面,愛麗絲夢遊仙境會怎麼讀?如果我們在文字中添加了指向更有趣文學的連結?如果我們為了滿足一些疲憊的衝浪者而放棄了所有藝術野心,而這些衝浪者本來就不打算閱讀我們的文字呢?
可用性極端主義者會說,是的,沒有藝術價值——只有新的世界,新的規則。
不幸的是,人們確實在網上閱讀。他們被他們所遇到的東西所感動。他們有辦法克服網路媒介的困難。例如,在網路上找到一篇有趣的文章的人通常會將其打印出來,以便從更輕鬆的媒介中閱讀它。
我還要爭論,沒有任何事實可以支援我的觀點,文字的性質也發揮著作用。資訊性和說服性的文字可以根據之前給出的指南進行構建,而娛樂性的文字可以以傳統的方式,即網路出現之前的傳統方式進行構建。
例如,如果你試圖向我推銷某樣東西,真的沒有必要用“營銷術語”來美化你的文字。我很有可能比你喊出“百分比”的速度更快地點選瀏覽器的後退按鈕。
如果你試圖告訴我某件事,我可能會更加寬容。我們正在進行的交易(你得到我的關注,我得到你的見解)更加直接,因此對我來說更有價值。
但即使是娛樂性網頁的作者也能從中學習一些東西。最重要的是:你為讀者寫作。媒介在這方面起著作用。一支硬搖滾樂隊必須使用大喇叭。這是觀眾所期望的。(當然,瞭解這一點的硬搖滾樂隊可以在“不插電”的演出中展現他們的柔情一面——但這種事情最好只由那些瞭解自己媒介的人嘗試。)
即使娛樂性文字將被打印出來,即使使用者將坐在螢幕前,並堅持看完你整個精彩的戲劇,之前概述的一些方法也說得通。
如果你不使用倒金字塔結構,你至少應該為標題使用標題,不要擺弄字型大小(是的,這不幸地是可能的),讓段落之間用空行隔開,等等。經常會發現,一些科幻小說作者找到了將他們的故事像紙質書籍一樣展示出來的方法——同時忘記了他們不是在紙質書籍上出版,從而失去了部分讀者。
娛樂性文字的大部分宣傳價值在於文字本身。娛樂性非常寶貴:如果你寫的東西很好,其他人會連結到它,包括搜尋引擎。
全球資訊網聯盟釋出了一套網頁內容可訪問性指南,為網頁編寫的一些方面提供指導。這些指南起初看起來相當令人生畏。不要試圖在一遍閱讀中理解所有內容。有些指南很容易遵循,而另一些則可能需要付出很大的努力。
Watchfire 的 WebXACT 是一款流行的免費線上工具,用於檢查頁面是否符合可訪問性。雖然它只能檢查部分指南,並且偶爾會檢查無法滿足指南的頁面,但它是學習指南的良好起點。
檢查點 10.4,“在使用者代理正確處理空控制元件之前,在編輯框和文字區域中包含預設的佔位符字元。”,現在被認為是不必要的,並且已從下一版指南草案中刪除。有關更多資訊,請參閱英國皇家失明者協會的文章表單元素中的佔位符文字。
檢查點 4.2,“在文件中首次出現縮寫或首字母縮略詞時,指定其擴充套件形式。” 現在被認為是良好的做法,在文件中標記所有出現的縮寫,而不僅僅是第一次出現。HTML 4.01 和 XHTML1.0/1.1 有兩個元素用於標記縮寫。abbr 元素用於標記任何縮寫。acronym 元素可以用於標記首字母縮略詞。由於首字母縮略詞是一種特殊的縮寫形式,因此也可以用 abbr 來標記。不是首字母縮略詞的縮寫不應該用 acronym 來標記。
看下面這段文字:“總是死人受到讚揚,或者說那些在活著的時候不成功的人是這麼說的。也許是這樣,部分原因是有些人只崇拜那些已經過去的東西。然而,經受住時間考驗的作品,也經受住了時間的考驗。那些仍然被人們記住的已故作家,之所以被記住是因為他們的作品的質量。而沒有哪部作品可以被稱為天才之作,直到其他作品出現,可以與之比較。”(摘自塞繆爾·約翰遜的《莎士比亞序言》)。
使用倒金字塔結構改寫這段話。
答案請參見問題和練習答案。