网站重构 & Web标准设计(第二版教程目录)

http://www.yuyadong.com/webschool/ 第1章 Web标准思想

1.1 掌握学习的思想

1.2 传统网站 & David Siegel

1.3 传统网站 VS Web标准

1.4 Web标准的好处

1.5 推荐优秀书籍

第2章 浏览器

2.1 过时的浏览器

2.2 符合标准的现代浏览器

2.3 Mozilla Firefox

2.4 Mozilla Firefox 安装与操作

2.5 Mozilla Firefox 附加组件

2.6 Mozilla FireFox 附加组件 Web Developer

2.7 Mozilla FireFox 附加组件 Firebug & CSS Viewer

2.8 Mozilla FireFox 附加组件 Pencil New

2.9 Opera简介与安装

2.10 Opera应用与定制介绍

2.11 各浏览器市场占有率

第3章 开发工具

3.1 EditPlus

3.2 TopStyle

3.3 Adobe Dreamweaver

第4章 基础知识

4.1 Web标准组织W3C

4.2 文档类型、DOCTYPE切换和浏览器模式

4.3 良好的XHTML规则

4.4 使用有意义的XHTML标签

4.5 Web应用图像格式GIF，JPEG ,PNG(选修课)

4.6 结构化文档

4.7 CSS层叠样式表 - 常用选择器

4.8 CSS层叠样式表 - 通用选择器

4.9 CSS层叠样式表 - 伪类和伪元素选择器

4.10 CSS层叠样式表 - 高级属性选择器

4.11 CSS层叠样式表 - 层叠和特殊性

4.12 规划、组织和维护样式表

第5章 可视化格式模型

5.1框模型概述 - 盒模式

5.2框模型概述 - 怪异模式 & 标准规范模式

5.3框模型概述 - 空白边叠加

5.4框模型概述 - 定位概述

第6章 文字排版

6.1 文字排版 - 字体系列

6.2 文字排版 - 文本属性

6.3 文字排版 - 打印样式

6.4 文字排版 - 幻灯片(Operashow)

第7章 背景图像 & 图像替换

7.1 背景图像基础

7.2 圆角图片制作（选修课）

7.3 圆角框 - 固定宽度圆角框

7.4 圆角框 - 灵活的圆角框

7.5 圆角框 - 山顶角效果

7.6 圆角框 - CSS2.1 圆角框

7.7 圆角框 - 山顶角效果扩展

7.8 圆角框 - Gecko，Webkie内核浏览器圆角框

7.9 圆角框 - 淘宝网灵活的圆角框

7.10 圆角框 - CSS3 灵活的圆角框

7.11 圆角框 - Nifty Corners Cube 圆角框（JavaScript）

7.12 JavaScript Framework（JS框架）

7.13 JavaScript Framework - Ext JS

7.14 JavaScript Framework - JQuery - A

7.15 JavaScript Framework - JQuery - B

7.16 JavaScript Framework - JQuery UI

7.17 圆角框 - JQuery.Corners 圆角框（JavaScript）

7.18 JavaScript Framework - Yahoo UI

7.19 阴影效果 - 背景阴影

7.20 阴影效果 - 图片阴影

7.21 阴影效果 - 洋葱皮效果

7.22 CSS Decorative Gallery - A

7.23 CSS Decorative Gallery - B

7.24 CSS Decorative Gallery - C

7.25 网页背景底纹制作 - PhotoShop(选修课)

7.26 图片边框遮罩效果 - PhotoShop(选修课)

7.27 图像加载 - Flash

7.28 图像替换 - FIR Phark Gilder/Levin

7.29 图像替换 - sIFR

第8章 超链接应用 & CSS Sprites

8.1超链接应用- A

8.2超链接应用- B

8.3CSS Sprites - CSS贴图定位

8.4ICON 矢量图标 & 像素图标(选修课)

8.5CSS Sprites - Yahoo Services 导航栏

第9章 列表元素 & 导航栏

9.1 CSS 导航栏 - Fireworks（选修课）

9.2 滑动门技术

9.3 面包屑导航栏

9.4 操作步骤

9.5 翻页效果

9.6 CSS图像映射

9.7 纵向导航栏 - 女性专题

9.8 图像翻转 - JQuery

9.9 Yahoo Services 导航栏 - 弹出菜单 - JQuery

9.9 图像导航栏 - 视觉标识

9.10 CSS多级下拉菜单 - A - JQuery

9.11 CSS多级下拉菜单 - B - JQuery

9.12 Flash基础知识（选修课）

9.13 Flash动感导航栏 - Flash

9.14 Flash动感多级下拉菜单 - Flash

9.15 MTV 个性导航栏

第10章 表格 & 表单

10.1　对数据表格应用样式

10.1.1　数据表格标记

10.1.2　电子数据表A

10.1.3　电子数据表B

案例　CSS显示日历

10.2　表单布局

10.2.1　的表单元素

10.2.2　基本布局

案例　Yahoo注册页面

案例　Excel表格效果

第11章 布局

11.1 让设计居中

11.1.1 使用自动空白边让设计居中

11.1.2 使用定位和负值空白边让设计居中

11.2 基于浮动的布局

11.2.1 两列的浮动布局

11.2.2 三列的浮动布局

11.3 固定宽度、流体和弹性布局

11.3.1 流体布局

11.3.2 弹性布局

11.3.3 弹性-流体混合布局

11.3.4 流体和弹性图像

11.4 faux列

第12章 BUG

12.1 IE6 BUG

12.1.1 错误的扩展

12.1.2 双空白边浮动

12.1.3 3像素文本偏移

12.1.4 IE 6重复字符

12.1.5 IE 6躲躲猫

12.1.6 相对容器中的绝对定位

第13章 招数 & 过滤器 & CSS Hack

13.2 过滤器

13.2.1 IE条件注释

13.2.2 带通过滤器

13.2 CSS Hack

13.3 过滤单独的规则和声明

13.3.1 子选择器招数

13.3.2 属性选择器招数

13.3.3 星号HTML招数

13.3.4 IE/Mac注释反斜线招数

13.3.5 转义属性招数

13.3.6 Tantek的框模型招数

13.3.7 修改后的简化框模型招数

13.3.8 !important和下划线招数

13.3.9 Owen招数

第14章 案例解析

14.1 雅虎服务大全

14.2 Super LED FlashLight

14.3 MTV 网站导航栏