第1章 概述
1.1 初探前端技术
 1.1.1 万维网和网页技术
 1.1.2 Web前端技术的发展
 1.1.3 Web标准——结构、表现和行为的分离
 1.1.4 浏览器与CSS
 1.1.5 Web前端技术的开发流程
课堂实训1-1 搭建Web前端页面环境
1.2 Web前端页面基本框架
 1.2.1 HTML
 1.2.2 XHTML编写规范
 1.2.3 XHTML的文档结构
课堂实训1-2 一个典型的Web应用
1.3 实战训练：手动编写第一个前端页面
1.4 思考与练习
第2章 XHTML基础知识
2.1 XHTML基本框架
 2.1.1 XHTML的部件
 2.1.2 XHTML文档结构简介
课堂实训2-1 制作第一个网页——Hello World
2.2 辅助的< head >标签
 2.2.1 < title >标签
 2.2.2 < meta >标签
 2.2.3 < base >标签
 2.2.4 < style >标签
 2.2.5 < link >标签
课堂实训2-2 了解意想不到的标签效果
2.3 丰富的< body >标签
 2.3.1 文字的变化效果
 2.3.2 列表的配合使用
 2.3.3 富有感染力的图像的使用
 2.3.4 超链接的应用
 2.3.5 简单表格和表单的创建
课堂实训2-3 制作个人家庭网页
2.4 实战训练：制作“我的汽车”网页
2.5 思考与练习
第3章 CSS核心基础
3.1 CSS的基础知识
 3.1.1 CSS的基本思想
 3.1.2 CSS基本选择器
 3.1.3 CSS复合选择器
 3.1.4 在XHTML中使用CSS的方法
课堂实训3-1 制作Good morning网页
课堂实训3-2 制作汽车网页
3.2 CSS的特性
 3.2.1 CSS的继承特性
 3.2.2 CSS的层叠特性
课堂实训3-3 制作校园新闻网页
3.3 实战训练：制作美术工作室页面
3.4 思考与练习
第4章 网站布局
4.1 CSS定位与DIV布局
 4.1.1 CSS盒子模型结构
 4.1.2 标签与标签的用法
 4.1.3 CSS盒子的定位与浮动
课堂实训4-1 实现盒子效果
课堂实训4-2 实现文字阴影效果
4.2 布局方法剖析
 4.2.1 CSS排版的原则
 4.2.2 固定宽度的版式
 4.2.3 左中右版式
课堂实训4-3 制作电子相册
4.3 实战训练：制作名曲欣赏页面
4.4 思考与练习
第5章 文字与图像
5.1 文字样式
 5.1.1 字体属性
 5.1.2 文本格式
课堂实训5-1 制作多彩的公司logo字符
课堂实训5-2 制作首字下沉效果
5.2 图像样式
 5.2.1 图像的边框
 5.2.2 图像的缩放
 5.2.3 图像的对齐
课堂实训5-3 制作“森林公园”网页
课堂实训5-4 利用圆角框设计栏目标题
5.3 页面背景样式
 5.3.1 背景色
 5.3.2 背景图像和布局
课堂实训5-5 制作“夏威夷海滩”网页
5.4 实战训练：制作JOB FINDING工作网
5.5 思考与练习
第6章 超链接与导航
6.1 超链接
 6.1.1 超链接的属性
 6.1.2 CSS设置超链接的4种状态
课堂实训6-1 制作普通超链接
课堂实训6-2 制作按钮式超链接
6.2 导航
课堂实训6-3 制作水平导航菜单
课堂实训6-4 制作垂直导航菜单
课堂实训6-5 制作读书网页菜单
6.3 实战训练：制作“汽车世界”网页
6.4 思考与练习
第7章 表格与表单
7.1 表格
 7.1.1 表格的主要标签
 7.1.2 表格的结构代码应用
 7.1.3 表格的样式设置
课堂实训7-1 制作马自达车型优惠情况表
课堂实训7-2 制作斑马纹效果的表格
课堂实训7-3 制作日历表
7.2 表单
 7.2.1 表单基础
 7.2.2 主要表单标签的应用
 7.2.3 表单的结构代码应用
课堂实训7-4 制作彩色下拉列表框
课堂实训7-5 制作用户注册页面
7.3 实战训练：制作大学生消费调查网页
7.4 思考与练习
第8章 JavaScript
8.1 JavaScript概述
 8.1.1 JavaScript简介
 8.1.2 JavaScript的特点
 8.1.3 JavaScript与DHTML
 8.1.4 JavaScript与CSS
课堂实训8-1 制作第一个JavaScript程序
8.2 JavaScript基本语法
 8.2.1 数据类型和变量
 8.2.2 运算符和表达式
 8.2.3 常用函数
 8.2.4 控制语句
8.3 JavaScript事件分析
课堂实训8-2 制作时钟效果
课堂实训8-3 制作变色表格
课堂实训8-4 播放背景音乐的应用
课堂实训8-5 交换图片的设计与制作
8.4 实战训练：带按钮轮换横幅广告的实现
8.5 思考与练习
第9章 综合项目：手机资讯网站
9.1 项目概述
 9.1.1 项目描述
 9.1.2 站点分析
9.2 网站设计
 9.2.1 网站的设计流程
 9.2.2 原型设计与切图
9.3 项目实施
 9.3.1 整体页面结构设计
 9.3.2 XHTML结构设计
 9.3.3 页面布局与规划
 9.3.4 局部设计
9.4 其他动态效果
 9.4.1 CSS滤镜的使用
 9.4.2 放大镜效果
9.5 思考与练习
附录
附录Ⅰ HTML编码
附录Ⅱ HTML参考手册
附录Ⅲ CSS参考手册
附录Ⅳ CSS滤镜
附录Ⅴ JavaScript常用函数