本篇已得到原作者 Steve Dennis 的翻譯準(zhǔn)予,在此Jorux表示感謝! 本教程主要參考 Creating a CSS Layout from scratch ,由Jorux翻譯,以意譯為主,其間加入了不少Jorux的個人觀點,省略了一些多余的說明,請讀者明鑒。
首先需要規(guī)劃網(wǎng)站,本教程將以下圖為例構(gòu)建網(wǎng)站。
其基本布局見下圖:
主要由五個部分構(gòu)成:
- Main Navigation 導(dǎo)航條,具有按鈕特效。
Width: 760px Height: 50px
- Header 網(wǎng)站頭部圖標(biāo),包含網(wǎng)站的logo和站名。
Width: 760px Height: 150px
- Content 網(wǎng)站的主要內(nèi)容。
Width: 480px Height: Changes depending on content
- Sidebar 邊框,一些附加信息。
Width: 280px Height: Changes depending on
- Footer 網(wǎng)站底欄,包含版權(quán)信息等。
Width: 760px Height: 66px
出處:Jorux Notebook
責(zé)任編輯:moby
上一頁 下一頁 創(chuàng)建html模板及文件目錄等
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|