本书是“十三五”职业教育国家规划教材。
本书基于高等职业教育的特点，运用项目教学的方式，通过精心设计的10个网站制作案例.按照由浅人深，从基础知识介绍到综合网站建设的顺序进行编写。本书力求将理论知识和软件操作技巧融人具体的实例中，一步步引领学生掌握网页设计与制作的技巧。
本书共有10个项目，主要包括:网页设计工作认知、创建“岚岚窑”手工陶艺网站、创建“瓷器网”网站、创建“杨柳青饭店”网站、创建“海洋天堂”网站、创建“芭比乐”手工冰淇淋网站、创建“遇见鲜花”网上花店（一）、创建“遇见鲜花”网上花店（二）、创建“一里麦香”烘培工坊网站、创建“方寸世界”摄影图片网站。
本书适合作为高等职业院校计算机类相关专业的教材，也可作为网页设计爱好者的自学用书或培训教材。
- 项目1.网页设计工作认知——了解网页设计的基本知识和流程 001
- 项目描述与分析 001
- 预备知识 001
- 任务1.了解网页设计的要素 003
- 任务2.了解网站的建设流程 012
- 知识链接 015
- 实训 020
- 项目2.创建“岚岚窑”手工陶艺网站——使用Photoshop设计制作网页草图、切片并导出 022
- 项目描述与分析 022
- 预备知识 022
- 任务.使用Photoshop设计制作网页 027
- 知识链接 032
- 实训 034
- 项目3.创建“瓷器网”网站——使用Dreamweaver建立站点并制作首页 035
- 项目描述与分析 035
- 预备知识 035
- 任务1.建立站点 043
- 任务2.制作“瓷器网”首页 047
- 知识链接 051
- 实训 054
- 项目4.创建“杨柳青饭店”网站——插入和编辑图像、制作超链接 055
- 项目描述与分析 055
- 预备知识 055
- 任务1.制作“关于我们”页面 057
- 任务2.制作“特色菜肴”页面 060
- 任务3.制作“厨师风采”页面 065
- 知识链接 066
- 实训 069
- 项目5.创建“海洋天堂”网站——在网页中使用多媒体对象 070
- 项目描述与分析 070
- 预备知识 070
- 任务1.在网页中插入Banner动画 077
- 任务2.在网页中插入SWF动画和HTML 5视频 079
- 知识链接 083
- 实训 085
- 项目6.创建“芭比乐”手工冰淇淋网站——使用表格进行页面布局 086
- 项目描述与分析 086
- 预备知识 086
- 任务1.制作“冰淇淋历史”页面 087
- 任务2.制作“缤纷产品”页面 092
- 知识链接 093
- 实训 095
- 项目7.创建“遇见鲜花”网上花店（一）——利用Div+CSS布局网页 096
- 项目描述与分析 096
- 预备知识 096
- 任务.利用Div+CSS制作网上花店首页 101
- 知识链接 116
- 实训 121
- 项目8.创建“遇见鲜花”网上花店（二）——利用库元件和模板快速制作网页 122
- 项目描述与分析 122
- 预备知识 122
- 任务1.完成“首页”和“关于我们”页面的制作 123
- 任务2.制作“联系我们”页面 129
- 知识链接 135
- 实训 137
- 项目9.创建“一里麦香”烘焙工坊网站——使用表单与行为 138
- 项目描述与分析 138
- 预备知识 138
- 任务1.制作“一里麦香”网站用户注册页面 143
- 任务2.为“一里麦香”网站添加交互功能 150
- 知识链接 154
- 实训 157
- 项目10.创建“方寸世界”摄影图片网站——响应式布局 158
- 项目描述与分析 158
- 预备知识 158
- 任务1.制作“方寸世界”作品页头部区域 164
- 任务2.制作“方寸世界”作品页导航及主要内容区 170
- 任务3.制作“方寸世界”作品页底部并添加媒体查询 176
- 知识链接 179
- 实训 183
