
其基本布局見下圖:

主要由五個(gè)部分構(gòu)成: 
1.Main Navigation 導(dǎo)航條,具有按鈕特效。 Width: 760px Height: 50px 
2.Header 網(wǎng)站頭部圖標(biāo),包含網(wǎng)站的logo和站名。 Width: 760px Height: 150px 
3.Content 網(wǎng)站的主要內(nèi)容。 Width: 480px Height: Changes depending on content 
4.Sidebar 邊框,一些附加信息。 Width: 280px Height: Changes depending on 
5.Footer 網(wǎng)站底欄,包含版權(quán)信息等。 Width: 760px Height: 66px 
第二步:創(chuàng)建html模板及文件目錄等
1.創(chuàng)建html模板。代碼如下:
將其保存為index.html,并創(chuàng)建文件夾css,images,網(wǎng)站結(jié)構(gòu)如下:

2.創(chuàng)建網(wǎng)站的大框:
建立一個(gè)寬760px的盒子,它將包含網(wǎng)站的所有元素。
在html文件的和之間寫入