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