Home | 簡體中文 | 繁體中文 | 雜文 | 打賞(Donations) | ITEYE 博客 | OSChina 博客 | Facebook | Linkedin | 知乎專欄 | Search | Email

第 11 章 Div+CSS頁面設計

目錄

11.1. 頁面元素命名
11.2. XHTML+DIV+CSS
11.3. 頁面結構設計
11.3.1. Home page (首頁)
11.3.2. 導航爛
11.3.3. Left Bar
11.3.4. 區塊設計 Block
11.4. 表格
11.5. 圖片優化
11.5.1. onMouseOver/onMouseOut
11.5.2. 使用一幅圖片處理BLOCK四角
11.5.3. 圖片用背景圖代替 img 標記
11.5.4. 合併圖片
11.6. HTML嵌入圖片
11.7. 頁面內容安全
11.7.1. 禁止滑鼠右鍵
11.7.2. 禁止複製剪切 及粘貼
11.8. html,css 有效性檢查 Validation
11.9. 自適應寬度超出截取並顯示省略字元

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

11.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>