网页设计是高等职业教育计算机专业方向的核心实训课，注重培养学生的网页制作实战能力与综合网
页设计能力，同时满足社会对计算机专业人才的需求。本课程的前导课为“平面设计基础”“网页制作基础”，
后续课是 “HTML5+CSS3”。本书以案例贯穿整个教学过程，由浅入深、循序渐进，以就业为目标，以软
件典型应用为主线，逐步提升学生的综合项目实战能力。
本书共 6 个项目，每个项目中都穿插了若干任务，最后一个项目是一个完整的网站综合项目，以
制作 “ 开心便当 ” 网站首页为任务目标。通过本书的学习，读者将全面了解网站开发的原理，掌握使用
Dreamweaver CS6 网页开发工具的方法与技巧，提升网页制作与设计能力，并能独立设计个性化的网站。
本书可作为中职、高职以及广大的网页设计爱好者的自学用书。
？

《网页设计项目实战》作为高职院校网页制作基础课程的项目实训专业教材，以丰富趣味的
项目案例贯穿整个项目教学，以工作过程为导向展开实训过程，强调以教师为主导、学生为主体，
采用教、学、做一体化的教学模式，项目实训内容的设计注重学生实践能力、创新能力的培养，
体现高职实训课程特色，符合“1+X”课证融通式的评价体系。
该教材使用 Dreamweaver 作为开发工具，Dreamweaver 是当前最流行的快速开发网页的
工具之一。它同 Macromedia 公司出品的 Fireworks 和 Flash 一起，被称为网页三剑客，目前
有很多版本，Dreamweaver CS6 是 Adobe 时代的最高版本，后来又陆续推出了 Dreamweaver
CC 系列版本，本书选用最经典的版本 CS6 作为开发工具；再结合 Web 前端方向专业教师
的网站开发经验，为读者精讲网页制作的每个重要环节。通过本书的学习，读者将灵活运用
Dreamweaver CS6 开发工具布局网页框架、设计网页内容，轻松完成网站开发。
本书立足于 HTML 原生语言基础，HTML 是一切 Web 开发的基础，本书针对零基础的读
者设计，老师手把手教你如何使用 Dreamweaver CS6 开发工具快速开发网页，让你迈入 Web
开发的行列。本书以操作为主的网页设计为重点进行了详细讲解，为后期的动态网页设计制作奠
定良好的基础。
本书由吴小燕、段然任主编，熊世明、曹雁、余峰任副主编，胡昌杰主审，胡昌杰为本书项
目内容给出了不少好的建议与修改方案。吴小平、蒋梦甜、詹悦、王榜琳，参与了部分校对修改工作。
同时，编者还查阅、参考了一些文献资料和网上资源，在此向所有为本书做出贡献的作者与同行
致以诚挚的谢意！
由于时间限制、编者水平有限，书中难免存在不妥和疏漏之处，敬请读者批评指正。
教学改革无止境，示范精品教材是我们永恒的追求，我们后期将不断优化教材、全力以赴、
与时俱进，更好地服务于高等职业教育教学体系建设。
编 者
2020 年 11 月

？

项目 1？ 初识 Dreamweaver？........1
任务 1？初识网页设计.......................................1
任务 2？初识网页制作....................................11
技能训练....................................................................22
习题 ..........................................................23
项目 2？ 制作“儿童乐园”资讯？
栏目？.....................24
任务 1？在“儿童乐园”网页中导入
图片元素...............................................24
任务 2？美化“儿童乐园”资讯
栏目..........................................................41
技能训练....................................................................62
习题 ..........................................................63
项目 3？ 制作求职简历？.............64
任务 1？创建表格...............................................64
任务 2？美化表格...............................................79
技能训练....................................................................92
习题 ..........................................................94
项目 4？ 制作摩托车改装会员注册登录？
页面？.....................95
任务 1？搭建网页表单框架.........................95
任务 2？美化表单页面.................................126
技能训练.................................................................134
习题 ........................................................135
项目 5？ 制作“生日快乐”音乐？
卡片？................... 136
任务 1？布局“生日快乐”卡片的
静态效果............................................136
任务 2？制作“生日快乐”贺卡
动画效果............................................157
技能训练.................................................................168
习题 ........................................................168
项目 6？ 设计“开心便当”网站？
首页？................... 170
任务 1？创建网站导入素材......................170
任务 2？搭建“开心便当”网站
首页框架............................................174
任务 3？添加网页元素并美化
网站首页............................................182
习题 ........................................................202
？

吴小燕，硕士，湖北职业技术学院教师。主要教学经历： 自1998年起，开始参与教学相关工作，2008年开始正式进入到教学一线进行授课，本人先后承担了photoshop图形图像处理、COREL DRAW、VI设计、平面构成、色彩构成、平面设计、网页制作基础、HTML5网页设计、JAVASCRIPT+JQUERY、SQL SERVER数据库管理、C#编程、多媒体制作等课程，年均课时620学时；培养出了许多优秀的学子，几乎每年都有学生在国赛、省赛中取得优异的成绩，也得到了学生的高度认可。

段然，计算机副教授，硕士，中共党员。于2003年7月本科毕业于湖北大学，于2009年9月硕士研究生毕业于武汉大学，从2004年4月至今在湖北职业技术学院，信息技术学院任专职教师，十多年的教学生涯中发表论文30多篇，参与编写教材十多本，参与数个省级和校级课题科研工作。2011年全国职业技能大赛天津大赛高职组二等奖全省比赛一等奖指导老师，获得2016年全国信息化课堂教学比赛全省二等奖，全校二等奖。2020信息化教学能力大赛校赛一等奖，全省三等奖，还多次获得全国课件比赛、信息化教学能力比赛升级二等奖与三等奖。研究方向：计算机应用技术、视觉媒体、3D、VR、图形图像、辅助设计、电子商务、界面。主讲课程：PHOTOSHOP、FLASH、3DSMAX、MAYA、CAD、设计构成、网站建设、HTML5、UI设计。

？

结构合理，内容丰富。？