50個制造網站的竅門

一、內容

　　1、讓讀者有理由停留。要把網頁作得興趣盎然，引人入勝。但首要的是要讓它有用途。這樣做的一個很簡單的辦法是供給彼此參加——讓讀者做一些事情，如報名獲取定時發送的通訊，并用某種方法報答他們的參加，如每周抽獎或給予下載一些東西的時機。

　　2、對拜訪者來說最具價值的站點是那些立刻就能讓人明白哪些信息能夠獲取，怎樣獲取，以及或許還有怎樣讓讀者來更正他自己認為有過錯的當地或加上他自己的內容。

　　3、簽上自己的姓名，并展示得到的榮譽——但不要在這兒弄上一個長長的簽名。少許的自我宣傳或許是中肯的，尤其是當你想讓自己的網頁具有個人特色時，但這或許會帶來窮困和阻礙本質內容。你所要作的僅僅銜接到關于作者的那一頁，該頁也是棄權、版權聲明及相似說明的合恰當地。

　　4、不要包括一些一般化的Web參考信息和人人都有的已不再是熱門的銜接。銜接到Alta Vista和Yahoo或許就已足夠了，不然你的外部銜接應該是具有特別含義和讀者還沒有遇到過的當地。

　　5、要是有以談論或讀者定見的方式取得的肯定性的反應，可考慮把它包括在主頁之內——或許在最初的某個當地，或許作為到榮譽頁的一個銜接。假如做得恰到好處，能夠鼓舞新的拜訪者并使他們放心。相反，要是做得不適宜，就會被認為是自我吹噓，而真實的內容反而處于非必須地位。

　　6、遺忘已學會的在紙上寫作的大多數習慣。根據文字、面向紙張的寫作所面臨的使命是精心安排的敘說，在供給常識、愉悅心境或說服他人的進程傍邊要能保持讀者的愛好;可是文字并不是大多數Web版面的首要組成部分——即便是頁面上的文字比其他元素多，也常常是其他組成部分(圖畫、超媒體銜接)被認為比單純的文字更重要。

　　7、結構至關重要。網頁或許會看起來是二維的，但不該如此理解。印刷頁面的原有結構在Web已不復存在;寫作者得著重于文件以可見的方法表現出來的結構，因為它或許已具有更微妙的溝通功能。

　　8、Web的讀者不會去讀每一個詞，他們的閱覽方法更近似于快速閱覽而不是象讀板滯的樹式文件那樣的逐行閱覽。經過計算機屏幕閱覽并不是件分外舒暢的事情，因而讀者期望最好能趕快得到結果。

　　9、在Web頁面創造中讀者實際上是一個合作者。除了要注意在任何類型的寫作中都要考慮的詞匯、語諧和其他事項外，網頁作者還要意識和詳細考慮到讀者的身體運動——按鼠標鍵、翻滾頁面、寫作郵件——也是溝通進程的一部分。

　　二、頁面規劃

　　10、有了一個HTML編輯器和幾兆服務器空間并不能說立刻就能夠規劃網頁了。在開端編寫文字、尋覓圖畫和進行HTML符號之前應該先把基本的網頁結構組織號。假如沒什么要說的，就什么也不要說。要是開端的時分在腦子里沒有一個適當明確的結構，那幾乎肯定會以一團糟而告終。開端時慎重一些，然后不停地學習,不停地改善。卸載一些你喜愛的頁面，核對HTML源文件，看它是怎樣寫的，把它全部或部分粘貼到一個試驗文件進行檢驗。整頁地復制他人的東西是剽竊行為，可是向他人學習則是研討進程。

　　11、人們第一次進入你的主頁時，他們一般不是在尋覓值得閱覽的當地，他們或許正在尋覓可供挑選的東西，以超文本術語說便是可用鼠標點取的詞句、圖畫、按鈕等等，接下來是閱覽文字，選定一個可選項，按鼠標鍵，下頁呈現后又重復此進程。這兒的技巧是確認閱覽時按鍵的恰當比率。供給的可選項要是太少，拜訪者會覺得沒意思，要是太多又會嚇倒他人。

