Home | 簡體中文 | 繁體中文 | 雜文 | 打賞(Donations) | Github | OSChina 博客 | 雲社區 | 雲棲社區 | Facebook | Linkedin | 知乎專欄 | 視頻教程 | About

第 15 章 Div+CSS頁面設計

目錄

15.1. 頁面元素命名
15.2. XHTML+DIV+CSS
15.3. 頁面結構設計
15.3.1. Home page (首頁)
15.3.2. 導航爛
15.3.3. Left Bar
15.3.4. 區塊設計 Block
15.4. 表格
15.5. 圖片優化
15.5.1. onMouseOver/onMouseOut
15.5.2. 使用一幅圖片處理BLOCK四角
15.5.3. 圖片用背景圖代替 img 標記
15.5.4. 合併圖片
15.6. HTML嵌入圖片
15.7. 頁面內容安全
15.7.1. 禁止滑鼠右鍵
15.7.2. 禁止複製剪切 及粘貼
15.8. html,css 有效性檢查 Validation
15.9. 自適應寬度超出截取並顯示省略字元

最近幾年,隨着業界越來越關注XHTML+CSS的標準化設計,一個新興職業已經誕生,這就是“網站重構師”,這個新興職業人才緊缺,他們主要的職責是將HTML+Table+Javascript的架構向XHTML+CSS+Ajax遷移。

15.1. 頁面元素命名

		
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>恆信貴金屬報表系統</title>
    </head>
    <body>
    	<div id="header">
    		<div id="logo"></div>
    		<div id="banner"></div>
    		<div id="navigation"></div>
    	</div>
    	<div id="wrapper">
    		<div id="sidebar"></div>
    		<div id="content"></div>
    	</div>
    	<div id="footer">
    		<div id="footer-nav"></div>
    		<div id="copyright"></div>
    		<div id="legal"></div>
    	</div>
    </body>
<html>