一、連接
1、通常的次序文本寫作與在線文件寫作之間的一個重要差別是在線文件的讀者可能在文件的任何一點進進該文件。盡管你已做了一個美麗的首頁作為進口，其他人可能會對你的杰作內的具體指針或子頁給出連接。向這些新的拜訪者供給一些關于他們在什么處所以及為什么在這里的線索是有意義的。
2、從頭至尾都要應用導航圖標，尤其是要用“返回到首頁”連接。可以在每部分都做這樣做。比如在每頁的頂端(或底部)都有一小串圖標，第一個回到首頁，第二個回到章，第三個回到節。
3、在頁面上應當有一些連接幫助拜訪者往返跳轉。總是以雷同的格局把這些連接放到所有頁面上，這樣讀者就總能知道到哪兒往找到它們以及怎樣應用它們。
4、一般來說應當應用相對連接，由于:
(1) 這樣輕易把一組文件移到另一個處所(相對路徑名仍然有效)，
(2) 輸進量較少。在同一頁的連接項當然應當應用相對地址，因
為應用盡對地址后可能會每選擇一個連接都要把該頁重新裝載一次。
5、連接到不直接相干的文件時應用盡對路徑。這樣以后要是把源文件移到另外的目錄下就不需更改連接了。
6、確保可選擇的連接明白直觀——用標題或明顯相干的圖像來表明它有什么內容。特別要避免“請按這里”，任何要“按這里”的人都會慎重考慮，它是不是正好就在“這里”，并且連接無誤。不要讓連接的名稱與連接的 URL 雷同，這樣會使讀者要作的工作增加。
7、Mail to 連接中應把 e-mail 地址作為連接名稱。例如，可能有一個人名和一個 e-mail 地址，人名連接到他的主頁，e-mail 地址連接到 mailto。消息組連接應當直接用組名。
8、核對 href ，不要在頁內呈現任何沒有前途的連接，也不要讓連接落掉。
二、內容
9、讓讀者有理由逗留。要把網頁作得趣味盎然，引人進勝。但重要的是要讓它有用處。這樣做的一個很簡略的措施是供給相互參與——讓讀者做一些事情，如報名獲取定期發送的通信，并用某種方法報答他們的參與，如每周抽獎或給予下載一些東西的機會。
10、對拜訪者來說最具價值的站點是那些立即就能讓人明白哪些信息可以獲取，怎樣獲取，以及可能還有怎樣讓讀者來更正他自己認為有錯誤的處所或加上他自己的內容。
11、簽上自己的名字，并展現得到的聲譽——但不要在這里弄上一個長長的簽名。少許的自我宣傳可能是中肯的，尤其是當你想讓自己的網頁具有個人特點時，但這可能會帶來困窘和妨礙本質內容。你所要作的只是連接到關于作者的那一頁，該頁也是棄權、版權聲明及類似闡明的合適處所。
12、不要包含一些一般化的Web參考信息和人人都有的已不再是熱點的連接。連接到Alta Vista和Yahoo可能就已足夠了，否則你的外部連接應當是具有特別意義和讀者還沒有碰到過的處所。
13、要是有以評論或讀者看法的情勢取得的確定性的反饋，可考慮把它包含在主頁之內——也許在開頭的某個處所，或者作為到聲譽頁的一個連接。假如做得恰到利益，可以鼓勵新的拜訪者并使他們放心。相反，要是做得分歧適，就會被認為是自我吹捧，而真正的內容反而處于次要地位。
14、忘掉已學會的在紙上寫作的大多數習慣。基于文字、面向紙張的寫作所面臨的任務是精心安排的敘述，在供給知識、愉悅心情或說服別人的過程當中要能保持讀者的愛好;但是文字并不是大多數Web版面的重要組成部分——即便是頁面上的文字比其他元素多，也經常是其他組成部分(圖像、超媒體連接)被認為比單純的文字更重要。
15、結構至關重要。網頁可能會看起來是二維的，但不應如此懂得。印刷頁面的原有結構在Web已不復存在;寫作者得著重于文件以可見的方法表現出來的結構，由于它可能已具有更奇妙的交換功效。
16、Web的讀者不會往讀每一個詞，他們的瀏覽方法更近似于快速瀏覽而不是象讀呆板的樹式文件那樣的逐行瀏覽。通過盤算機屏幕瀏覽并不是件格外舒暢的事情，因此讀者盼看最好能盡快得到成果。
17、在Web頁面創作中讀者實際上是一個配合者。除了要注意在任何類型的寫作中都要考慮的詞匯、語協調其他事項外，網頁作者還要意識和具體考慮到讀者的身材運動——按鼠標鍵、轉動頁面、寫作郵件——也是交換過程的一部分。
三、頁面設計
18、有了一個HTML編纂器和幾兆服務器空間并不能說馬上就可以設計網頁了。在開端編寫文字、尋找圖像和進行HTML標記之前應當先把基礎的網頁結構組織號。假如沒什么要說的，就什么也不要說。要是開端的時候在頭腦里沒有一個相當明白的結構，那幾乎確定會以一團糟而告終。開端時謹嚴一些，然后不停地學習,不停地改良。卸載一些你愛好的頁面，核對HTML源文件，看它是怎樣寫的，把它全部或部分粘貼到一個實驗文件進行檢驗。整頁地拷貝別人的東西是抄襲行動，但是向別人學習則是研究過程。
19、人們第一次進進你的主頁時，他們通常不是在尋找值得瀏覽的處所，他們可能正在尋找可供選擇的東西，以超文本術語說即是可用鼠標點取的詞句、圖像、按鈕等等，接下來是瀏覽文字，選定一個可選項，按鼠標鍵，下頁呈現后又重復此過程。這里的技巧是斷定瀏覽時按鍵的適當比率。供給的可選項要是太少，拜訪者會感到沒意思，要是太多又會嚇倒別人。
20、要是頁面包含的內容信息量大，在開端設計頁面之前就要先斷定好讀者對象。對新手或新的拜訪者來說用一種固定的文件結構并在開端的時候給予闡明是有意義的。例如，關于內容的闡明表格或某種類似結構。假如你要滿足知識或經驗不在同一個層次的讀者，供給限制性的線索可以讓某些讀者跳過基礎內容直達目標。供給連接時要考慮到各個層次的讀者。
22、不要讓讀者不知所措。不必非要用聲音和圖像充滿網頁，也不要把文件做得太長以至于在裝載文件時讓讀者等得腳后跟發涼，因此應用圖像時要謹嚴:大的圖像顯然會下降頁面建立的速度，但很多需要次序裝載的小圖像也會如此。
四、HTML格局
23、應避免應用交叉標記。不同的瀏覽器對交叉標記的反應會不同。
24、應用交錯 GIF 和 Jpeg 。由于交錯圖像是分級顯示出來的——首先以很低的分辨率顯示，然后逐步提高分辨率，直至最后達到正常顯示——這種方法有時候會使較大的圖像看起來好象裝載得快一些(實際上并非如此，但這是一種有益的錯覺)。這樣也便于讀者在圖像裝載的過程中看到它的樣子容貌，假如他們不愛好或不想看的話就有機會中斷傳輸或轉向別的處所。
25、另一種增加可得帶寬的奇妙方法是在HTML底稿中應用 Lowsrc 命令。比如說有一張400×600像素的1600萬色掃描圖，所占空間約為35K。應用 Paint Shop Pro 這一類的工具對原圖重新取樣，比如說高度為100像素(也許為了達到你自己的請求你得進行調劑才干找到最合適的大小，但可以從高度除以4開端)，Paint Shop Pro 會主動盤算新畫面的寬度。保留新畫面，它的大小現在應為6K或更小。然后在HTML文件中可以這樣寫上:
Lowsrc命令唆使瀏覽器在真正的畫面載進以前先裝載低分辨率的圖像，這樣就讓讀者明白將會呈現什么樣的畫面。(為確保瀏覽器能即時以合適的大小顯示圖像，高度和寬度很重要)。
26、當然，可以用 Lowsrc 提取你想要的任何圖像。一條雙色的“請等候下傳”的信息可能只占幾百字節，同時由于圖像是存在瀏覽器的緩存區，因此可用“請等候”信息代替所有畫面。當圖像安靜地消散于背景之中的時候，讀者可以安閑地瀏覽你的網頁。
27、可以在一個 HTML 元素內嵌進一個連接，如:Myheading但不能反其道而行之，把一個標題或其他HTML元素嵌進一個連接。下面這樣的結構是正式的 HTML 規定禁止的，并可能在大多數最新的瀏覽器下不見后果:Myheading
五、長文件
28、當頁面為單個長文件時要警惕。它的傳輸時間明顯要比擬短的頁面的傳輸時間長，即使通信速率為 28.8Kbps 的讀者也可能會失往耐心。瀏覽大的文件時頁面轉動也很艱苦。大的文件和較慢的裝載速度可能會使人沮喪，再也不會返回到你的網點。
29、假如你感到文件大小很重要，不便轉變，就要考慮讀者將會怎樣應用網頁。努力確保讀者瀏覽長文件時瀏覽器轉動條小的移動不會在頁面上產生大的跳躍。作為一條經驗規矩，按一次轉動條頁面移動的范疇要少于一頁，這樣就還看得見上一個窗口的部分內容。任何比這更大的移動都會讓人迷失方向。
30、要不然就把一個長文件分成幾個子文件，在主頁給予連接。不過要記住子頁可能會成為逝世頁——有時候命中率要低于10%。做得聰慧一點，給讀者一個很好的理由裝進子頁或給他們一個很好的理由瀏覽它。
31、假如頁面很多，在主頁給出一個內容列表或目錄顯然是個好措施。不要非得作成那種慣例的、令人厭煩的、呆板的樹形布局，把它做得有趣一些，讓讀者有理由進進連接，幫助他們懂得他們可能看不出來的內容。
32、要是你必需把所有的內容都放在一個文件里面，應用一個內容列表，從表的項目可直接跳到各部分的開頭。或者做得更好，供給一個獨立的文本文件用于下傳——往掉所有的格局符——使下傳的時間減到最少。
六、通則
33、實際上，網頁要么處于建設之中要么就是逝世的——假如你不更新它，并且它不是純粹的歷史材料，它馬上就會變舊。“最后一次更新”記錄是一個好措施。且不說別的，假如你的頁面變更太少，你很快就會在讀者評論中得到諷刺看法。
34、鼓勵讀者通過填表或發郵件反饋看法。但要準備處理隨之而來的事務——要盡快地回E-mail，增加連接，修正輸進錯誤等等。給通過 E-mail 進行評論的人回感謝信。
35、在頁內告訴讀者假如他們在自己的主頁內設置一個指向你的連接你不會介意，并表明你也同樣會設置一個指向他的主頁的連接。每個人都盼看有人拜訪自己的網頁，而這種相互支撐會鼓勵對見解類似的網點的拜訪。
36、聯機時間是昂貴的，而拜訪者的注意時間之短是眾所周知的。想措施告訴讀者下傳要用的時間——告訴他們要呈現的圖像的大小或下傳一個文本文件或二進制文件要用多久的時間。為把聯機時間減到最少，指出你會給出FTP地點或供給到其他頁的連接，讀者會觀賞你的這種做法。
37、利用 Digital 的優良檢索工具 Alta Vista找出誰已建立了指向你的Web的連接。
39、Web上的大多數寫作都相當糟糕。由于多數網頁都是空話連篇，自我吹捧，編寫粗糙，編纂審核也不存在，好的寫作就很突出了。
40、不要忘記為你的主頁加一個描寫性的標題，當某個人把它保留在自己的熱點目錄后能知道這里是什么內容。
八、設備獨立
41、HTML不包含文件顯示時用到的字體、段落情勢及空缺信息。這正是它的意義所在，無論在什么平臺上，包含文字終端，你的文件都能成功地顯示出來。由此產生出最低命令尺度。因此要懂得不同的瀏覽器用不同的空缺和字體。
42、假設你的頁面要用某個特定的瀏覽器瀏覽時要小心。要是沒有鼠標器，讓別人“按這里”是不會有效的，假如你的讀者應用 Internet Explorer 或Spry Mosaic，Netscape2.0 的插件就不會有效，除非你能保證讀者有 Netscape 或 Internet Explorer 兼容的瀏覽器，否則重新調劑過的圖像可能會以預想不到的大小顯示出來，表格也會很丟臉(或基本看不見)。在少數瀏覽器上，你基本不能看Jpeg圖像。
43、不會有很多讀者不能處理16位的圖像，但是要注意，假如用16位(64K色)或24位(1670萬色)的調色板制作精巧的背景，你可能會發明應用較老的設備的人只能跳過往。用8位圖看彩色背景時會降為可怕的圖形。帶視卡但 RAM 少于 2M 的 PC 是不能觀看圖像的。
七、布局
44、別輕易讓文字居中和應用粗體或斜體字符。除了視感混亂之外，很多流覽器不能很好地顯示斜體字，也不能補償由于字母傾斜引起的空缺變更。
45、利用短的段落，加點列示，適當的整塊引用文字，用程度線分節，用影象輿圖指引重要連接，使你的頁面能吸引人和輕易瀏覽。
46、不要在每一頁應用作風不同的圖標。
47、不必在以頁面上填滿圖像來增加視覺趣味。盡量應用彩色圓點——它們較小并能為列表項增加色彩活力(并能用于彩色列表)。彩色分隔條也能在不搗亂帶寬的情況下加強圖形感。
48、對用作背景的GIF要謹嚴。它們可以使一個頁面看起來很有趣，甚至很專業，但是裝飾背景很輕易使文字變得不可辨讀。要把背景做得好，光有色彩對照是不夠的。背景要么很亮(文字較暗)要么很暗(文字較亮)。假如背景含有圖像，對照度要較低才不至于過于疏散讀者的注意力。
49、在 img 行加 ALT 標記。假設標題圖像顯示為 The Offal Eaters\" HomePage，你可以在括號內加上一個 ALT 標記，ALT=\"The Offal Eaters\" HomePage\"，直接把它加在 img SRC=Offal.com.uk/images/gif/home-top.gif之后。這樣就會讓應用基于文本的流覽器的讀者除了看到 [IMAGE] 以外還能看到別的一些東西，應用圖形流覽器的讀者在圖像未能成功載進之時也會看到一些東西，而你也能讓自己的HTML文件相當整潔。
50、也可以在分隔條上應用ALT標記，這樣就使得應用基于文本的流覽器的讀者能看到一些更有趣的東西，而不只是一條直線。
