项目1 网站总体规划 1

 任务1.1 案例赏析1

1.1.1 杭州市政府网站赏析1

1.1.2 主要知识及操作技能讲解3

1.1.3 举一反三练习17

 任务1.2 信息学院网站制作基本流程19

1.2.1 确定网站主题 19

1.2.2 建站前的调查及素材搜集19

1.2.3 网站的规划19

1.2.4 信息学院网站的结构图19

1.2.5 设计信息学院网站各页面20

1.2.6 制作HTML页面23

1.2.7 测试并上传网站23

1.2.8 网站的更新与维护23

1.2.9 专家总结：网站设计成功的要素23

1.2.10 举一反三练习26

项目2 信息学院网站制作的前期准备27

 任务2.1 信息学院Logo的设计与实现27

2.1.1 任务布置及分析27

2.1.2 操作步骤27

2.1.3 主要知识点及操作技能讲解31

2.1.4 举一反三练习35

 任务2.2 网站Banner的设计与制作37

2.2.1 任务布置及分析37

2.2.2 操作步骤37

2.2.3 主要知识点及操作技能讲解38

2.2.4 举一反三练习41

 任务2.3 信息学院首页的效果图设计与制作41

2.3.1 任务布置及分析41

2.3.2 操作步骤43

2.3.3 主要知识点及操作技能讲解49

2.3.4 举一反三练习52

项目3 信息学院网页的制作55

 任务3.1 站点的创建55

3.1.1 任务布置及分析55

3.1.2 操作步骤55

3.1.3 主要知识点及操作技能讲解57

3.1.4 举一反三练习60

 任务3.2 使用表格实现首页的布局60

3.2.1 任务布置及分析60

3.2.2 操作步骤63

3.2.3 主要知识点及操作技能讲解66

3.2.4 举一反三练习71

 任务3.3 为首页添加文本和图像71

3.3.1 任务布置及分析71

3.3.2 操作步骤73

3.3.3 主要知识点及操作技能讲解73

3.3.4 举一反三练习77

 任务3.4 设置网站首页的超链接78

3.4.1 任务布置及分析78

3.4.2 操作步骤78

3.4.3 主要知识点及操作技能讲解81

3.4.4 举一反三练习82

 任务3.5 使用CSS样式美化首页84

3.5.1 任务布置及分析84

3.5.2 操作步骤84

3.5.3 主要知识点及操作技能讲解 97

3.5.4 举一反三练习109

 任务3.6 使用AP Div元素美化页面113

3.6.1 任务布置及分析113

3.6.2 操作步骤114

3.6.3 主要知识点及操作技能讲解118

3.6.4 举一反三练习123

 任务3.7 使用JavaScript创建首页的动态效果 127

3.7.1 任务布置及分析127

3.7.2 操作步骤127

3.7.3 主要知识点及操作技能讲解135

3.7.4 举一反三练习156

 任务3.8 为首页插入表单160

3.8.1 任务布置及分析160

3.8.2 操作步骤160

3.8.3 主要知识点及操作技能讲解165

3.8.4 举一反三练习169

 任务3.9 创建并应用网页模板171

3.9.1 任务布置及分析171

3.9.2 操作步骤172

3.9.3 主要知识点及操作技能讲解173

3.9.4 举一反三练习179

 任务3.10 使用框架布局网页183

3.10.1 任务布置及分析183

3.10.2 操作步骤184

3.10.3 主要知识点及操作技能讲解186

3.10.4 举一反三练习191

项目4 网站的整合与测试发布203

 任务4.1 信息学院网站的整合203

4.1.1 任务布置及分析203

4.1.2 操作步骤203

4.1.3 举一反三练习203

 任务4.2 本地站点测试网站204

4.2.1 任务布置及分析204

4.2.2 操作步骤204

4.2.3 举一反三练习207

 任务4.3 网站的发布208

4.3.1 任务布置与分析208

4.3.2 操作步骤208

4.3.3 举一反三练习210

参考文献212

王彩琴编著的《网页设计与制作项目式教程》采用“案例引导、任务驱动”的编写方式，以实用为目的，根据高等职业教育“理论够用、重在实践”的教学特点，注重对学生专业技能、动手能力的培养。本书对知识点进行了细致的取舍和编排，融通俗性、实用性和技巧性于一身。全书以“信息学院”网站设计与制作项目作为课堂讲解与练习的教学主线，分成网站总体规划、信息学院网站制作的前期准备、信息学院网页的制作、网站的整合与测试发布4个子项目，每个子项目由若干个学习任务组成。每个学习任务又由任务布置与分析、操作步骤、主要知识点及操作技能讲解、举一反三练习等几个环节组成。除了课堂练习项目外，还配有一个“美食大嘴”网站和学生分组自选项目作为学生课外巩固练习。

《网页设计与制作项目式教程》适合作为高等职业院校、职业高中、应用类本科院校计算机应用类专业或数字媒体艺术类专业网页设计课程的教材，也可作为相关自学人员的参考用书。

王彩琴编著的《网页设计与制作项目式教程》以“信息学院”网页的设计与制作作为课堂教与学的主项目，并把有关网页设计与制作的主要知识及技能技巧贯穿其中，同时配有“美食大嘴”的网页设计与制作作为辅助项目来给学生巩固练习，还有一个分组自选次项目安排学生课外练习。全书分成网站总体规划、信息学院网站制作的前期准备、信息学院网页的制作、网站的整合与测试发布4个子项目，每个子项目由若干个学习任务组成。每个学习任务又由任务布置与分析、操作步骤、主要知识点及操作技能讲解、举一反三练习等几个环节组成。