設定首頁
  网站地圖
  收藏本頁

簡体 网通 English
 
香草种子
花卉种子
藥材种子
蔬菜种子
草坪种子
更多目錄
种子价格
栽培种植
 
動態 | 圖片 | 郵箱 | 檢索 | 視頻 | 黃頁 | 圖書 | 供求 | 法規 | 地圖 | 工具器材 | 俱樂部 | 城市 | 論壇
您目前所在的位置

首頁>>网絡學院>>正文

訪問次數關閉
网頁設計中常犯的五個錯誤

1.网頁背景色的設置

犯錯机率﹕很大
  普遍性﹕較廣
  犯錯可能性﹕懶/不知道

  約2年前我曾發現21cn上出現過一次沒有設置背景色的情況,當時我用Email通知了他們,自此之后這個問題我從沒犯過。

  絕大部分人的窗口背景顏色都是白色,但如果象我這樣個性的人,就會把windows窗口的背景顏色改成灰色或其他色,這樣一來,如果你沒有設置网頁的背景顏色的話,你以為正常的网頁在我的電腦上看起來會是一團糟。

  2.Align center(自動居中)的濫用

犯錯机率﹕非常大
  普遍性﹕非常廣
  犯錯可能性﹕以為方便/以為好用

工作中,修改、維護別人的网頁是家常便飯,發現不少人有一個陋習﹕
  在表格中的文字或圖片,你是這樣來令它居中、靠左或靠右過﹖

  <div align="center">大家好啊﹗﹗</div>
  <div align="center"><img src="xx.gif"></div>

當有些表格很多、文字很多、內容分得很細的時候,愛用這种方法(它在DW里的快捷鍵是Ctrl+Alt+C,FP不知道是什么)的人往往會狂用,慘了,我一碰到這樣的网頁就頭痛,為什么要用那么多<div>來居中呢﹖tell me why﹖難道表格沒有居中屬性嗎﹖為什么要加入這些垃圾代碼﹖特別修改的時候也不能把文字或圖片刪除了就能自動清除 

建議使用<td align="center">來居中,當需要多重定位的時候,才考慮<div align="center">,因為這個代碼并不好處理,所以能用表格代替就用表格替代。

3.重复使用實現相同功能的代碼、或雜七雜八的亂套代碼

犯錯机率﹕非常普遍
  普遍性﹕非常普遍
  犯錯可能性﹕复雜多樣

大家先來看一看下面的代碼﹕
  <center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font-family:隸書">標 題</font></font></font>
</center>你覺得這樣的代碼看起來感覺怎么樣呢﹖</font></p>

我不知道讀者有什么感覺,壓根我一看到這樣的代碼就會先自我麻木十來秒,這十來秒目的是為了找一個能表達我的思想感情的詞(我﹖你想反問我嗎﹖sorry~~,我一般不犯,因為我做网頁至少有一半以上的時間在瀏覽代碼,代碼中多了不該多的東西我一眼就能看出來。)。

看看上面的代碼,使用了2個class,4個font來定義2個文本,其實這樣的問題很多時候是在大家不斷的修改中產生的,對代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問題特別嚴重,當然,事實上別人瀏覽這個网頁的時候,是沒有任何問題的,但維護的人就…………。
這些多余的垃圾代碼完全是可以省略掉的,其實上面的例子不夠嚴重,更恐怖的我都見過。

另外還有一個問題也要提提的,就是<p>...</p>和<center>...</center>,為什么要用它們呢﹖tell me why~~,有甚者是這樣的﹕

<td><div align="center" class="css_id">
<center>
<p align="center"></p>
<p align="center"><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font-family:隸書">標 題</font></font></font>
</center></td>你覺得這樣的代碼看起來感覺怎么樣呢﹖</font></p></center></div></td>

看到這樣的代碼我是會很無奈的(更無奈的是我經常看到,而且必須看),我來簡化一下﹕
<td align="center" class="css_id">
<font color="#FFA76C" style="font-size:14px;font-family:隸書">標題</font>
你覺得這樣的代碼看起來感覺怎么樣呢﹖</td>

是不是看起來覺得這個世界安靜了很多﹖"標題"后面的文字完成可以定義在<td>的class里,就算不用css,再用多一個<.font>也沒問題,一樣很清爽。

4.表格不正确嵌套

犯錯机率﹕一般
  普遍性﹕普遍
  犯錯可能性﹕對這個不了解

其實這是一個街知巷聞的問題了,但還是不斷有人犯,不正确的嵌套表格,可能會令到你被老總叫到辦公室里臭罵一頓,會令到你以為正常的网頁用ADSL開2、3分鐘都開不了。

先講第一個問題,就是在一個大表格里不斷地嵌套表格,這樣會令到打開网頁的速度變慢(雖然說現在的IE改善了這一問題,但還是不建議這樣做),另一方面維護、修改也极不方便,一般來說簡單的套用是沒有問題的,甚至3、4層,但是不要把所有內容都放到一個表格里去。

第二個問題就是在一個大表格里放入所有內容,而其中包括一個免費的計數器代碼,嘻嘻,你猜有可能出現什么情況呢﹖其實也沒什么大不了的,最嚴重的就是你的IE象死机了一樣,什么都沒顯示。解決方法就是把計數器單獨放在一個表格里,別和其他內容一起放在同一表格。

5.寫代碼縮進的時候,不是使用Tab而是使用空格

犯錯机率﹕一般
  普遍性﹕較少
  犯錯可能性﹕不知道Tab更好用

這一個問題針對js、vbs、asp、php之類,html不能使用Tab會寫一點程序的都知道什么叫縮進,怎么樣縮進﹖有人使用空格,有人使用Tab,如果你是使用空格的,那么從現在起,改用Tab吧。

使用空格有二大坏處﹕1、縮進速度慢、修改速度慢。2、增大网頁体積,會影響速度。

下一篇
Alexa的排名机制
上一篇
設為首頁代碼大全

關于我們 | About US | 本站服務 | 負責聲明 | Seed China | 交換鏈接 | 聯絡我們
點此處与我們在線交流&或給我們留言
Copyright © 2004 - 2008 Big5.zhongzi.Net, All Rights Reserved
版權所有﹕中華种子网 運營﹕种子中國网絡信息中心
電話:+086-021-54081687 電傳:+086-021-51901687
Email/Msn: hongkong@zhongzi.net
滬ICP備05000005號 公安机關网絡備案許可証
seeds
ICP
seedchina,chinaseed