Home | 简体中文 | 繁体中文 | 杂文 | Github | 知乎专栏 | 51CTO学院 | CSDN程序员研修院 | OSChina 博客 | 腾讯云社区 | 阿里云栖社区 | Facebook | Linkedin | Youtube | 打赏(Donations) | 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>