　　12、要是頁面包括的內容信息量大，在開端規劃頁面之前就要先確認好讀者方針。對新手或新的拜訪者來說用一種固定的文件結構并在開端的時分給予說明是有含義的。例如，關于內容的說明表格或某種相似結構。假如你要滿意常識或經驗不在同一個層次的讀者，供給限制性的頭緒能夠讓某些讀者跳過基本內容直達方針。供給銜接時要考慮到各個層次的讀者。

　　13、不要讓讀者手足無措。不用非要用聲音和圖畫充斥網頁，也不要把文件做得太長以至于在裝載文件時讓讀者等得腳后跟發涼，因而運用圖畫時要慎重:大的圖畫顯然會降低頁面樹立的速度，但許多需求次序裝載的小圖畫也會如此。

　　三、布局

　　14、別輕易讓文字居中和運用粗體或斜體字符。除了視感混亂之外，許多流覽器不能很好地顯現斜體字，也不能補償因為字母歪斜引起的空白變化。

　　15、運用短的段落，加點列示，恰當的整塊引用文字，用水平線分節，用影象地圖指引首要銜接，使你的頁面能吸引人和簡單閱覽。

　　16、不要在每一頁運用風格不同的圖標。

　　17、不用在以頁面上填滿圖畫來添加視覺興趣。盡量運用五顏六色圓點——它們較小并能為列表項添加色彩生機(并能用于五顏六色列表)。五顏六色分隔條也能在不擾亂帶寬的情況下增強圖形感。

　　18、對用作布景的GIF要慎重。它們能夠使一個頁面看起來很風趣，乃至很專業，可是裝修布景很簡單使文字變得不可辨讀。要把布景做得好，光有色彩比照是不行的。布景要么很亮(文字較暗)要么很暗(文字較亮)。假如布景含有圖畫，比照度要較低才不至于過于分散讀者的注意力。

　　19、在 IMG 行加 ALT 符號。假定標題圖畫顯現為 The Offal Eaters" HomePage，你能夠在括號內加上一個 ALT 符號，ALT="The Offal Eaters" HomePage"，直接把它加在 IMG SRC=Offal.com.uk/images/gif/home-top.gif之后。這樣就會讓運用根據文本的流覽器的讀者除了看到 [IMAGE] 以外還能看到其他一些東西，運用圖形流覽器的讀者在圖畫未能成功載入之時也會看到一些東西，而你也能讓自己的HTML文件適當整齊。

　　20、也能夠在分隔條上運用ALT符號，這樣就使得運用根據文本的流覽器的讀者能看到一些更風趣的東西，而不僅僅一條直線。

　　21、不要把重要的內容放到頁尾——有些讀者或許不會往下看那么遠。

　　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、要是你必須把一切的內容都放在一個文件里面，運用一個內容列表，從表的項目可直接跳到各部分的最初?；蛟S做得更好，供給一個獨立的文本文件用于下傳——去掉一切的格局符——使下傳的時刻減到最少。

　　六、銜接

　　33、一般的次序文本寫作與在線文件寫作之間的一個首要區別是在線文件的讀者或許在文件的任何一點進入該文件。盡管你已做了一個美麗的主頁作為入口，其他人或許會對你的杰作內的詳細指針或子頁給出銜接。向這些新的拜訪者供給一些關于他們在什么當地以及為什么在這兒的頭緒是有含義的。

　　34、自始至終都要運用導航圖標，尤其是要用“返回到主頁”銜接。能夠在每部分都做這樣做。比如在每頁的頂端(或底部)都有一小串圖標，第一個回到主頁，第二個回到章，第三個回到節。

　　35、在頁面上應該有一些銜接協助拜訪者來回跳轉?？偸且韵嗤�的格局把這些銜接放到一切頁面上，這樣讀者就總能知道到哪兒去找到它們以及怎樣運用它們。

　　36、一般來說應該運用相對銜接，因為:

