Home | Mirror | Search | ITEYE 博客 | OSChina 博客 | 51CTO 博客

第 7 章 Div+CSS页面设计

目录

7.1. 页面元素命名
7.2. XHTML+DIV+CSS
7.3. 页面结构设计
7.3.1. Home page (首页)
7.3.2. 导航烂
7.3.3. Left Bar
7.3.4. 区块设计 Block
7.4. 表格
7.5. 图片优化
7.5.1. onMouseOver/onMouseOut
7.5.2. 使用一幅图片处理BLOCK四角
7.5.3. 图片用背景图代替 img 标记
7.5.4. 合并图片
7.6. HTML嵌入图片
7.7. 页面内容安全
7.7.1. 禁止鼠标右键
7.7.2. 禁止复制剪切 及粘贴
7.8. html,css 有效性检查 Validation
7.9. 自适应宽度超出截取并显示省略字符

最近几年,随着业界越来越关注XHTML+CSS的标准化设计,一个新兴职业已经诞生,这就是“网站重构师”,这个新兴职业人才紧缺,他们主要的职责是将HTML+Table+Javascript的架构向XHTML+CSS+Ajax迁移。

7.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>
		
		
comments powered by Disqus