Home | 简体中文 | 繁体中文 | 杂文 | Search | ITEYE 博客 | OSChina 博客 | Facebook | Linkedin | 知乎专栏 | 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>
		
		
comments powered by Disqus