　　(1) 這樣簡單把一組文件移到另一個當地(相對路徑名仍然有用)，

　　(2) 輸入量較少。在同一頁的銜接項當然應該運用相對地址，因為運用肯定地址后或許會每挑選一個銜接都要把該頁從頭裝載一次。

　　37、銜接到不直接相關的文件時運用肯定路徑。這樣今后要是把源文件移到別的的目錄下就不需更改銜接了。

　　38、保證可挑選的銜接清楚直觀——用標題或顯著相關的圖畫來標明它有什么內容。特別要防止“請按這兒”，任何要“按這兒”的人都會慎重考慮，它是不是正好就在“這兒”，并且銜接無誤。不要讓銜接的稱號與銜接的 URL 相同，這樣會使讀者要作的作業添加。

　　39、Mail to 銜接中應把 e-mail 地址作為銜接稱號。例如，或許有一個人名和一個 e-mail 地址，人名銜接到他的主頁，e-mail 地址銜接到 mailto。新聞組銜接應當直接用組名。

　　40、核對 href ，不要在頁內呈現任何沒有出路的銜接，也不要讓銜接落掉。

　　七、公例

　　41、實際上，網頁要么處于建設之中要么就是死的——假如你不更新它，并且它不是純粹的前史資料，它立刻就會變舊?！白罱K一次更新”記錄是一個好辦法。且不說其他，假如你的頁面變化太少，你很快就會在讀者談論中得到挖苦定見。

　　42、鼓舞讀者經過填表或發郵件反應定見。但要準備處理隨之而來的事務——要趕快地回E-mail，添加銜接，修正輸入過錯等等。給經過 E-mail 進行談論的人回感謝信。

　　43、在頁內告知讀者假如他們在自己的主頁內設置一個指向你的銜接你不會介意，并標明你也同樣會設置一個指向他的主頁的銜接。每個人都期望有人拜訪自己的網頁，而這種彼此支持會鼓舞對見解相似的網點的拜訪。

　　44、聯機時刻是貴重的，而拜訪者的注意時刻之短是眾所周知的。想辦法告知讀者下傳要用的時刻——告知他們要呈現的圖畫的巨細或下傳一個文本文件或二進制文件要用多久的時刻。為把聯機時刻減到最少，指出你會給出FTP地點或供給到其他頁的銜接，讀者會賞識你的這種做法。

　　45、運用 Digital 的優秀檢索東西 Alta Vista找出誰已樹立了指向你的Web的銜接。

　　46、Web上的大多數寫作都適當糟糕。因為多數網頁都是空話連篇，自我吹噓，編寫粗糙，編輯審核也不存在，好的寫作就很突出了。

　　47、不要忘記為你的主頁加一個描述性的標題，當某個人把它保存在自己的熱門目錄后能知道這兒是什么內容。

　　八、設備獨立

　　48、HTML不包括文件顯現時用到的字體、段落方式及空白信息。這正是它的含義地點，不管在什么平臺上，包括文字終端，你的文件都能成功地顯現出來。由此產生出最低指令標準。因而要了解不同的瀏覽器用不同的空白和字體。

　　49、假定你的頁面要用某個特定的瀏覽器閱覽時要留神。要是沒有鼠標器，讓他人“按這兒”是不會有用的，假如你的讀者運用 Internet Explorer 或Spry Mosaic，Netscape2.0 的插件就不會有用，除非你能保證讀者有 Netscape 或 Internet Explorer 兼容的瀏覽器，不然從頭調整過的圖畫或許會以預想不到的巨細顯現出來，表格也會很丑陋(或根本看不見)。在少量瀏覽器上，你根本不能看Jpeg圖畫。

　　50、不會有許多讀者不能處理16位的圖畫，可是要注意，假如用16位(64K色)或24位(1670萬色)的調色板制造精巧的布景，你或許會發現運用較老的設備的人只能跳過去。用8位圖看五顏六色布景時會降為可怕的圖形。帶視卡但 RAM 少于 2M 的 PC 是不能觀看圖畫的。