青青久在线视频-青青久热-青青久久网-青青久久精品国产免费看-青青久久精品-青青久久国产成人免费网站

制作主頁的五十個秘訣

發布時間:2007-05-26 10:05:05   瀏覽人數: 1256566 次  
  關鍵字: 頁面設計 - 本站搜索 - Google搜索 - Baidu搜索 - Yahoo搜索 - sougo搜索
  關鍵字: 內容 - 本站搜索 - Google搜索 - Baidu搜索 - Yahoo搜索 - sougo搜索
  關鍵字: 制作主頁 - 本站搜索 - Google搜索 - Baidu搜索 - Yahoo搜索 - sougo搜索
  關鍵字: Web頁面.WEB - 本站搜索 - Google搜索 - Baidu搜索 - Yahoo搜索 - sougo搜索
  一、內容
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、要是你必須把所有的內容都放在一個文件里面,使用一個內容列表,從表的項目可直接跳到各部分的開頭;蛘咦龅酶,提供一個獨立的文本文件用于下傳——去掉所有的格式符——使下傳的時間減到最少。

六、連接

33、通常的順序文本寫作與在線文件寫作之間的一個主要區別是在線文件的讀者可能在文件的任何一點進入該文件。盡管你已做了一個漂亮的首頁作為入口,其他人可能會對你的杰作內的具體指針或子頁給出連接。向這些新的訪問者提供一些關于他們在什么地方以及為什么在這里的線索是有意義的。

34、從頭至尾都要使用導航圖標,尤其是要用“返回到首頁”連接?梢栽诿坎糠侄甲鲞@樣做。比如在每頁的頂端(或底部)都有一小串圖標,第一個回到首頁,第二個回到章,第三個回到節。

35、在頁面上應該有一些連接幫助訪問者來回跳轉?偸且韵嗤母袷桨堰@些連接放到所有頁面上,這樣讀者就總能知道到哪兒去找到它們以及怎樣使用它們。

36、一般來說應該使用相對連接,因為:(1) 這樣容易把一組文件移到另一個地方(相對路徑名仍然有效),(2) 輸入量較少。在同一頁的連接項當然應該使用相對地址,因為使用絕對地址后可能會每選擇一個連接都要把該頁重新裝載一次。

37、連接到不直接相關的文件時使用絕對路徑。這樣以后要是把源文件移到另外的目錄下就不需更改連接了。

38、確?蛇x擇的連接清楚直觀——用標題或明顯相關的圖像來表明它有什么內容。特別要避免“請按這里”,任何要“按這里”的人都會慎重考慮,它是不是正好就在“這里”,并且連接無誤。不要讓連接的名稱與連接的 URL 相同,這樣會使讀者要作的工作增加。

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

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

 

七、通則

41、實際上,網頁要么處于建設之中要么就是死的——如果你不更新它,并且它不是純粹的歷史資料,它馬上就會變舊。“最后一次更新”記錄是一個好辦法。且不說別的,如果你的頁面變化太少,你很快就會在讀者評論中得到諷刺意見。

42、鼓勵讀者通過填表或發郵件反饋意見。但要準備處理隨之而來的事務——要盡快地回E-mail,增加連接,修改輸入錯誤等等。給通過 E-mail 進行評論的人回感謝信。

43、在頁內告訴讀者如果他們在自己的主頁內設置一個指向你的連接你不會介意,并表明你也同樣會設置一個指向他的主頁的連接。每個人都希望有人訪問自己的網頁,而這種相互支持會鼓勵對見解類似的網點的訪問。

44、聯機時間是昂貴的,而訪問者的注意時間之短是眾所周知的。想辦法告訴讀者下傳要用的時間——告訴他們要出現的圖像的大小或下傳一個文本文件或二進制文件要用多久的時間。為把聯機時間減到最少,指出你會給出FTP地點或提供到其他頁的連接,讀者會欣賞你的這種做法。

45、利用 Digital 的優秀檢索工具 Alta Vista 找出誰已建立了指向你的Web的連接。在高級檢索方式下,輸入:link:http://my.site.com/ANDNOTurl:http://my.site.com/在簡單查詢中也可同樣做到,輸入:+link:http://my.site.com/-url:http://my.site.com/

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 是不能觀看圖像的。




上一篇:個人主頁雜談
下一篇:網站建設四部曲之3-網頁制作設計

旗下網站:耐思智慧 - 淘域網 - 我的400電話 - 中文域名:耐思尼克.cn 耐思尼克.top

耐思智慧 © 版權所有 Copyright © 2000-2025 IISP.COM,Inc. All rights reserved

