WEB2.0標準教程:第九天 第一個CSS布局實例_Web標準教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
接下來開始要真正設計布局了。和傳統的方法一樣,你首先要在腦海里有大致的輪廓構想,然后用photoshop把它畫出來。你可能看到有關web標準的站點大都很樸素,因為web標準更關注結構和內容,實際上它與網頁的美觀沒有根本沖突,你想怎么設計就怎么設計,用傳統表格方法實現的布局,用DIV也可以實現。技術有一個成熟的過程,把DIV看成和TABLE一樣的工具,如何運用就看你的想象力了。
注:在實際應用過程中,DIV在有些地方的確不如表格方便,比如背景色的定義。但任何事情都有得有失,取舍在于你的價值判斷。好,不羅嗦了,我們開始:
1.確定布局
w3cn的最初設計草圖如下:
用表格的設計方法的話,一般都是上中下三行布局。
用DIV的話,我考慮使用三列來布局,成為這樣
相關Web標準教程:
- 相關鏈接:
- 教程說明:
Web標準教程-WEB2.0標準教程:第九天 第一個CSS布局實例。