网站规划与网页设计(第3版)

"图书特点 本书根据普通高等院校应用型特色进行规划，按照教育部应用型人才培养的教学要求进行编写，从基础理论到专业技能再到工程实践三个阶段出发进行开发。 一是教材实例来源于企业实际资料，可以保证学生所学的内容满足社会和用人单位的实际需求。 二是教材体系包括基础知识、专业技能和工程实践三个方面，涵盖范围广，可以充分保证学生的不同起点、不同层次的选择。 三是教材设计尽量使用简洁明了的文字和科学的逻辑思维，在教学上严格规定教师的教学方向，将教学内容中的理论部分与实践部分进行合理的分配，能够让学生迅速跟进，快速领悟。 四是通过精讲、练习、实战三个层次的真实项目教学来提高学生的实践操作能力。这一特点主要体现在以下三个方面： (1) 以能力的培养和提高来构建教学内容。 教学内容以商务网站建设的实际项目作为主线展开，介绍网站规划与网页设计的工作流程，将实用技术作为重点。 (2) 教材的编写满足社会和企业的需求。 以商务网站规划、网站原型设计、网页设计所具备的综合能力培养为目标，以教、学、做融于一体为方法，校企合作为模式，共同开发与设计教材。 (3) 加强系统性和针对性，注重培养学生的综合素质。 通过大量的案例分析，使学生掌握网页设计基础理论，从而能够从美学的角度进行网页配色、网页构图，最终实现网页设计的很好境界。 五是本书的内容丰富，配套资料全。 本书(第一版)出版后，广受读者欢迎，2016 年获得陕西省优秀教材二等奖，也是陕西省精品资源共享课程“网站规划与网页设计”的配套教材。本书教学资源非常全面，有全套的电子课件、教材源文件、上机素材、教学大纲、实验指导、习题解答、教学视频，获取地址见书内容简介和前言。"

本书从商务网站建设的实践出发，对网站规划、网站原型设计、网页设计三大部分进行了全面系统的讲解。其中网站规划部分主要包括网站规划的流程、内容、要点与原则以及如何撰写网站规划方案等；网站原型设计部分主要包括网站原型设计、交互设计等；网页设计部分主要包括网站编辑、网页设计基础理论、网页界面设计等。
本书内容的组织突出了知识体系的模块化结构，共分为五大模块：网站规划、网站编辑、网页设计基础理论、产品原型设计AxureRP、平面设计大师PhotoshopCC，各模块之间既有独立性，又有关联性。全书共分为11章，以商务网站的真实案例为切入点，按照案例引入→提出问题→理论讲解→案例分析的总体思路编写而成；每章末配有小结、练习题、上机实验，并附有详细的实验指导，对每个章节的学习起到了巩固和提高的作用。
通过《网站规划与网页设计（第三版）》的学习，学生能够获得从事网站规划、网站编辑、网页美工创意、产品原型设计、平面设计等方面所需的综合技能。《网站规划与网页设计（第三版）》既可作为普通高等院校计算机、电子商务、艺术设计等专业的教材，也可作为信息技术培训机构的用书，还可作为网页设计与制作人员、网站建设与开发人员、多媒体设计与开发人员的参考书。

