在網頁製作中，初學者經常犯的那些小迷糊

標籤：ica   script   bug   容器   部分   資訊   初學者   otto   常用   

對於web初學者來說，在網頁的製作過程中經常會出現一些小Bug，這些問題的看似很小很小，卻影響我們網頁設計的正常完成，下面是我個人學習過程中出現過的一些小問題，在此做一個總結。

1，很多設計師把握不好承載資訊的空間與留白之間的平衡。文本、圖片和菜單應放在能與之形成足夠反差的背景上，通過調整各元素之間的間距來營造乾淨整潔的外觀，擁擠的頁面是不能抓住訪客注意力的。建立網站的過程中記得檢查頁面邊界和padding樣式

2、網路用圖應調整尺寸或壓縮大小，以節省空間的和載入時間。若非如此，載入圖片需要很長的時間，而訪客一般不會再等下去，而是轉投其他網站。提供縮圖預覽並將縮圖連結到更大尺寸的圖片可是個聰明的解決方案，很多設計師都沒有注意到。常用的圖片格式有JPG，PNG和GIF，其他格式載入的時間會更長一些。當一張或幾張表徵圖被用作背景時，設計師得小心處理載入時間和圖片最佳化程度的問題。 

3、檢查代碼單詞有沒有錯誤?html標籤是否閉合?

　　我們在搞網頁設計的時候，html語言規範是首尾要閉合，如果僅僅寫一個頭< head >，那麼末尾就應該有< /head >這樣代碼來完成整改網頁頭部的設計!可是很多設計師因為粗心大意，往往唯寫了一個頭部，卻忽略了閉合，導致CSS BUG的出現!當然這是在記事本下編寫網頁會出現的，現在只要使用一些專業的網頁設計軟體，比如frontpage，dreamweaver等等，代碼的部分會通過顏色的提醒，不過對於某些設計師來說，第一次容易粗心大意，經過二次檢查往往會能夠避免，當然，更多的網頁設計師在設計網頁的時候，將css代碼的單詞少寫了一個字母!所以這往往是導致出現CSS BUG問題的重要原因!

4、還有就是在設計CSS時，不小心把容器屬性設定成了浮動，很容易造成頁面錯位，網頁由此變得十分混亂，可能乍一看，無從下手，其實這往往就是容器設定了浮動，如果對每個容器挨個尋找比較麻煩

5、class與id的使用: id是唯一的並是父級的, class是可以重複的並是子級的, 所以id僅使用在大的模組上, class可用在重複使用率高及子級中; id原則上都是由我分發架構檔案時命名的, 為JavaScript預留鉤子的除外;

6、. 網站製作css屬性書寫順序, 建議遵循: 布局定位屬性-->自身屬性-->文字屬性-->其他屬性. 此條可根據自身習慣書寫, 但盡量保證同類屬性寫在一起. 屬性列舉: 布局定位屬性主要包括: display & list-style & position（相應的 top,right,bottom,left） ＆ float & clear ＆ visibility ＆ overflow； 自身屬性主要包括: width & height & margin & padding & border & background; 文字屬性主要包括：color & font & text-decoration & text-align & vertical-align & white- space & 其他 & content; 這些屬性只是最常用到的, 並不代表全部;

.................以上是我經常容易煩的一些錯誤，以後在開發過程中有心得發現，會再此總結。。

 

在網頁製作中，初學者經常犯的那些小迷糊