跟天豪學div+css做企業網站系列之一
跟天豪學div+css做企業網站系列之一
現在做網站流行用什麼寫網頁代碼?用table做網站已經不流行了,現在流行用什麼做網站嗎?接下來,
跟天豪學div+css做企業網站,你可以學到div+css爲什麼會那麼流行用來做網站。
我們先從簡單的企業網站講起,用div+css來寫網頁代碼。
所有網站第一步:構思
不管你是用word還是用ps,或者是fw也好,第一步就是構思你的網站,如圖企業網站圖
接下來,我們需要根據構思圖來規劃一下頁面的佈局,仔細分析一下該圖,我們不難發現,圖片大致分爲以下幾個部分:
1、頂部部分,其中又包括了LOGO、MENU和一幅Banner圖片;
2、內容部分又可分爲側邊欄、主體內容;
3、底部,包括一些版權信息。
有了以上的分析,我們就可以很容易的佈局了,我們設計層如下圖:
我們還可以做得更爲簡單的效果方便大家理解,如圖:
通過分析整個企業網站的div結構如下:
│body {} /*這是一個HTML元素,具體我就不說明了*/
└#Container {} /*頁面層容器*/
├#Header {} /*頁面頭部*/
├#PageBody {} /*頁面主體*/
│ ├#Sidebar {} /*側邊欄*/
│ └#MainBody {} /*主體內容*/
└#Footer {} /*頁面底部*/
頁面佈局與規劃已經完成,接下來我們要做的就是企業網的HTML代碼和CSS。
跟天豪學div+css做企業網站系列之一,期待我們下次講div+css 也歡迎到我們網站www.18283848.com來看看 謝謝!!!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.