備案號碼: 粵ICP備09063828號  公安備案號: 公安備案 粵公網安備 44049002000123號  域名注冊服務機構許可:粵D3.1-20240003 CN域名代理自深圳萬維網

聲明:本網站中所使用到的其他各種版權內容,包括但不限于文章、圖片、視頻、音頻、字體等內容版權歸原作者所有,如權利所有人發現,請及時告知,以便我們刪除版權內容

本站程序界面、源代碼受相關法律保護, 未經授權, 嚴禁使用; 耐思智慧 © 為我公司注冊商標, 未經授權, 嚴禁使用

法律顧問:珠海知名律師 廣東篤行律師事務所 夏天風 律師

妺妺窝人体色WWW精品知乎| 啊灬啊灬啊灬快灬高潮少妇| 久久精品国产亚洲AV麻豆图片| 亚洲AV色香蕉一区二区三区夜夜嗨 | 亚洲综合无码一区二区三区不卡| 精品国产乱码久久久久久蜜桃| 亚洲AV无码成人专区| 国产未成女一区二区| 羞羞色男人的天堂| 国产一区二三区好的精华液| 性CHINESE新婚VIDEO| 国产熟妇人妻ⅩXXXX麻豆网址| 无套中出丰满人妻无码| 国产麻花豆剧传媒精品免费| 午夜亚洲AⅤ无码高潮片在线观看 午夜亚洲AⅤ无码高潮片苍井空 | 18禁全彩肉肉无遮挡| 妺妺窝人体色7777777| 19岁MACBOOKPRO日本| 欧美裸体XXXX极品少妇| HD专干中国老太婆| 日本精品视频一区二区| 大粗鳮巴久久久久久久久| 试看120秒男女啪啪免费| 国产成人影院一区二区三区 | 秘书在办公室被躁BD在线观看| 中国娇小与黑人巨大交| 男吃奶玩乳尖高潮视频午夜I | 亚洲AV色香蕉一区二区蜜桃小说| 狠狠精品干练久久久无码中文字幕 | 粉嫩av一区二区三区四区| 双腿扒开调教羞辱惩罚视频| 国产精品国产三级国产专不| 性饥渴老妇XXXⅩOOO| 激情人妻另类人妻伦| 亚洲色偷偷综合亚洲AV78| 久久久亚洲欧洲日产国产成人无码| 曰本BBWW高潮BBWR| 欧美精品黑人成人另类视频| 被俩个黑人前后破苞的女人 | 麻豆精品一区二正一三区| AV人摸人人人澡人人超碰| 日韩精品久久久肉伦网站| 国产成人国产在线观看| 亚洲AV无码成人影院一尤物区| 久久高清内射无套| 18禁美女黄网站色大片在线| 日本丰满妇人成熟免费中文字幕 | 久久久久琪琪去精品色无码| 377人体粉嫩噜噜噜| 日本动漫爆乳H动漫无遮挡| 国产成人无码精品XXXX网站| 亚洲成AV人片天堂网久久| 久久综合亚洲色一区二区三区| BGMBGMBGM老太太交70| 色婷婷狠狠久久综合五月| 国产丝袜无码一区二区视频| 亚洲美女高潮久久久久| 妺妺窝人体色WWW在线一| 成人免费无码A毛片| 新版天堂8中文在线最新版官网 | 芳芳好紧好滑好湿好爽| 学渣含着学霸几巴的写作业视频| 久久97久久97精品免视看秋霞| 97久久久精品综合88久久 | 久久久久人妻一区精品色欧美| 99久久无色码中文字幕| 少妇特殊按摩高潮爽翻天| 好大好硬好深好爽想要20P| 在公交车上弄到高C了| 人妻熟妇乱又伦精品无码专区 | 亚洲精品AⅤ无码精品丝袜足| 美女裸体无遮拦国产兔费网站| 成年免费视频黄网站ZXGK| 性CHINESE新婚VIDEO| 老师黑色丝袜被躁翻了AV| 成年片色大黄全免费网站久久 | 69成人免费视频无码专区| 少妇粉嫩小泬喷水视频| 精品国产乱码一区二区三区APP | 国产成人精品无码免费看| 亚洲人成线无码7777| 欧洲女RAPPER潮水大豆| 国产男女无遮挡猛进猛出| 用各种刑具调教吹潮的视频 | 国产精品高潮呻吟AV久久无码| 亚洲婷婷综合色高清在线| 人妻熟妇乱又伦精品视频无广告| 国产无人区码SUV| 中文字幕无码日韩AV| 天堂А√中文最新版地址在线| 久久国产AVJUST麻豆| 不知火舞和三个小男孩| 亚洲成AV人片在线观看WWW| 欧美XXXX黑人又粗又长| 国产卡一卡二无线乱码| 在线观看无码AV网站永久免费| 色婷婷AV一区二区三区浪潮| 久久国产精品99精品国产| 必看无人区一码二码三码| 亚洲丁香五月天缴情综合| 欧美最婬乱婬爆婬牲视| 国产自偷在线拍精品热乐播AV| 337P亚洲裸体人体| 性做久久久久久免费观看| 欧美成人精品三级网站视频| 国产无遮挡18禁无码网站免费| 综合偷自拍亚洲乱中文字幕| 无码一区二区三区中文字幕| 男女无遮挡XX00动态图120| 国产精品亚洲一区二区Z| 2012电影在线观看神马影院| 午夜精品久久久久久99热| 欧美丰满少妇内射XXXX免费| 国产重口老太和两个小伙另类| GOGO少妇无码肉肉视频| 亚洲成AⅤ人在线观看无码| 人妻丰满熟妇av无码区HD| 精品人妻少妇嫩草AV无码专区| 成人AV无码一区二区三区| 野花高清在线观看免费3| 特级毛片A级毛片免费观看网站 | 日韩精品一区二区亚洲AV| 久久久久久老熟妇人妻av| 国产成人无码精品久久二区三区| 中文字幕人乱码中文字幕| 亚洲AV成人WWW永久无码精品| 秋霞国产成人精品午夜视频APP| 精品无码日韩一区二区三区不卡 | 国内精品久久久久电影院| 办公室撕开奶罩揉吮奶漫画| 亚洲一区无码中文字幕| 无码A级毛片免费视频内谢5J| 欧美 亚洲 日本 成人| 精品 亚洲 无码 自拍 另类| 大色综合色综合网站| 中文字幕人妻在线中字| 亚洲AV综合色区无码一区偷拍| 日本熟妇人妻ⅩXXXX| 鲁鲁网亚洲站内射污| 韩国18禁电影风暴尺度大| 厨房里我扒了岳的内裤| 中文字幕乱近親相姦| 亚洲国产精品久久一线不卡| 水蜜桃国产精品欧美日韩一区不卡| 女人被男人吃奶到高潮| 久久大香伊蕉在人线免费AV| 国产精品普通话国语对白露脸| 把她按在桌上疯狂顶撞| 中国BGMBGMBGM老妇网站| 亚洲AV无码国产精品久久不卡 | 快拨出天我是你母亲| 国内少妇偷人精品免费| 国产★浪潮AV无码性色| MM1313亚洲精品无码久久| 一区二区三区精品视频日本 | CHINESE新版少妇嫖妓VI| 亚洲亚洲人成无码网WWW| 亚洲AⅤ无码乱码在线观看性色| 色99久久久久高潮综合影院| 内射老阿姨1区2区3区4区| 久久精品人妻一区二区三区av| 国产无套内射又大又猛又粗又爽| 处破痛哭A√18成年片免费| 99久久亚洲综合精品成人网| 又大又粗弄得我好爽GIF | 欧美无人区码卡二三卡四卡 | 天堂√最新版中文在线天堂| 人妻少妇偷人精品视频| 男女性杂交内射妇女BBWXZ| 久久久国产精品一区二区18禁| 国产真实乱XXXⅩ视频| 国产成人亚洲精品无码青青草原| 成人国产精品秘片多多| JAPANESEHD日本乱厨房| 综合激情丁香久久狠狠| 夜夜骚Av一区二区精品无码区| 亚洲国产欧美在线看片一国产| 亚洲 欧美 综合 在线 精品| 无码成人AAAAA毛片| 少妇人妻综合久久中文888| 日产精品卡2卡三卡乱码网址| 欧美亚洲国产精品久久高清| 男人边吃奶边做呻吟免费视频| 老司机久久99久久精品播放免费| 久久精品国产亚洲AV水果派 | 成人精品老熟妇一区二区| Y1111111少妇影院无码| AA级女人大片喷水视频免费| 2022国产在线无码精品| 中文字幕无码日韩专区免费 | 国产成人综合亚洲精品| 公交车伦流澡到高潮HNP| 岛国精品一区免费视频在线| 办公室撕开奶罩揉吮奶头H文| XXXAV久久久久久久久久久| CHINESE老太性视频BBW| 99久久99久久免费精品小说| 97国产精华最好的产品价格| 717影院理论午夜伦八戒| 50岁退休熟女露脸高潮|