本书基于Axure原型设计、HTML 5、CSS 3、JavaScript和Photoshop，以案例驱动形式介绍了网页设计的相关知识。本书共分为14个单元，内容涵盖了网站设计开发入门、HTML标签与CSS样式基础、图像设计在网页中的应用、制作导航栏、表格在网页中的应用、表单在网页中的应用、CSS标准流布局、CSS浮动布局、CSS定位布局、JavaScript的应用，以及综合应用案例等。

本书内容翔实、图文并茂、结构清晰、循序渐进，基础知识与案例操作紧密结合，既可作为高等院校，高、中等职业技术院校，以及各类计算机教育培训机构的网页设计教材，也可供广大网页设计爱好者自学使用。

随着社会的发展，传统的教学模式已难以满足人才培养需要。一方面，大量毕业生无法找到满意的工作；另一方面，用人单位却在感叹无法招到符合职业需求的人才。因此，从传统的偏重知识传授的方式向注重就业能力培养，并让学生有兴趣学习、轻松学习，已成为大多数高等院校及高、中等职业技术院校的共识。

教育改革首先是教材的改革，为此，我们与许多教师探讨当前教育面临的问题和机遇，然后聘请具有丰富教学经验的一线教师编写了这本以项目案例为驱动的网页设计教材。

一本好教材，应该易教、易学，让学生轻松学到实用的知识；一本好教材，应该内容安排合理、新颖、实用；一本好教材，应该概念准确，语言精练，讲解通俗易懂；一本好教材，应该图文并茂，案例丰富、典型。具体来说，本书具有以下几个特点。

（1） 技术较新，讲解细致： 全面、细致地展示了HTML 5 的基础知识，让读者能够真正学习到HTML 5最实用、最流行的技术。

（2） 精心设计结构，易教易学： 本书按照“知识储备—素材收集—任务实施—知识归纳”的思路编排章节结构。在讲解各案例内容时，首先通过“知识储备”让学生快速了解案例的制作思路，然后通过“任务实施”让学生系统地学习案例的制作过程，接着通过“知识归纳”让学生学习相关基础知识。每个单元的最后，通过“任务拓展”让学生练习并巩固所学知识、增强实战能力。

（3） 精心设计案例，符合教学需要： 本书的案例主要分为三类，其中知识储备、任务实施和任务拓展中的案例具有操作简单、针对性强、符合实际应用等特点；最后一章的综合案例则是网页设计知识点的综合应用，具有专业性强、设计精美等特点，目的是提高学生的综合实战能力。

（4） 精心安排内容，符合岗位需要： 本书精心挑选与实际应用紧密相关的知识点和案例，从而让读者在学完本书后，能够马上在实践中应用所学到的技能。

（5） 语言精练，通俗易懂： 本书在讲解知识点时，力求做到语言精练，通俗易懂。本书配有精美的教学课件和素材等教学资源，可供读者下载。

本书由于莉莉、尹树萍担任主编，刘玲惠、潘新艳担任副主编。由于编者学识水平和实践经验有限，书中疏漏及错误之处在所难免，敬请广大读者批评、指正，以便进一步修订和完善。

编者

2018年2月

单元1个人博客主页——Axure原型设计与网站开发入门1

任务11用Axure站点地图管理页面——Axure

原型设计概述1

任务12个人简历页面——网站环境和本地站点的创建8

任务13心情日记——开发工具介绍及网站开发总体

讲解11

单元2美丽鲜花网店——HTML标签与CSS样式基础19

任务21制作鲜花网页结构——HTML标签介绍19

任务22修饰鲜花网页——CSS样式基础23

单元3新闻系统网站——文字在网页中的应用28

任务31企业产品介绍页面——设置文字样式28

任务32行业新闻文章页面——设置段落和其他

文字样式34

单元4艺术休闲散文页面——Axure交互效果与图像

在网页中的应用38任务41散文集——设置图文混排效果38

任务42童话故事——设置网页背景元素43

单元5通讯录分组表——表格构建网页48

任务51月历制作——表格标签的灵活应用48

任务52用户信息统计页面——CSS设置边框及

内外边距53

单元6商品网——菜单制作59

任务61仿当当网书籍菜单——纵向列表菜单59

任务62仿天猫商品菜单——横向列表菜单61

任务63仿阿里巴巴集团商品菜单——下拉列表菜单64单元7注册页面——Axure动态面板与表单在网页中的应用72

任务71仿蜜淘全球购网站登录界面——表单结构72

任务72仿蜜淘全球购注册页面——使用CSS控制表单84

单元8电影音乐网——页面中插入视频、音频、动画94

任务81微视频网页展播——视频播放页面94

任务82婉约配乐页面——页面中播放音乐99

任务83动画网页——页面中插入动画107

单元9旅游景点网站——Axure低保真原型设计与CSS模型结构的标准文档流111

任务91旅游页面页头部分——盒子模型111

任务92制作旅游网正文——应用标准文档流121

单元10校园课程类网站——CSS定位布局130

任务101校园新闻页面——常用浮动布局方法130

任务102课程介绍页面——CSS定位属性布局140

单元11多肉植物商城——JavaScript应用148

任务111多肉植物图替换——JavaScript图片切换特效148

任务112美丽鼠标影——鼠标类特性153

任务113图片变换——滚动图片效果155

单元12旅游胜地宣传单——Photoshop平面设计159

任务121海岛旅游胜地——图像处理基础159

任务122宣传单设计——绘制与编辑图像167

单元13广告类设计——Photoshop平面设计177

任务131房地产广告——应用文字与色调177

任务132咖啡广告——通道与滤镜184

单元14精品资源共享课网站设计197

参考文献221

本书基于Axure原型设计、Html5、CSS3、JavaScript和Photoshop，以案例驱动形式介绍了网页设计的相关知识。本书共分为14章，内容涵盖了网站设计开发入门，HTML标签与CSS样式基础、图像设计在网页中的应用、制作导航栏、表格在网页中的应用、表单在网页中的应用、CSS标准流布局、CSS浮动布局、CSS定位布局、JavaScript的应用，以及综合应用案例等。

本书基于Axure原型设计、Html5、CSS3、JavaScript和Photoshop，以案例驱动形式介绍了网页设计的相关知识。本书共分为14章，内容涵盖了网站设计开发入门，HTML标签与CSS样式基础、图像设计在网页中的应用、制作导航栏、表格在网页中的应用、表单在网页中的应用、CSS标准流布局、CSS浮动布局、CSS定位布局、JavaScript的应用，以及综合应用案例等。