本教程主要參考Creating a CSS Layout from scratch,由Jorux翻譯,以意譯為主,其間加入了不少Jorux的個(gè)人觀點(diǎn),省略了一些多余的說明,請(qǐng)讀者明鑒。
第一步:規(guī)劃網(wǎng)站,本教程將以圖示為例構(gòu)建網(wǎng)站
1.規(guī)劃網(wǎng)站,本教程將以下圖為例構(gòu)建網(wǎng)站。
其基本布局見下圖:
主要由五個(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
新聞熱點(diǎn)
疑難解答
圖片精選