网页设计与制作
-
【作 者】孙娜 蒲秋梅 南洋 编著
【I S B N 】978-7-5170-3865-8
【责任编辑】
【适用读者群】本专通用
【出版时间】2016-03-07
【开 本】16
【装帧信息】平装（光膜）
【版 次】第1版第1次印刷
【页 数】372
【千字数】573
【印 张】23.25
【定 价】￥32
【丛 书】普通高等教育“十二五”规划教材
【备注信息】
简介
本书特色
前言
章节列表
精彩阅读
下载资源
相关图书
内 容 提 要
本书是按照教育部高等学校计算机基础课程教学指导委员会提出的《关于进一步加强高校计算机基础教学的意见》中有关“网页设计基础”课程的教学要求及人才培养的要求，针对高等学校文科（艺术类）学生特点组织编写的。全书共分7章，介绍了Internet与网页设计的基础知识，以案例为线，讲解了网页图像处理工具Photoshop CC 2014及可视化网页制作工具Dreamweaver CC 2014的使用方法，详细介绍了代表未来Web发展方向的HTML5应用及CSS最新规范标准CSS3。
本书既可以作为高等学校计算机专业“网页设计与制作”相关课程的教材，又可以作为广大网页制作人员和网页制作爱好者的实用学习指导书和网页设计培训班的教材，同时还可以作为高等学校非计算机专业师生教学或自学用书。
前 言
本书从头到尾地讲解了如何规划、设计和制作一个简单的个人网站，这是一个从概念到代码的过程。通过讲述构建这个网站的策略性步骤，提供了适合于大多数项目的工作流程实例。读者可以观察网站是怎样从无到有创建起来的。
其中涉及到网页的基本原理、网页设计的基本要素、网页制作的工具、HTML语言（HTML5）、CSS等，还包括如何使用JavaScript实现网页的一些特效。需要特别指出的是，由于HTML5不推荐使用Flash动画，本书并没有安排专门的章节讲解Adobe Flash软件的应用和动画的制作。
按照以上思路，全书内容共分为7章。
第1章“网页设计概述”介绍了网页及网站设计的基础知识——Internet与网页的关系、网络协议与网页关系、网站与网页的关系、网页的基本元素、网页设计工具等，还介绍了不同浏览器对网页的兼容性导致网页显示效果的区别。
第2章“网站规划与页面布局”介绍了网页设计的目标，网页设计的流程，如何设定网页风格，如何为网页设计合适的色彩等内容，并且以一个个人网站为例，详细描述了网页设计的过程。
第3章“网页设计工具——Photoshop”介绍了如何应用Photoshop进行网页的设计。其中包括Photoshop的基础知识，以及Photoshop在网页设计时的常见应用，通过大量的实例使读者掌握Photoshop在网页设计中的实际使用。以第2章中的网站规划为基础展开设计，详细描述了在Photoshop中设计网页效果图的步骤。
第4章“超文本标记语言HTML与HTML5”包括HTML概述以及HTML5的介绍， HTML文档的基本组成，如何在网页中添加文字、图像、音频、视频、表格、表单等内容，如何使用HTML5的canvas元素在网页中画图，在最后一节详细展示了一个使用HTML5编写网页的例子。
第5章“可视化网页制作工具——Dreamweaver”包括Dreamweaver概述，Dreamweaver的工作界面介绍以及Dreamweaver CC 2014的新功能，如何在Dreamweaver中新建和管理站点，如何在网页中添加文字、图像、音频、视频、超链接、表格、表单等内容，并展示了如何不手写代码而尽量使用Dreamweaver提供的功能完成第4章中的例子。
第6章“CSS应用基础”介绍了CSS的概念、CSS的使用方法、CSS的基本语法，以及如何使用CSS样式进行美化，使第4章中只具备基础结构性元素的网页变得和Photoshop设计图的效果类似。
第7章“JavaScript应用基础”介绍了JavaScript的基本概念、JavaScript基本语法以及目前应用最广泛的JavaScript库——jQuery的基本用法，还详细讲解了一个图片轮播的综合应用实例。
本书的一部分参考资料来源于网络，无法一一查明原作者，有些无法准确列明出处，敬请谅解。感谢每一位具有共享精神的互联网信息提供者。
由于作者水平有限，书中难免有疏漏和不妥之处，敬请读者批评指正。如对本书有任何意见和建议，可通过电子邮件sunna_07@163.com与作者联系。
本书是网站前端开发的入门书籍，适合刚接触前端开发的设计人员和高等院校的本科生。
前言
第1章 网页设计概述 1
1.1 计算机网络基础 1
1.1.1 因特网和万维网 2
1.1.2 超文本标记语言HTML 2
1.1.3 统一资源定位符URL 3
1.1.4 超文本传输协议（HTTP） 5
1.1.5 浏览器 5
1.2 网站与网页 6
1.2.1 网页的概念 6
1.2.2 网站的结构 7
1.3 网页的基本元素 8
1.3.1 文本 9
1.3.2 图像 9
1.3.3 音频 10
1.3.4 视频 11
1.3.5 动画 12
1.3.6 超链接 12
1.4 网页设计与制作方法 13
1.4.1 网页制作的基本方法 13
1.4.2 网页设计与制作工具 13
1.5 浏览器的兼容性 14
1.6 本章小结 14
第2章 网站规划与页面布局 15
2.1 网页设计概述 15
2.1.1 网页设计的目标 15
2.1.2 网站分类 15
2.1.3 网页设计流程 16
2.2 网站风格 18
2.2.1 保持页面风格的一致性 18
2.2.2 协调运用颜色 19
2.2.3 均衡分割版式 19
2.2.4 适当选择线条和形状 19
2.2.5 选择合适的字体 20
2.2.6 适当美化和去除冗余 21
2.3 网页布局 21
2.4 网页色彩运用 22
2.4.1 色彩基本理论 22
2.4.2 色彩的情感 24
2.4.3 色彩选择技巧 24
2.5 综合应用 25
2.6 本章小结 27
第3章 网页设计工具——Photoshop 28
3.1 Photoshop简介 28
3.1.1 Photoshop CC 2014工作界面 28
3.1.2 Photoshop CC 2014新特性 31
3.2 Photoshop文件操作 31
3.2.1 新建图像 31
3.2.2 打开图像 32
3.2.3 保存图像 32
3.3 Photoshop工具面板 32
3.3.1 工具面板的基本用法 32
3.3.2 工具面板的使用实例 34
3.4 控制面板 39
3.5 图层 39
3.5.1 图层的基本概念 39
3.5.2 图层种类 40
3.5.3 “图层”面板 41
3.5.4 常用的图层操作 42
3.5.5 图层操作实例 43
3.6 其他常用操作 43
3.6.1 旋转和变换 43
3.6.2 标尺和参考线 45
3.6.3 图像调整 47
3.6.4 滤镜 50
3.7 综合应用 51
3.7.1 使用栅格做布局规划 51
3.7.2 设计Header部分 52
3.7.3 设计主体区域 55
3.7.4 设计Footer部分 60
3.8 本章小结 61
第4章 超文本标记语言HTML与HTML5 62
4.1 HTML概述 62
4.1.1 HTML的由来 63
4.1.2 HTML的定义 63
4.1.3 HTML的特点 63
4.1.4 HTML的发展史 63
4.1.5 HTML5 64
4.2 HTML文档的基本组成 64
4.2.1 声明 65
4.2.2 标签 65
4.2.3 标签 65
4.2.4 主体内容 67
4.2.5 HTML的书写格式 67
4.2.6 HTML块级元素与内联元素 68
4.3 文本内容 68
4.3.1 段落：
68
4.3.2 标题：
、、、、
、 69
4.3.3 标签 69
4.3.4 列表 70
4.3.5 换行：
72
4.3.6 水平线 73
4.3.7 层标签： 73
4.3.8 标签 73
4.3.9 转义字符 74
4.3.10 其他 75
4.4 多媒体内容 75
4.4.1 图像 75
4.4.2 音频 76
4.4.3
、、
、 69
4.3.3 标签 69
4.3.4 列表 70
4.3.5 换行：
72
4.3.6 水平线 73
4.3.7 层标签： 73
4.3.8 标签 73
4.3.9 转义字符 74
4.3.10 其他 75
4.4 多媒体内容 75
4.4.1 图像 75
4.4.2 音频 76
4.4.3
、 69
4.3.3 标签 69
4.3.4 列表 70
4.3.5 换行：
72
4.3.6 水平线 73
4.3.7 层标签： 73
4.3.8 标签 73
4.3.9 转义字符 74
4.3.10 其他 75
4.4 多媒体内容 75
4.4.1 图像 75
4.4.2 音频 76
4.4.3
4.3.3
标签 69
4.3.4 列表 70
4.3.5 换行：
72
4.3.6 水平线 73
4.3.7 层标签：73
4.3.8 标签 73
4.3.9 转义字符 74
4.3.10 其他 75
4.4 多媒体内容 75
4.4.1 图像 75
4.4.2 音频 76
4.4.3