一、教材简介

全书共安排11个模块，设置一个完整的、能够贯穿书中大部分知识点的项目“我心飞扬网站制作”，帮助学生宏观的了解网站制作技能构成，使对知识点的理解达到由点到线的飞跃。

从结构上分，全书由技能模块替代传统章节，每模块划分为四个部分组成：

1.任务引领。每个技能模块最开始，先设置有若干个独立的小任务，通过制作小任务，引领学生接触本模块设定的若干重要知识点。小任务做完后，这些重要的知识点的作用以及运用方法也就基本了解了，同时获得成就感，激发学习热情。

3.知识理解（相关知识）：网页开发技术复杂而且繁琐，单靠几个任务不可能把重要的知识点涵盖全，案例操作也缺乏理论深度。知识理解的作用是通过使用简短的篇幅专门进行理论原理方面的弥补。

4.拓展训练。职业教育的培养应该以能力为本位，因此，在每个模块后面，还精心设计了一个针对性的训练案例，学生可以依照本模块所学知识点将其设计制作完成，进一步培养学生开发网站的实践能力和创新能力。

模块01　认识开发工具，了解基本网页　1
　任务引领　“世界你好！”　1
　项目渐近　网站项目“我心飞扬”之第1阶段“温馨提示”　21
　回味思考　24

模块02　构建网页的图文信息　25
　任务引领1　“古诗鉴赏”　25
　任务引领2　“名车风采”　32
　项目渐近　网站项目“我心飞扬”之第2阶段“热门图文”　41
　拓展训练　“产品介绍”　43
　回味思考　43

模块03　利用表格和内联框架设计规整的网页　44
　任务引领1　“幼儿园食谱”　44
　任务引领2　“党史学习”　52
　任务引领3　“古典名著”　61
　项目渐近　网站项目“我心飞扬”之第3阶段“爱好分享”　65
　拓展训练　“求职网页”　72
　回味思考　73

模块04　在网页中展示多媒体　74
　任务引领　“点歌台”　74
　项目渐近　网站项目“我心飞扬”之第4阶段“热点视频”　81
　拓展训练　“节日祝福”　82
　回味思考　83

模块05模块五精致网页从样式表开始　84
　任务引领“产品说明书”　84
　项目渐近网站项目“我心飞扬”之第5阶段美化“爱好分享”　98
　拓展训练“保护环境卫生通告” 　104
　回味思考　105

模块06　制作移动优先、响应快速的精美网站　106
　任务引领1　“包含页头和页脚的‘世界你好！’”　106
　任务引领2　“教学资源下载”　114
　任务引领3　“美味汉堡”　127
　项目渐近　网站项目“我心飞扬”之第6阶段“公告”与“轮播”　134
　拓展训练　“我心飞扬”首页布局制作　137
　回味思考　140

模块07　高效制作风格一致的网页　141
　任务引领　“散文在线”　141
　项目渐近　网站项目“我心飞扬”之第7阶段高效制作各页面　149
　拓展训练　 “流行文学作品荟萃”　153
　回味思考　154

模块08　运用“行为”功能提升用户体验　155
　任务引领　“变脸”　155
　项目渐近　网站项目“我心飞扬”之第8阶段添加“快速链接”　164
　拓展训练　“打地鼠”　166　
　回味思考　167

模块09　制作可让用户提交信息的表单文档　168
　任务引领　“旅游订购单”　168
　项目渐近　网站项目“我心飞扬”之第9阶段“给我留言”　180
　拓展训练　“吧友注册”设计　183
　回味思考　184

模块10　实现与用户交互的动态网页　185
　任务引领1　“开发环境架设”　185
　任务引领2　“用数据库存储通讯录信息”　188
　任务引领3　“用网页添加并显示通讯录”　192
　项目渐近　网站项目“我心飞扬”之第10阶段“实时留言板”　202
　拓展训练“日记本”　205
　回味思考　205

模块11　项目部署与展望　206
　11.1　项目网站最终效果　206
　11.2　项目部署　209
　11.3　项目网站总结与展望　213
　回味思考　214

附录A　HTML基础　215

附录B　CSS基础　220