第1章 网页和网站的基础知识 
1．1 认识网页 
1．1．1 网页和网站 
1．1．2 网页的类型 
1．1．3 静态网页与动态网页 
1．1．4 网页的基本构成元素 
1．2 如何设计网页 
1．2．1 网页设计的基本原则 
1．2．2 网页设计成功要素 
1．2．3 网页的设计风格及色彩搭配 
1．2．4 网页设计的实现 
1．3 网页设计的要点 
1．3．1 为用户考虑 
1．3．2 主题突出 
1．3．3 整体原则 
1．3．4 内容与形式相统一 
1．3．5 更新和维护 
1．4 网站整体制作流程 
1．4．1 前期策划 
1．4．2 页面细化及实施 
1．4．3 后期维护 
1．5 课堂提问 
1．5．1 问题1 
1．5．2 问题2 
1．6 练习题 

第2章 使用Web标准设计和制作 
2．1 表格布局 
2．1．1 表格布局的特点 
2．1．2 混乱的逻辑结构和冗余的嵌套表格 
2．2 了解Web标准 
2．2．1 什么是Web标准 
2．2．2 什么是W3C 
2．2．3 W3C发布的标准 
2．2．4 Web标准的优势 
2．3 网站设计的标准时代 
2．3．1 为什么要建立网站标准 
2．3．2 遵循标准的网站与传统网站的区别 
2．3．3 采用网站标准的好处与缺点 


2．4 Web 标准三剑客 
2．4．1 什么是内容、结构、表现和行为 
2．4．2 Div 与CSS 结合的优势 
2．4．3 如何改善现有网站 
2．5 关于Web 标准的思考与争论 
2．5．1 关于Web 标准的好处 
2．5．2 关于布局 
2．5．3 关于浏览器兼容 
2．6 关于Web 标准的误区 
2．6．1 抛弃表格布局的思维方式 
2．6．2 正确使用XHTML 标签 
2．6．3 善于利用CSS 
2．6．4 “通过验证”并不是最终目的 
2．7 课堂提问 
2．7．1 问题1 
2．7．2 问题2 

2．8 练习题 
第3章 HTML 和XHTML 基础 

3．1 HTML 基础 
3．1．1 HTML 概述 
3．1．2 HTML 文件的基本结构 
3．1．3 HTML 的主要功能 
3．1．4 HTML 的基本语法 
3．2 HTML 标签 
3．2．1 基本标签 
3．2．2 格式标签 
3．2．3 文本标签 
3．2．4 超链接标签 
3．2．5 图像标签 
3．2．6 表格标签 
3．2．7 分区标签 
3．3 XHTML 介绍 
3．3．1 什么是XHTML 
3．3．1 升级到XHTML 的好处 
3．3．2 XHTML 的页面结构 
3．3．3 XHTML 代码规范 
3．3．4 选择文档类型 
3．3．5 XHTML 和HTML 的比较 
3．3．4 名字空间 
3．4 课堂提问 
3．4．1 问题1 
3．4．2 问题2 

3．5 练习题 
第4章 CSS样式基础 

4．1 CSS概述 
4．1．1 CSS的特点 
4．1．2 CSS的类型 
4．1．3 CSS的基本语法 
4．2 CSS样式表的基本用法 
4．2．1 如何在HTML内插入样式表 
4．2．2 CSS样式表规则 
4．3 CSS样式表分类 
4．3．1 内联样式 
4．3．2 内部样式表 
4．3．3 外部样式表 
4．4 CSS文档结构 
4．4．1 结构 
4．4．2 继承 
4．4．3 特殊性 
4．4．4 层叠 
4．4．5 重要性 
4．5 单位和值 
4．5．1 颜色值 
4．5．2 定义字体 
4．5．3 群选择符 
4．5．4 派生选择符 
4．5．5 id选择符 
4．5．6 类别选择符 
4．5．7 定义链接的样式表 
4．6 课堂提问 
4．6．1 问题1 

4．6．2问题2 
4．7 练习题 
第5章 Div+CSS布局入门 
5．1 定义Div 
5．1．1 什么是Div 
5．1．2 插入Div 
5．1．3 Div的嵌套和固定格式 
5．2 可视化模型 
5．2．1 盒模型 


5．2．2 视觉可视化模型 
5．2．3 相对定位 
5．2．4 绝对定位 
5．2．5 浮动定位 
5．2．6 空白边叠加 
5．3 CSS布局方式 
5．3．1 居中的布局设计 
5．3．2 浮动的布局设计 
5．3．3 高度自适应 
5．4 CSS 3．0中盒模型的新增属性 
5．4．1 overflow 
5．4．2 overflow-x 
5．4．3 overflow-y 
5．4．4 使用CSS 3．0实现鼠标经过变换效果 
5．5 商业案例——设计制作咖啡店网站页面 
5．5．1 设计分析 
5．5．2 布局分析 
5．5．3 制作流程 
5．5．4 制作步骤