第1章网络与Web基础1
1.1Internet基础2
1.1.1Internet概述2
1.1.2WWW2
1.1.3网页与网站3
1.1.4TCP/IP协议栈3
1.1.5HTTP与HTTPS4
1.1.6域名与IP地址5
1.2网页设计与制作工具8
1.2.1网页编辑工具8
1.2.2图形和图像处理工具9
1.2.3网站原型设计工具9
1.3超文本标记语言HTML510
1.3.1HTML语法结构10
1.3.2HTML5简介11
1.3.3常见的HTML标签(HTML5标准)12
小结16
练习题16
上机实验16
第2章网站规划19
2.1网站规划的流程20
2.2网站规划的内容21
2.2.1建设网站前的市场分析21
2.2.2建设网站的目的及功能定位21
2.2.3分析目标客户及潜在客户对站点的需求22
2.2.4网站类型22
2.2.5网站风格25
2.2.6考虑网络的技术问题27
2.3网页设计的要点与原则28
2.4域名、Web服务器申请及ICP备案30
2.4.1域名申请30
2.4.2Web服务器的选择32
2.4.3ICP备案32
2.5网站的测试、发布与维护34
2.6网站规划案例34
小结37
练习题38
上机实验38
第3章网页设计基础理论39
3.1平面设计基础40
3.1.1图像类型40
3.1.2图像分辨率41
3.1.3图像文件格式41
3.1.4图像设计的分类41
3.2色彩的应用45
3.2.1色彩模式45
3.2.2应用色彩48
3.2.3配色方案的应用实例50
3.3网页设计的构图54
3.3.1构图概述54
3.3.2构图范例欣赏58
3.4网页设计的流程60
3.4.1网页策划60
3.4.2设计网页原型图61
3.4.3设计网页效果图62
3.4.4网页设计实例——嘟嘟甜品网站设计62
3.4.5网页设计实例——海派婚纱网站设计67
小结70
练习题70
上机实验70
第4章AxureRP原型设计73
4.1原型设计基础74
4.1.1原型设计概念74
4.1.2AxureRP简介74
4.2AxureRP的工作界面77
4.3AxureRP软件操作基础83
4.4AxureRP预览、发布与生成88
4.5AxureRP交互制作90
4.5.1交互事件与交互样式90
4.5.2交互事件动作介绍96
4.6AxureRP综合实例操作103
小结108
练习题108
上机实验108
第5章利用Photoshop设计网页115
5.1PhotoshopCC简介116
5.2PhotoshopCC的工作界面119
5.3PhotoshopCC基本应用121
5.3.1PhotoshopCC基本操作121
5.3.2PhotoshopCC常用工具详解126
5.3.3PhotoshopCC功能介绍136
5.3.4PhotoshopCC文件的存储格式137
5.4PhotoshopCC网页设计137
5.4.1网页设计的组成与规范137
5.4.2网页设计139
小结147
练习题147
上机实验147
第6章创建站点153
6.1DreamweaverCC2019简介154
6.2DreamweaverCC2019工作界面简介155
6.3定义本地站点157
6.3.1创建站点158
6.3.2管理站点161
6.3.3创建网页162
小结164
练习题164
上机实验164
第7章制作页面167
7.1实例导入：中国传统节日——端午节168
7.2页面属性的设置169
7.3文本的修饰170
7.3.1输入文本171
7.3.2文本属性的设置172
7.3.3段落格式的设置174
7.3.4列表格式的设置175
7.3.5滚动文本176
7.4设置超链接177
7.4.1URL地址177
7.4.2超链接的分类177
7.4.3选择链接目标180
7.5制作包含超链接的纯文本网站180
7.6使用图像184
7.6.1插入图像185
7.6.2设置图像属性185
7.6.3制作翻转图像186
7.6.4制作图像映射187
7.7插入Flash动画与Flash视频188
7.7.1插入Flash动画188
7.7.2插入FlashVideo189
7.8插入HTML5音频与HTML5视频191
7.8.1插入HTML5音频191
7.8.2插入HTML5视频191
7.9使用表格布局网页193
7.9.1插入表格和编辑表格193
7.9.2表格及单元格属性的设置196
7.9.3使用表格布局网页198
小结200
练习题201
上机实验201
第8章CSSDIV页面布局技术203
8.1实例导入：利用CSSDIV完成西京小学网站204
8.2网页版面布局概述205
8.3CSS的简单应用207
8.4定义CSS209
8.4.1CSS概述209
8.4.2在Dreamweaver中定义CSS211
8.5利用CSS美化网页213
8.5.1背景样式的应用214
8.5.2文本及列表样式的应用215
8.5.3方框和边框样式的应用217
8.5.4动态链接样式的应用218
8.5.5CSS3的应用220
8.6利用CSS＋DIV进行
网页布局223
小结226
练习题226
上机实验226
第9章使用表单231
9.1实例导入：利用表单创建用户信息注册表232
9.2创建表单233
9.3插入表单对象234
9.3.1表单网页的布局234
9.3.2插入和编辑表单对象235
9.4制作用户注册表240
9.5验证表单243
小结244
练习题244
上机实验244
第10章模板与库的应用249
10.1实例导入：利用模板生成站点250
10.2模板的创建和编辑250
10.2.1创建模板251
10.2.2编辑模板252
10.3模板的应用和更新253
10.3.1模板的应用253
10.3.2更新模板254
10.4使用库255
10.4.1创建库255
10.4.2应用库256
10.4.3修改库256
10.5实例：利用模板和库生成站点的过程257
小结262
练习题262
上机实验262
第11章响应式网页设计267
11.1实例导入：利用Bootstrap完成西度科技网站268
11.2初识响应式网页设计268
11.2.1响应式网页设计的优势268
11.2.2响应式网页设计的理念269
11.2.3发展趋势及主流开发框架270
11.2.4主流的响应式网站测试工具272
11.3Bootstrap响应式布局273
11.3.1Bootstrap简介273
11.3.2Bootstrap网格系统及组件275
11.3.3基于Bootstrap搭建响应式布局网站282
11.4jQuery在Dreamweaver中的应用288
11.4.1jQuery简介288
11.4.2应用Dreamweaver内置的行为289
11.4.3使用Dreamweaver自带的jQuery效果292
11.4.4使用jQueryMobile创建适用于移动设备的Web应用程序293
11.4.5插入jQueryWidget297
小结299
练习题299
上机实验299
参考文献303