第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 <!doctype html>声明 65
4.2.2 <html>标签 65
4.2.3 <head>标签 65
4.2.4 <body>主体内容 67
4.2.5 HTML的书写格式 67
4.2.6 HTML块级元素与内联元素 68
4.3 文本内容 68
4.3.1 段落：<p> 68
4.3.2 标题：<h1>、<h2>、<h3>、<h4>、<h5>、<h6> 69
4.3.3 <pre>标签 69
4.3.4 列表 70
4.3.5 换行：<br> 72
4.3.6 水平线 73
4.3.7 层标签：<div> 73
4.3.8 <span>标签 73
4.3.9 转义字符 74
4.3.10 其他 75
4.4 多媒体内容 75
4.4.1 图像 75
4.4.2 音频 76
4.4.3 <audio>标签的属性 77
4.4.4 视频 77
4.4.5 <video>标签的属性 78
4.5 超链接 79
4.5.1 文字添加链接 79
4.5.2 修改链接的窗口打开方式 79
4.5.3 给链接添加提示文字 80
4.5.4 锚 80
4.5.5 电子邮件链接 81
4.6 表格 81
4.6.1 定义和用法 81
4.6.2 表格标题 82
4.6.3 表头和表尾 82
4.6.4 <tr>、<th>和<td> 82
4.6.5 合并单元格 83
4.7 表单 83
4.7.1 表单的定义 83
4.7.2 文本框 84
4.7.3 文本域（多行文本） 85
4.7.4 标签 85
4.7.5 密码框 85
4.7.6 单选按钮 86
4.7.7 复选框 86
4.7.8 下拉框 86
4.7.9 按钮 87
4.7.10 文件上传 87
4.7.11 隐藏字段 87
4.8 HTML5表单新特性 87
4.8.1 input类型——email 88
4.8.2 input类型——url 88
4.8.3 input类型——number 88
4.8.4 input类型——range 89
4.8.5 input类型——datepickers（日期选择器） 89
4.8.6 input类型——search 90
4.9 HTML5表单新属性 90
4.9.1 autocomplete属性 90
4.9.2 autofocus属性 90
4.9.3 min、max和step属性 90
4.9.4 placeholder属性 91
4.9.5 required属性 91
4.10 其他HTML5元素 92
4.10.1 布局元素 92
4.10.2 画布 93
4.10.3 数据列表 94
4.10.4 拖放 95
4.11 HTML综合应用 95
4.11.1 页面代码 96
4.11.2 声明文档类型 98
4.11.3 文件头部分 98
4.11.4 页面的主体部分 98
4.12 本章小结 100
第5章 可视化网页制作工具——Dreamweaver 102
5.1 Dreamweaver基础 102
5.1.1 Dreamweaver简介 102
5.1.2 Dreamweaver的工作区 103
5.1.3 Dreamweaver CC 2014新增功能 107
5.2 站点管理 108
5.2.1 创建站点 108
5.2.2 管理站点 110
5.2.3 管理站点中的文件 110
5.3 新建HTML文档 111
5.3.1 创建新的空白文档 111
5.3.2 以其他方式创建文档 113
5.4 设置页面属性 113
5.5 文件头内容 115
5.6 文本 116
5.6.1 文本 116
5.6.2 字符 117
5.6.3 段落 117
5.6.4 标题 118
5.6.5 列表 118
5.7 图像 119
5.7.1 插入图像 119
5.7.2 图像设置 119
5.8 超链接 120
5.8.1 文字超链接 120
5.8.2 电子邮件链接 121
5.9 表格 121
5.9.1 插入表格 121
5.9.2 表格属性 122
5.9.3 表格的其他操作 123
5.10 多媒体应用 124
5.10.1 HTML5音频 124
5.10.2 HTML5视频 125
5.10.3 Flash SWF（视频） 125
5.11 表单 126
5.11.1 表单 126
5.11.2 标签 127
5.11.3 文本域 127
5.11.4 电子邮件 129
5.11.5 密码 129
5.11.6 单选按钮 129
5.11.7 复选框 130
5.11.8 下拉列表 131
5.11.9 Url 131
5.11.10 Tel 131
5.11.11 搜索 131
5.11.12 数字 132
5.11.13 范围 132
5.11.14 颜色 132
5.11.15 日期和时间 133
5.11.16 按钮 134
5.11.17 文件 134
5.11.18 图像按钮 134
5.11.19 隐藏 134
5.12 结构 134
5.13 在Dreamweaver中插入jQuery UI 134
5.14 在Dreamweaver中使用CSS 135
5.15 网页制作综合应用 136
5.15.1 新建站点和文档 136
5.15.2 设置body的样式 136
5.15.3 header区域 137
5.15.4 主体区域 141
5.15.5 footer区域 144
5.16 本章小结 145
第6章 CSS应用基础 146
6.1 CSS概述 146
6.1.1 CSS简介 146
6.1.2 CSS的优点 146
6.1.3 CSS3 147
6.2 引入CSS 148
6.2.1 在页面中引入CSS 148
6.2.2 CSS的优先级 150
6.3 CSS语法 151
6.3.1 CSS基本语法 151
6.3.2 选择器 151
6.3.3 值的不同写法 153
6.3.4 CSS高级语法 153
6.4 CSS样式 154
6.4.1 背景 154
6.4.2 文本 156
6.4.3 字体 156
6.4.4 链接 158
6.4.5 列表 158
6.4.6 表格 159
6.4.7 CSS尺寸 161
6.5 CSS盒模型 162
6.5.1 内边距 163
6.5.2 外边距 164
6.5.3 边框 165
6.6 CSS定位 166
6.6.1 CSS定位概述 166
6.6.2 相对定位 167
6.6.3 绝对定位 167
6.6.4 浮动 168
6.7 CSS3新特性 169
6.7.1 边框 169
6.7.2 背景 170
6.7.3 文本效果 172
6.7.4 字体 172
6.7.5 过渡 172
6.7.6 多列 173
6.8 CSS综合应用 174
6.8.1 引用外部样式表 174
6.8.2 设置全局样式 175
6.8.3 header样式 176
6.8.4 主体区域 179
6.8.5 aside区域 179
6.8.6 section区域 180
6.8.7 footer区域 182
6.9 本章小结 183
第7章 JavaScript应用基础 184
7.1 JavaScript概述 184
7.1.1 JavaScript的优点 184
7.1.2 常用的JavaScript库 185
7.2 JavaScript基本语法 185
7.2.1 引入JavaScript 185
7.2.2 JavaScript变量和数据类型 186
7.2.3 JavaScript注释 187
7.2.4 JavaScript语句 187
7.2.5 JavaScript函数和作用域 188
7.2.6 JavaScript对象 190
7.2.7 DOM 190
7.3 jQuery 194
7.3.1 jQuery简介 194
7.3.2 引入jQuery 194
7.3.3 jQuery语法和选择器 194
7.3.4 jQuery事件 196
7.3.5 jQuery DOM 196
7.4 JavaScript综合应用 199
7.4.1 HTML代码 200
7.4.2 CSS样式 201
7.4.3 JavaScript代码 201
7.4.4 使用jQuery插件 204
7.4.5 图片轮播在页面中的应用 205
7.5 本章小结 205
参考资料 206