WEB2.0標(biāo)準(zhǔn)教程:第九天 第一個(gè)CSS布局實(shí)例_Web標(biāo)準(zhǔn)教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
接下來(lái)開(kāi)始要真正設(shè)計(jì)布局了。和傳統(tǒng)的方法一樣,你首先要在腦海里有大致的輪廓構(gòu)想,然后用photoshop把它畫(huà)出來(lái)。你可能看到有關(guān)web標(biāo)準(zhǔn)的站點(diǎn)大都很樸素,因?yàn)閣eb標(biāo)準(zhǔn)更關(guān)注結(jié)構(gòu)和內(nèi)容,實(shí)際上它與網(wǎng)頁(yè)的美觀(guān)沒(méi)有根本沖突,你想怎么設(shè)計(jì)就怎么設(shè)計(jì),用傳統(tǒng)表格方法實(shí)現(xiàn)的布局,用DIV也可以實(shí)現(xiàn)。技術(shù)有一個(gè)成熟的過(guò)程,把DIV看成和TABLE一樣的工具,如何運(yùn)用就看你的想象力了。
注:在實(shí)際應(yīng)用過(guò)程中,DIV在有些地方的確不如表格方便,比如背景色的定義。但任何事情都有得有失,取舍在于你的價(jià)值判斷。好,不羅嗦了,我們開(kāi)始:
1.確定布局
w3cn的最初設(shè)計(jì)草圖如下:
用表格的設(shè)計(jì)方法的話(huà),一般都是上中下三行布局。
用DIV的話(huà),我考慮使用三列來(lái)布局,成為這樣
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類(lèi)型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS如何定義文字大小以體現(xiàn)用戶(hù)體驗(yàn)
- 采訪(fǎng)Eric Meyer的10個(gè)問(wèn)題
- 哪所中國(guó)高校關(guān)注過(guò)Web標(biāo)準(zhǔn)?
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
- Web standards in China 支持Web標(biāo)準(zhǔn)在中國(guó)
- 無(wú)內(nèi)容div占據(jù)空間的觸發(fā)條件和解決方法
- 網(wǎng)站標(biāo)準(zhǔn)之Flash頁(yè)面如何通過(guò)校驗(yàn)
- DIV+CSS設(shè)計(jì)實(shí)例:透明的導(dǎo)航菜單
- CSS標(biāo)準(zhǔn)系列建立自己的操作標(biāo)準(zhǔn)
- 提高CSS文件可維護(hù)性的五種方法
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索WEB2.0標(biāo)準(zhǔn)教程:第九天 第一個(gè)CSS布局實(shí)例
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-WEB2.0標(biāo)準(zhǔn)教程:第九天 第一個(gè)CSS布局實(shí)例。