建站常識
制作主頁的獨(dú)門功夫五十招
2005-12-29 20:51:00
1、讓讀者有理由逗留。要把網(wǎng)頁作得趣味盎然,引人入勝,但首要的是要讓它有用處。
這樣做的一個很簡單的辦法是提供相互參與--讓讀者做一些事情,如報名獲取定期發(fā)送的通訊 ,并用某種方式報答他們的參與,如每周抽獎或給予下載一些東西的機(jī)會。
2、對訪問者來說最具價值的站點(diǎn)是那些立刻就能讓人明白哪些信息可以獲取,怎樣獲取,以及可能還有怎樣讓讀者來更正他自己認(rèn)為有錯誤的地方或加上他自己的內(nèi)容。
3、簽上自己的名字,并展示得到的榮譽(yù)--
但不要在這里弄上一個長長的簽名,少許的自我宣傳可能是中肯的,尤其是當(dāng)你想讓自己的網(wǎng)頁具有個人特色時,但這可能會帶來困窘和妨礙實(shí)質(zhì)內(nèi)容。你所要作的只是連接到關(guān)于作者的那一頁,該頁也是棄權(quán)、版權(quán)聲明及類似說明的合適地方。
4、不要包括一些一般化Web參考信息和人人都有的已不再是熱點(diǎn)的連接,連接到AltaVista 和Yahoo可能就已足夠了,否則你的外部連接應(yīng)該是具有特殊意義和讀者還沒有遇到過的地方。
5、要是有以評論或讀者意見的形式取得的肯定性的反饋,可考慮把它包括在主頁之內(nèi)--
也許在開頭的某個地方,或者作為到榮譽(yù)頁的一個連接。如果做得恰到好處,可以鼓勵新的訪問者并使他們放心。相反,要是做得不合適,就會被認(rèn)為是自我吹噓,而真正的內(nèi)容反而處于次要地位。
6、忘掉已學(xué)會的在紙上寫作的大多數(shù)習(xí)慣,基于文字、面向紙張的寫作所面臨的任務(wù)是精心安排的敘述,在提供知識、愉悅心情或說服別人的過程當(dāng)中要能保持讀者的興趣;但是,文字并不是大多數(shù) Web 版面的主要組成部份--即使是頁面上的文字比其他元素多,也常常是其他組成部份(圖像、超媒體連接)被認(rèn)為比單純的文字更重要。
7、結(jié)構(gòu)至關(guān)重要,網(wǎng)頁可能會看起來是二維的,但不應(yīng)如此理解,印刷頁面的原有結(jié)構(gòu)在Web已不復(fù)存在;寫作者得著重于文件以可見的方式表現(xiàn)出來的結(jié)構(gòu),因?yàn)樗赡芤丫哂懈⒚畹慕涣鞴δ堋?BR>
8、Web的讀者不會去讀每一個詞,他們的閱讀方式更近于快速閱讀,而不是像讀呆板的樹式文件那樣的逐行閱讀;通過屏幕閱讀并不是件格外舒服的事情,因此,讀者希望最好能盡快得到結(jié)果。
9、在Web頁面創(chuàng)作中,讀者實(shí)際上是一個配合者,除了要注意在任何類型的寫作中都要考慮的詞匯、語調(diào)和其他事項(xiàng)外,網(wǎng)頁作者還要意識和具體考慮到讀者的身體運(yùn)動--按鼠標(biāo)鍵、滾動頁面、寫作郵件也是交流過程的一部份。
10、有了一個HTML編輯器和幾兆服務(wù)器空間并不能說馬上就可以設(shè)計網(wǎng)頁了;在開始編寫文字、尋找圖像和進(jìn)行 HTML 標(biāo)記之前,應(yīng)該先把基本的網(wǎng)頁結(jié)構(gòu)組織好;如果沒什么要說的,就什么也不要說,要是開始的時候在腦子里沒有一個相當(dāng)明確的結(jié)構(gòu),那幾乎肯定會以一團(tuán)糟而告終。開始時謹(jǐn)慎一些,然后不停地學(xué)習(xí),不停地改進(jìn)。卸載一些你喜歡的頁面,核對HTML源文件,看它是怎樣寫的,把它全部或部份粘貼到一個試驗(yàn)文件進(jìn)行檢驗(yàn)。整頁地拷貝別人的東西是剽竊行動,但是向別人學(xué)習(xí)則是研究過程。
11、人們第一次進(jìn)入你的主頁時,他們通常不是在尋找值得閱讀的地方,他們可能正在尋找可供選擇的東西,以超文本術(shù)語說即是可用鼠標(biāo)點(diǎn)取的詞句、圖像、按鈕等等,接下來是閱讀文字,選定一個可選項(xiàng),按鼠標(biāo)鍵,下頁出現(xiàn)后又重復(fù)此過程,這里的技巧是確定閱讀時按鍵的適當(dāng)比率,提供的可選項(xiàng)要是太少,訪問者會覺得沒意思,要是太多又會嚇倒別人。
12、要是頁面包含的內(nèi)容信息量大,在開始設(shè)計頁面之前就要先確定好讀者對象。對新手或新的訪問者來說用一種固定的文件結(jié)構(gòu)并在開始的時候給予說明是有意義的。例如,關(guān)于內(nèi)容的說明表格或某種類似結(jié)構(gòu)。如果你要滿足知識或經(jīng)驗(yàn)不在同一個層次的讀者,提供限制性的線索可以讓某些讀者跳過基本內(nèi)容直達(dá)目標(biāo),提供連接時要考慮到各個層次的讀者。
13、不要讓讀者不知所措,不必非要用聲音和圖像充斥網(wǎng)頁,也不要把文件做得太長以至于在裝載文件時讓讀者等得腳后跟發(fā)涼,因此使用圖像時要謹(jǐn)慎;大的圖像顯然會降低頁面建立的速度,但許多需要順序裝載的小圖像也會如此。
14.別輕易讓文字居中和使用粗體或斜體字符,除了視感混敵之外,很多流覽器不能很好地顯示斜體字,也不能補(bǔ)償由于字母傾斜引起的空白變化。
15.利用短的段落,加點(diǎn)列示,適當(dāng)列示,適當(dāng)?shù)恼麎K引用文字,用水平線分節(jié),用影象地圖指引主要連接,使你的頁面能吸引人和容易閱讀。
16.不要在每一頁使用風(fēng)格不同的圖標(biāo)。
17.不必在頁面上填滿圖像來增加視覺趣味,盡量使用彩色圓點(diǎn).....它們較小并能夠?yàn)榱斜眄?xiàng)增加彩色活力(并能用于彩色列表)。彩色分隔條也能在不擾亂帶寬的情況下增強(qiáng)圖形感。
18.對用作背景的GIF要謹(jǐn)慎。它們可以使一個頁面看起來很有趣,甚至很專業(yè),但是裝飾背景很容易使文字變得不可辨讀,要把背景做得好,光有顏色對比是不夠的。背景要么很亮(文字較暗)要么很暗(文字較亮)。如果背景含圖像,對比度要較低才不至于過于分散讀者的注意力。
19.在IMG行加ALT標(biāo)記,假設(shè)標(biāo)題圖像顯示為The Offal Eaters'Homepage,你可以在括號內(nèi)加上一個ALT標(biāo)記,ALT=“The Offal Eaters'Homepage”,直接把它加在IMG SRC=Offal.com.uk/images/gif/hometop.gif之后,這樣就會讓使用基于文本的流覽器的讀者除了看到「IMAGE」以外還能看到別的一些東西,使用圖形瀏覽器的讀者在圖像未能成功載入之時也會看到一些東西,而你也能讓自己的HTML文件相當(dāng)整潔。
20、也可以在分隔條上使用ALT標(biāo)記,這樣就使得用基于文本的瀏覽器的讀者能看到一些更有趣的東西,而不只是一條直線。
21、不要把重要的內(nèi)容放到頁尾--有些讀者可能不會往下看那么遠(yuǎn)。
22、不要讓什么東西看起來像是一個按鈕卻不起按鈕的作用。
23、應(yīng)避免使用交叉標(biāo)記。不同的瀏覽器對交叉標(biāo)記的反映會不同。
24、使用交織GIF和Jpeg。因?yàn)榻豢棃D像是分級顯示出來的--首先以很低的分辨率顯示,然后逐步提高分辨率,直至最后達(dá)到正常顯示--這種方式有時候會使較大在圖像看起來好像裝載得快一些(實(shí)際上并非如此,但這是一種有益的錯覺)。這樣也便于讀者的圖像裝載的過程中看到它的模樣,如果他們不喜歡或不想看的話就有機(jī)會中斷傳輸或轉(zhuǎn)向別的地方。
25、另一種增加可得帶寬的巧妙方法是在HTML底稿中使用Lowsrc命令。比如說有一張400X600像素的1600萬色掃描圖,所占空間約為35K。使用Paint Shop Pro這一類的工具對原圖重新取樣,比如說高度為100像素(也許為了達(dá)到你自己的要求你得到進(jìn)行調(diào)整才能找到最合適的大小,但可以從高度除以4開始),Paint Shop Pro全自動計算新畫面的寬度、保存新畫面,它的大小現(xiàn)在應(yīng)為6K或更小。然后在HTML文件中可以這樣寫上:
〈img src="bigpic.jpg"lowsrc="smallpic.jpg"width="600"height="400"〉 Lowsrc命令指示瀏覽器在真正的畫面載入以前先裝載低分辨率的圖像,這樣就讓讀者清楚將會出現(xiàn)什么樣的畫面。(為確保瀏覽器能即時以合適的大小顯示圖像,高度和寬度很重要)。
26、當(dāng)然,可以用Lowsrc提取你想要的任何圖像,一條雙色的“請等待下傳”的信息可能只占幾百字節(jié),同時由于圖像是存在瀏覽器的緩存區(qū),因此可用“請等待”信息代替所有畫面,當(dāng)圖像平靜地消失于背景之中的時候,讀者可以悠閑地瀏覽你的網(wǎng)頁。
27、可以在一個HTML元素內(nèi)嵌入一個連接,如:
〈H1〉〈A HREF="Destina-tion.html"〉Myheading〈/A〉〈/H1〉 但不能反其道而行之,把一個標(biāo)題或其他HTML元素嵌入一個連接,下面這樣的結(jié)構(gòu)是正式的HTML規(guī)定禁止的,并可能在大多數(shù)最新的瀏覽器下不見效果:
〈A HREF="Destination.html"〉〈H1〉Myheading〈/H1〉〈/A〉
28、當(dāng)頁面為單個長文件時要小心。它的傳輸時間明顯要比較短的頁面的傳輸時間長,即使通信速率為28.8Kbps的讀者也可能會失去耐心。閱讀大的文件時頁面滾動也很困難。大的文件和較慢的裝載速度可能會使人沮喪,再也不會返回到你的網(wǎng)點(diǎn)。
29、如果你覺得文件大小很重要,不便改變,就要考慮讀者將會怎樣使用網(wǎng)頁。努力確保讀者瀏覽長文件時瀏覽器滾動條小的移動不會在頁面上產(chǎn)生大的跳躍。作為一條經(jīng)驗(yàn)規(guī)則,按一次滾動條頁面移動的范圍要少于一頁,這樣就還看得見上一個窗口的部份內(nèi)容。任何比這更大的移動都會讓人迷失方向。
30、要不然就把一個長文件分成幾個子文件,在主頁給予連接。不過要記住子頁可能會成為死頁--有時候命中率要低于10%。做得聰明一點(diǎn),給讀者一個很好的理由裝入子頁或給他們一個很好的理由瀏覽它。
31.如果頁面很多,在主頁給出一個內(nèi)容列表或目錄顯然是個好辦法。不要非得作成那種常規(guī)的、令人厭煩的、死板的樹形布局,把它做得有趣一些,讓讀者有理由進(jìn)入連接,幫助他們了解他們可能看不出來的內(nèi)容。
32.要是你必須把所有的內(nèi)容都放在一個文件里面,使用一個內(nèi)容列表,從表的項(xiàng)目可直接跳到各部份的開頭?;蛘咦龅酶?,提供一個獨(dú)立的文本文件用于下傳…去掉所有的格式符…使下傳的時間減到最少。
33.通常的順序文本寫作與在線文件寫作之間的一個主要區(qū)別是在線文件的讀者可能在文件的任何一點(diǎn)進(jìn)入該文件。盡管你已做了一個漂亮的首頁作為入口,其他人可能會對你的杰作內(nèi)的具體指針或子頁給出連接。向這些新的訪問者提供一些關(guān)于他們在什么地方以及為什么在這里的線索是有意義的。
34、從頭至尾都要使用導(dǎo)航圖標(biāo),尤其是要用“返回到首頁”連接,可以在每部份都做這樣做。比如在每頁的頂端(或底部)都有一小串圖標(biāo),第一個回到首頁,第二個回到章,第三個回到節(jié)。
35、在頁面上應(yīng)該有一些連接幫助訪問者來回跳轉(zhuǎn),總是以相同的格式把這些連接放到所有頁面上,這樣讀者就總能知道哪兒去找到它們以及怎樣使用它們。
36、一般來說應(yīng)該使用相對連接,因?yàn)椋?1)這樣容易把一組文件移到另一個地方(相對路徑名仍然有效);(2)輸入量較少,在同一頁的連接項(xiàng)當(dāng)然應(yīng)該使用相對地址,因?yàn)槭褂媒^對地址后可能會每選擇一個連接都要把該頁重新裝載一次。
37,連接到不直接相關(guān)的文件時使用絕對路徑。這樣以后要是把源文件移到另外的目錄下就不需更改連接了。
38、確??蛇x擇的連接清楚直觀。用標(biāo)題或明顯相關(guān)的圖像來表明它有什么內(nèi)容。特別要避免“請按這里”,任何要“按這里”的人都會慎重考慮,它是不是正好就在“這里”,并且連續(xù)無誤。不要讓連接的名稱與連接的VRL相同,這樣會使讀者要作的工作增加。
39、Mail to連接中應(yīng)把e-mail地址作為連接名稱。例如,可能有一個人名和一個 e-mail 地址,人名連接到他的主頁,e-mail 地址連接到 mailto ,新聞組連接應(yīng)當(dāng)直接用組名。
40、核對href,不要在頁內(nèi)出現(xiàn)任何沒有出路的連接,也不要讓連接落掉。
41、實(shí)際上,網(wǎng)頁要么處于建設(shè)之中要么就是死的……如果你不更新它,并且它不是純粹的歷史資料,它馬上就會變舊?!白詈笠淮胃隆庇涗浭且粋€好辦法。且不說別的,如果你的頁面變化太少,你很快就會在讀者評論中得到諷刺意見。
42、鼓勵讀者通過填表或發(fā)郵件反饋意見。但要準(zhǔn)備處理隨之而來的事務(wù)……要盡快地回E-mail,增加連接,修改輸入錯誤等等。給通過E-mail進(jìn)行評論的人回感謝信。
43、在頁內(nèi)告訴讀者如果他們在自己的主頁內(nèi)設(shè)置一個指向你的連接你不會介意,并表明你也同樣會設(shè)置一個指向他的主頁的連接。每個人都希望有人訪問自己的網(wǎng)頁,而這種相互支持會增加對見解類似的網(wǎng)點(diǎn)的訪問。
44、聯(lián)機(jī)時間是昂貴的,而訪問者的注意時間之短是眾所周知的。想辦法告訴讀者下傳要用的時間--告訴他們要出現(xiàn)的圖像的大小或下傳一個文本文件或二進(jìn)制文件要用多久的時間。為把聯(lián)機(jī)時間減到最少,指出你會給出FTP地點(diǎn)或提供到其他頁的連接,讀者會欣賞你的這種做法。
45、利用Ditigal的優(yōu)秀檢索工具Alta Vista 找出誰已建立了指向你的Web的連接。在高級檢索方式下,輸入:link:http://my.site.com/ANDNOTurl:http://my.site.com/ 在簡單查詢中也可同樣做到。
46、Web上的大多數(shù)寫作相當(dāng)糟糕。由于多數(shù)網(wǎng)頁都是空話連篇,自我吹噓,編寫粗糙,編輯審核也不存在,好的寫作就很突出了。
47、不要忘記為你的主頁加一個描述性的標(biāo)題,當(dāng)某個人把它保存在自己的熱點(diǎn)目錄后能知道這里是什么內(nèi)容。
48、HTML不包括文件顯示時用到的字體、段落形式及空白信息。這正是它的意義所在,無論在什么平臺上,包括文字終端,你的文件都能成功地顯示出來。由此產(chǎn)生出最低命令標(biāo)準(zhǔn)。因此要了解不同的瀏覽器用不同的空白和字體。
49、假設(shè)你的頁面要用某個特定的瀏覽器閱讀時要當(dāng)心。要是沒有鼠標(biāo)器,讓別人“按這里”是不會有效的,如果你的讀者使用Internet Explorer或Spry Mosaic,Netscape的插件就不會有效,除非你能保證讀者有Netscape或Internet Explorer兼容的瀏覽器,否則重新調(diào)整過的圖像可能會以預(yù)想不到的大小顯示出來,表格也會很難看(或根本看不見)。在少數(shù)瀏覽器上,你根本不能看Jpeg圖像。
50、不會有很多讀者不能處理16位的圖像,但是要注意,如果用16位(64K色)或24位(1670萬色)的調(diào)色板制作精巧的背景,你可能會發(fā)現(xiàn)使用較老的設(shè)備的人只能跳過去。用8位圖看彩色背景時會降為可怕的圖形。帶視卡但RAM少于2M的PC是不能觀看圖像的。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2014-03-03 23:17:32] 單頁網(wǎng)站設(shè)計要素與案例欣賞
- [2008-01-07 14:08:00] [總結(jié)]2007年網(wǎng)站設(shè)計的風(fēng)格
- [2012-01-10 15:54:12] baidu稱去年處理和屏蔽的虛假網(wǎng)頁高達(dá)2690萬
- [2006-07-20 15:41:00] 個人網(wǎng)站站長看過來 網(wǎng)站建設(shè)經(jīng)驗(yàn)之談
- [2010-06-23 16:53:00] Less is more—對素材處理的思考
- [2021-06-25 12:20:53] 青島網(wǎng)站建設(shè)力圖數(shù)字科技帶您了解網(wǎng)站備案
- [2019-04-03 16:19:56] 使用什么樣子的圖片可以讓網(wǎng)站更加豐富
- [2009-10-22 08:15:00] 為什么這么設(shè)計:支付寶首頁改版
- [2006-08-17 11:50:00] 網(wǎng)站設(shè)計中程序員和美工的配合問題
- [2005-12-28 13:29:00] 網(wǎng)站導(dǎo)航理論與實(shí)踐
- [2009-04-24 08:07:00] 英雄連ONLINE交易BUG聊產(chǎn)品設(shè)計
- [2008-02-17 15:28:00] 簡單快速地制作404頁面
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島網(wǎng)絡(luò)公司 微網(wǎng)站 集團(tuán)性網(wǎng)站 空白和簡潔的設(shè)計 海信網(wǎng)絡(luò)科技 青島不錯的英文網(wǎng)站建設(shè)公司 如何做網(wǎng)站優(yōu)化 蘋果系統(tǒng) 色彩心理學(xué) 營銷策略 青島網(wǎng)站優(yōu)化 青島SEO 網(wǎng)站優(yōu)化 青島網(wǎng)站營銷 青島網(wǎng)站建設(shè)基礎(chǔ)知識 新的元素 微信小程序 青島網(wǎng)站案例 H5 網(wǎng)站交互設(shè)計 青島IT資訊 青島高端網(wǎng)站建設(shè)公司哪家好 青島網(wǎng)站設(shè)計哪家好 建站常識 青島輪胎網(wǎng)站設(shè)計 審美 平面設(shè)計 官網(wǎng)網(wǎng)站建設(shè) 網(wǎng)站品牌 集團(tuán)官網(wǎng)