建站常識(shí)
網(wǎng)頁(yè)制作需要注意的問(wèn)題集錦
2006-01-08 20:56:00
1 不要先決定網(wǎng)頁(yè)的外觀,然后強(qiáng)迫自已去適應(yīng)它,應(yīng)該從你的訪客對(duì)像,你要傳 達(dá)的訊息以及你的制網(wǎng)目標(biāo)推導(dǎo)出一個(gè)最適合的網(wǎng)頁(yè)架構(gòu)。
2 每頁(yè)排版不要太疏或用太大的字,盡量避免看你的網(wǎng)頁(yè)時(shí)需要作很大的卷動(dòng),要 知道在一頁(yè)的上部分是顯眼而寶貴的地方,不要只放著幾個(gè)粗大的字或圖片。
3 最好不要用 800x600 以上的分辨率設(shè)計(jì)網(wǎng)頁(yè)。常用的分辨率是 640x480 及 800x600 。 明智的網(wǎng)頁(yè)設(shè)計(jì)者是處處照顧瀏覽者,絕不會(huì)炫耀自己有專線、有17 寸的顯示器等。
4 不要于每頁(yè)插入太多的廣告牌。相信你亦不喜歡瀏覽一些貼滿廣告的網(wǎng)頁(yè)吧,你要考慮到該頁(yè)內(nèi)容與廣告的比例,擺放的位置亦很重要,不妨多參考別人的做法。廣告太多,只會(huì)令人煩厭。
5 不要每頁(yè)都采用不同的背景圖片,以免每次轉(zhuǎn)頁(yè)都要花時(shí)間去下載,采用相同的底色或背景圖片還可增加網(wǎng)頁(yè)一致性,樹(shù)立風(fēng)格。
6 底色或背景圖片必須與文字對(duì)比強(qiáng)烈,易于閱讀,這并不是要求你永遠(yuǎn)使用鮮亮的背景配搭深色的文字,但深色背景常要求與主題配合,有較多的顧慮,若你的網(wǎng)頁(yè) 是文章式或包含大量文字,不妨在底色與文字的配搭上下些工夫,力求讓訪者能舒適閱讀你的文章。
7 不要把圖片白色當(dāng)透明,要知道別人的作業(yè)系統(tǒng)不一定把內(nèi)定底色設(shè)為白色,解 決方法除了真的把該網(wǎng)頁(yè)的底色設(shè)為白色之外,最好還是以圖片編輯工具為圖片設(shè)好透明顏色。
8 太長(zhǎng)的一頁(yè)要使用內(nèi)部連結(jié),明智的網(wǎng)頁(yè)設(shè)計(jì)者是不會(huì)讓瀏覽者看網(wǎng)頁(yè)時(shí)作太大 的卷動(dòng)。常見(jiàn)的內(nèi)部連結(jié)應(yīng)用例子如 FAQ (常見(jiàn)問(wèn)答)。
二.標(biāo)記運(yùn)用
小心使用框架(Frame)。框架易學(xué)難精,它雖有快速、漂亮和方便更新等優(yōu)點(diǎn), 但稍有不慎會(huì)適得其反,切勿勉強(qiáng)使用,由于 IE 及 NC 對(duì)框架屬性定義有所差異,公開(kāi)網(wǎng)頁(yè)前宜作多方面測(cè)試,可能你的框架于 IE 顯示下是漂亮的一頁(yè),但于 NC 可能是最丑陋的。
背景音樂(lè)盡量同時(shí)使用 bgsound 及 embed 兩種標(biāo)記,照顧舊版的瀏覽器,或可使 用 JavaScript 分辨瀏覽器以印出適當(dāng)?shù)拿襟w標(biāo)記。
應(yīng)用框架 Frame 時(shí)要加入不支持的提示以提醒舊版的瀏覽器的用戶,亦可以是藏著一沒(méi)有框架的版本或一個(gè)連到另一版本的連結(jié),這樣不但照顧到舊版的瀏覽器,亦有利于登一些尋找引擎。
同一頁(yè)中不要使用太多的 HR 標(biāo)記,即水平分隔線,否則你的網(wǎng)頁(yè)看起來(lái)會(huì)支離破碎,要達(dá)到文件清晰或主次分明,可改變字體的大小、顏色或底色?;虿捎们鍐螛?biāo)記,不一定要使用水平線。
不要使用“點(diǎn)選這里”“Click Here”之類的字眼當(dāng)作連結(jié),正確的做法如:“請(qǐng) 到 Microsoft 網(wǎng)站看看 Windows 98 的介紹吧”。
不要勉強(qiáng)使用閃爍文字,指 Blink 標(biāo)記,不必說(shuō)它的被支持問(wèn)題,這類的閃爍常為瀏覽者帶來(lái)緊張和不安,要知道制作網(wǎng)頁(yè)的首要條件便是要讓訪客看得舒適,不要因小失大。
使用 ImageMap 時(shí),不要讓關(guān)鍵區(qū)域太近或重疊,不要讓你的訪客猜測(cè)關(guān)鍵區(qū)域, 如果圖片示意不夠清楚可加些文字說(shuō)明,按鍵的作用只是用以打開(kāi)另一文件,只要能做到清楚及顯眼便足夠。
編輯完 ImageMap 后不要更動(dòng)原來(lái)圖片檔案,否則它的關(guān)鍵區(qū)域會(huì)因相對(duì)座標(biāo)值的更變而失準(zhǔn)。
在表單中使用 Action=mailto 時(shí),要提醒使用者不要期待立即的回應(yīng),否則你的訪問(wèn)者便「癡癡地等」或多按幾次“Submit”,最好還是使用 CGI 吧。
不要讓你的表單太長(zhǎng)或超過(guò)兩頁(yè),除非訪者非填不可,否則他們會(huì)不耐煩,在網(wǎng)上要訪者主動(dòng)填寫(xiě)你的表單并不容易,所以花多些心思在表單的設(shè)計(jì)上是應(yīng)該的。
使用 <PRE> 標(biāo)記時(shí),其內(nèi)的文字不要太長(zhǎng),因?yàn)闉g覽者可能使用低解像的作業(yè)環(huán)境,但該文字卻不會(huì)換行以適應(yīng)瀏覽器視窗。
不要在說(shuō)明標(biāo)記 <!-- 說(shuō)明 --> 中加入其它標(biāo)記或連結(jié),因?yàn)橛行?shù)瀏覽會(huì)把它解讀出來(lái)。適當(dāng)運(yùn)用說(shuō)明標(biāo)記,對(duì)較大型的網(wǎng)頁(yè)是很重要的。
不要依賴 <TABLE> 標(biāo)記中的參數(shù) align="CENTER" 將表格置于中間,因?yàn)楹芏酁g覽器并不支持,你還是需要不厭其煩地加上 <CENTER> 標(biāo)記。
網(wǎng)頁(yè)的版權(quán)聲明有三種顯示方法,第一是當(dāng)作一般文字顯示于瀏覽畫(huà)面,第二是利用說(shuō)明標(biāo)記 <!-- Copyright -->,第三是利用 <META> 標(biāo)記。
登錄網(wǎng)頁(yè)于 META Search Engine 時(shí),先以 <META> 標(biāo)記于 <HEAD> 位置加上介紹及關(guān)鍵字,這些資料會(huì)為搜索引擎所記錄,亦是搜索者所看到的結(jié)果。
避免標(biāo)記交錯(cuò)使用,如:
對(duì): <B><I>HKIWC</I></B>
錯(cuò): <B><I>HKIWC</B></I>
并不是所有瀏覽器都如 IE 一樣,善于處理交錯(cuò)及欠缺標(biāo)記。
制作表單時(shí)必須分別以 NC 及 IE 作測(cè)試。對(duì) NC 而言,表單各元件如文字框、卷動(dòng)選單等的高度及其內(nèi)的文字皆受 <FONT> 一類的字形標(biāo)記所影響,尤其是 Character Set,若設(shè)為 GB 2312 的話更要注意 NC 及 IE 對(duì)各表單元件的大小有不同的顯示效果。
三. 進(jìn)階技巧
安裝別人的 CGI 程式要事先檢查,網(wǎng)上含惡意破壞 的 CGI 程式是存在的,若你不熟悉 CGI,可嘗試檢查是否含有 cd/;/bin/rm-rf*。這兩指令的合并亦是“病毒”的一類了?;旧希坏揭恍┏雒?nbsp;CGI 網(wǎng)頁(yè)下載是不會(huì)有問(wèn)題的。
不要濫用 Java Applet。由于 Java Applet 先天性慢速,避免在同一頁(yè)中使用太多或太大的 Java Applet,尤其是裝飾用的,簡(jiǎn)單的動(dòng)畫(huà)可采用 Animating Gif,而 Counter 則采用 CGI,一個(gè)需30 秒去下載的水中倒影不見(jiàn)到比一篇精彩的短文來(lái)得吸引。
沒(méi)有特別的需要不要采用一些額外的 Plug-in 來(lái)制作網(wǎng)頁(yè),如 Shockwave, RealPlayer 等,就算你提供下載該 Plug-in 的連結(jié),瀏覽者示未必有興趣,你會(huì)因此而失去一批訪客。每使用一些支持性不高的技巧都要三思,個(gè)人網(wǎng)頁(yè)還可,公司網(wǎng)頁(yè)相信不會(huì)冒險(xiǎn)吧。
不必告訴瀏覽者其所用的瀏覽器版本及作業(yè)系統(tǒng)。君不見(jiàn)很多人利用 JavaScript 在 首頁(yè)顯示這些資料,這是亳無(wú)意義而且浪費(fèi)了首頁(yè)那寶貴的空間,你大可裝上一個(gè)訪客分析的 CGI 程式,暗地記下各項(xiàng)瀏覽者資料作統(tǒng)計(jì)用,這才是正確的做法。
沒(méi)有必要勿要求瀏覽者輸入姓名才能進(jìn)入網(wǎng)頁(yè),這指的不是以密碼保護(hù)的那種, 而是以 JavaScript 寫(xiě)成,取得你的性名以作稱呼用的那種,訪客的瀏覽意欲會(huì)因此而減卻。
不要用 JavaScript 產(chǎn)生太多的 Pop-up 畫(huà)面,尤其是使用一些如 Geocities 之類的免費(fèi)空間,它本身己有一個(gè) Pop-up Banner,若多于一個(gè) Pop-up,瀏覽者通常會(huì)感到煩厭。
不要以二進(jìn)位格式來(lái)傳送 CGI 程式,否則會(huì)多出許多原本沒(méi)有的空白行,這些空白會(huì)造成錯(cuò)誤的標(biāo)頭。當(dāng)然亦不要用 ASCII 格式來(lái)傳送圖片檔案。
利用 CGI 處理中文資料或于其 Source Code 中加入中文字時(shí),要注意一些含有 perl 特殊符號(hào)的的中文字,于 Debug 時(shí)可多一重考慮,。
使用 Shockwave 時(shí),為支持沒(méi)有安裝此 Plug-in 的使用者,可使用 <NOEMBED> 標(biāo)記,于其間夾著 <IMG> 標(biāo)記放著同大小的后備圖片,當(dāng) Shockwave 不被顯示時(shí)便會(huì)以此圖片代替,免得其它字、畫(huà)走了位。
加入 Java Applet 時(shí)可在 <Applet> .... </Applet> 標(biāo)記之間加入一些提示字句,照顧那些不能看 Java 的使用者。
不要依賴 Java 來(lái)處理網(wǎng)頁(yè)的重要資訊或連結(jié),除非你確定大多數(shù)訪客都是使用具 Java 能力的瀏覽器。事實(shí)上 Java 用于顯示按鍵或訊息實(shí)是大才小用,亦是不得其所。
不要采用 JavaScript 的入網(wǎng)及離網(wǎng)事件,那警告視窗不但令人煩厭,其突然而來(lái)的音效亦挺唬人的,可能你的 Window 沒(méi)設(shè)定音效或沒(méi)開(kāi)著 Speaker 吧。若真的需要,可以利用自動(dòng)轉(zhuǎn)頁(yè),大方得體。
不要在 CGI output 部分使用像 $, &, @ 之類的特殊符號(hào),若真的需要,不防于其前加上符號(hào) \。當(dāng)然要善用 CGI Debug 了。
四. 網(wǎng)頁(yè)道德
不要將別人的網(wǎng)頁(yè)變成你的框架中的一個(gè)框窗,這樣不但會(huì)為瀏覽者帶來(lái)不便, 令你的網(wǎng)頁(yè)更丑陋,而且你亦侵犯了別人的版權(quán),解決及預(yù)防的方法是采用連結(jié) 的 target 參數(shù),如 target="_top" 或 target="new" 等。若重視訪者的感受請(qǐng)從每一細(xì)節(jié)做起。
不要抄襲別人的創(chuàng)作。網(wǎng)絡(luò)上所有資訊均是公開(kāi)的,但都是有版權(quán)的,若有意引用某人的作品,不妨以郵件詢問(wèn),征得同意才進(jìn)行,這是簡(jiǎn)單又正當(dāng)?shù)淖龇?。特別是當(dāng)你利用離線瀏覽器下載別人的網(wǎng)頁(yè)或取得別人的程序時(shí),切不可把它當(dāng)成自己的網(wǎng)頁(yè)或程序放到網(wǎng)上。
不要將別人正在使用的搜索器、表單及計(jì)數(shù)器等放到自已的網(wǎng)頁(yè)中,這樣做不但擾亂其正常運(yùn)作、增加該伺服器的負(fù)荷,除非該主人有明示可以連到他的 cgi-bin 或 JavaClass。
不要利用網(wǎng)頁(yè)散播謠言,中傷他人,網(wǎng)絡(luò)雖難管制,但本對(duì)道德良心,請(qǐng)潔身自愛(ài)。維持良好的網(wǎng)絡(luò)環(huán)境,每個(gè)人都有責(zé)任。
引用 Newsgroup、BBS、或其他非電子傳媒的文章,切記注明原作者名稱及文章來(lái)源,若引用別人的網(wǎng)頁(yè)更要通知作者。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [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)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(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è)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2006-09-07 10:08:00] 分析網(wǎng)站設(shè)計(jì)常犯的十大典型錯(cuò)誤
- [2007-06-26 11:42:00] 習(xí)慣化與去習(xí)慣化
- [2006-08-16 09:23:00] 站長(zhǎng)必看:建設(shè)網(wǎng)站的十二大誤區(qū)
- [2005-12-29 21:10:00] 網(wǎng)站中的個(gè)性及風(fēng)格設(shè)計(jì)
- [2010-11-11 08:33:00] 如何進(jìn)行數(shù)據(jù)可視化設(shè)計(jì)
- [2016-11-16 11:18:00] 無(wú)人機(jī)全民化可能只是幻想?青島網(wǎng)站制作帶你解密
- [2007-06-28 17:48:00] Web交互易用性指導(dǎo)原則
- [2009-10-21 08:10:00] 設(shè)計(jì)師挖掘用戶需求淺談
- [2009-10-22 08:16:00] 閑言碎語(yǔ):設(shè)計(jì)的技術(shù)資本
- [2010-08-05 08:13:00] 交互設(shè)計(jì)的方法
- [2010-05-18 11:33:00] 交互設(shè)計(jì)的出發(fā)點(diǎn)
- [2009-04-24 08:07:00] 英雄連ONLINE交易BUG聊產(chǎn)品設(shè)計(jì)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
用戶界面 扁平化設(shè)計(jì) 圖形網(wǎng)格 高端輪胎網(wǎng)站設(shè)計(jì) 青島抖音小程序開(kāi)發(fā) 企業(yè)網(wǎng)站建設(shè) 手機(jī)網(wǎng)站 青島flash網(wǎng)站 互聯(lián)網(wǎng) 青島黃島、紅島網(wǎng)站建設(shè)公司 審美 青島高端網(wǎng)站建設(shè)公司哪家好 青島好的網(wǎng)站優(yōu)化公司 官網(wǎng)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)資訊 手機(jī)網(wǎng)站建設(shè) 微信小程序 html和css 良好的導(dǎo)航 微信營(yíng)銷的優(yōu)勢(shì) 中小型企業(yè)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站 空白和簡(jiǎn)潔的設(shè)計(jì) 膠南網(wǎng)站建設(shè)公司 css SEO SEO優(yōu)化 海信網(wǎng)絡(luò)科技 企業(yè)網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè)