计算机类专业教育 > 网络与信息安全类
网页设计与制作（含光盘）
书号：9787113219291 套系名称：“十三五”高等职业教育计算机类专业规划教材
作者：李俊州 曾凤 出版日期：2016-10-01
定价：58.00 页码 / 开本：252 /16
策划编辑：杜茜 责任编辑：何红艳 冯彩茹
适用专业：无 适用层次：高等职业院校
最新印刷时间：
资源下载
教学课件(暂无)
教学素材(暂无)
习题答案(暂无)
教学案例(暂无)
教学设计(暂无)
教学视频(暂无)
内容简介
前言
目录
作者介绍
图书特色
本书主要介绍了使用Dreamweaver、Flash、Photoshop进行网页设计的流程、方法和技巧，共13章，主要内容包括网页入门知识、Dreamweaver CS6快速入门、创建网页中的常见元素、创建网页链接与Div对象、运用表格与表单进行布局、运用CSS样式制作网页特效、运用CSS对网页进行布局、运用行为功能制作网页特效、绘制与编辑Flash图形、制作Flash动画与特效、编辑网页图像与文本、修饰与调整网页图像、网页设计综合案例。第2～12章每章都设计有综合案例，可帮助读者掌握相关理论知识和绘图方法。
本书适合作为高等职业院校网页设计、环境艺术设计、动画设计、平面设计等专业的教学用书，也可作为网页设计爱好者的参考用书。无
第1章 网页入门知识. ...........................1
1.1 网页基本概念 ............................2
1.1.1 网站的概念 ..........................2
1.1.2 网页的概念 ..........................2
1.1.3 HTML的组成及语法 ..........4
1.1.4 网页设计的基本原则 ...........6
1.2 网页组成元素 ............................8
1.2.1 网页文本 ..............................8
1.2.2 网页图片 ..............................9
1.2.3 网页动画 ..............................9
1.2.4 网页表格 ............................10
1.2.5 网页超链接 ........................11
1.2.6 网页表单 ............................11
1.3 网页制作软件 ..........................11
1.3.1 Dreamweaver网页制作
核心功能 ............................11
1.3.2 Flash网页制作核心功能 ....12
1.3.3 Photoshop网页制作核心
功能 ....................................13
1.4 网页制作流程 ..........................13
1.4.1 定位网站主题 ....................14
1.4.2 构建网站框架 ....................14
1.4.3 设计网站形象 ....................14
1.4.4 制作网站页面 ....................14
1.4.5 发布与宣传网站 ................15
1.4.6 更新与维护网站内容 .........15
小结 ................................................15
习题测试 .........................................16
第2章 Dreamweaver CS6快速入门....17
2.1 启动与退出Dreamweaver CS6 ...18
2.1.1 启动Dreamweaver CS6 .....18
2.1.2 退出Dreamweaver CS6 .....19
2.2 Dreamweaver CS6界面 .........20
2.2.1 菜单栏 ................................20
2.2.2 “属性”面板 ......................21
2.2.3 “文档”工具栏 ..................22
2.2.4 “插入”面板 ......................23
2.2.5 浮动面板 ............................24
2.3 网页文档的基本操作 ...............24
2.3.1 创建网页文档 ....................25
2.3.2 保存网页文档 ....................26
2.3.3 打开网页文档 ....................26
2.3.4 关闭网页文档 ....................27
2.4 设置网页的页面属性 ...............28
2.4.1 设置网页背景的颜色 .........28
2.4.2 设置网页的背景图像 .........29
2.4.3 设置网页的页面链接.........30
2.5 创建网页站点的方法 ...............31
2.5.1 创建新站点 ........................31
2.5.2 管理本地站点 ....................32
2.5.3 管理站点资源 ....................33
2.6 综合案例——制作房产网页 ....33
2.6.1 在网页中设置跟踪图像 .....33
2.6.2 在网页中设置标题属性.....34
2.6.3 设置网页背景颜色效果 .....35
小结 ................................................36
习题测试 .........................................36
第3章 创建网页中的常见元素........37
3.1 插入图像与媒体文件 ...............38
3.1.1 插入GIF格式图像 ............38
3.1.2 插入JPEG格式图像 .........39
3.1.3 插入PNG格式图像 ..........40
前言+目录.indd 1 2016-10-25 11:04:38
网页设计与制作
- 2 -
3.1.4 插入FLV 视频文件 ........... 42
3.1.5 插入SWF 视频文件 .......... 43
3.1.6 插入鼠标经过图像 ............ 44
3.2 插入水平线与特殊字符 ...........45
3.2.1 插入水平线 ........................ 45
3.2.2 插入日期 ............................ 46
3.2.3 插入特殊字符 .................... 48
3.3 添加与设置文本对象 ...............48
3.3.1 在网页中添加文本 ............ 49
3.3.2 设置文本字体类型 ............ 50
3.3.3 设置文本字体大小 ............ 52
3.3.4 设置文本颜色属性 ............ 52
3.4 综合案例——制作旅游网页 ....53
3.4.1 制作文本项目符号 ............ 53
3.4.2 制作网页图片展示 ............. 54
3.4.3 制作网页水平线效果 ........ 55
小结 ................................................56
习题测试 .........................................56
第4 章 创建网页链接与Div 对象....57
4.1 创建常用网页链接文件 ...........58
4.1.1 链接的含义 ........................ 58
4.1.2 创建E-mail 链接 ............... 59
4.1.3 创建图像热点链接 ............ 60
4.1.4 创建下载文件链接 ............ 62
4.1.5 创建锚点链接 .................... 63
4.1.6 创建脚本链接 .................... 65
4.1.7 创建空链接 ........................ 66
4.2 创建与编辑Div 对象 ...............66
4.2.1 Div 的含义 ......................... 66
4.2.2 创建Div 标签 .................... 67
4.2.3 创建AP Div 标签 .............. 68
4.2.4 互换AP Div 与表格 .......... 69
4.3 综合案例——制作游戏网页 ....71
4.3.1 制作网页文本链接 ............ 71
4.3.2 制作游戏图像热点 ............ 72
4.3.3 下载游戏软件客户端 ........ 73
小结 ................................................74
习题测试 .........................................74
第5 章 运用表格与表单进行布局....75
5.1 创建与选取表格 ......................76
5.1.1 创建表格 ............................ 76
5.1.2 选取表格 ............................ 77
5.1.3 选取行或列 ........................ 78
5.1.4 选取单元格 ........................ 79
5.2 调整与编辑表格对象 ...............80
5.2.1 调整表格高度和宽度 ........ 80
5.2.2 添加或删除行或列 ............ 81
5.2.3 单元格的拆分与合并 ........ 81
5.2.4 单元格的剪切、复制和
粘贴 .................................... 82
5.3 创建网页中的常用表单 ..........84
5.3.1 创建表单对象 .................... 84
5.3.2 创建文本与密码对象 ........ 85
5.3.3 创建按钮对象 .................... 86
5.3.4 创建图像按钮对象 ............ 86
5.3.5 创建列表/ 菜单对象 ......... 87
5.3.6 创建单选按钮对象 ............ 88
5.3.7 创建复选框对象 ................ 88
5.4 综合案例——制作密码网页 ....88
5.4.1 在网页中创建表格 ............ 89
5.4.2 制作网页密码图像 ............ 89
5.4.3 创建图像按钮表单 ............ 90
小结 ................................................91
习题测试 .........................................92
第6 章 运用CSS样式制作网页特效....93
6.1 CSS 概述 ................................94
6.1.1 CSS 的概念 ........................ 94
6.1.2 CSS 的编写 ........................ 95
6.1.3 创建CSS 样式表 ............... 96
6.2 管理CSS 样式表 ....................97
6.2.1 管理外联样式表 ................ 97
6.2.2 管理内嵌样式表 ................ 99
6.3 设置CSS 属性参数 ................99
前言+目录.indd 2 2016-10-25 11:04:39
- 3 -
目 录
6.3.1 设置网页字体类型 .......... 100
6.3.2 设置网页颜色属性 .......... 101
6.3.3 设置网页背景属性 .......... 103
6.3.4 设置网页对齐属性 .......... 104
6.3.5 设置网页方框属性 .......... 105
6.3.6 设置网页边框属性 .......... 105
6.3.7 设置网页列表属性 .......... 106
6.3.8 设置网页定位属性 .......... 106
6.3.9 设置网页扩展属性 .......... 107
6.4 综合案例——制作美食网页 ...108
6.4.1 制作网页标题效果 .......... 108
6.4.2 制作网页正文样式 .......... 109
6.4.3 制作文本对齐方式 .......... 110
小结 ..............................................111
习题测试 .......................................111
第7 章 运用CSS 对网页进行布局....113
7.1 了解CSS 与Div 的基本概念 ...114
7.1.1 Web 标准的概念 .............. 114
7.1.2 Div 的基本功能 ............... 115
7.1.3 Div 与Span 的区别 ......... 115
7.1.4 Class 和ID 的区别 .......... 115
7.1.5 CSS+Div 的布局优势 ...... 116
7.2 布局与定位CSS 页面 ...........117
7.2.1 用Div 将页面分块 .......... 117
7.2.2 用CSS 堆给元素位置
定位 .................................. 117
7.2.3 用CSS 定位各块的位置 ... 118
7.3 CSS 常见布局类型 ...............118
7.3.1 设置单行单列固定宽度... 119
7.3.2 设置两列右列宽度
自适应 .............................. 120
7.3.3 设置一列宽度自适应 ...... 121
7.3.4 设置一列固定宽度居中... 122
7.3.5 设置二列固定宽度 .......... 123
7.3.6 设置二列宽度自适应 ...... 124
7.3.7 设置二列固定宽度居中
布局 .................................. 125
7.3.8 设置三列浮动中间列宽度
自适应 .............................. 126
7.4 综合案例——制作购物网页 ...127
7.4.1 在网页中居中布局内容 ... 127
7.4.2 在Div 布局中新增图像 ... 128
7.4.3 在网页中制作空白边效果 ... 129
小结 ..............................................130
习题测试 .......................................130
第8 章 运用行为功能制作网页
特效.........................................131
8.1 “行为”与“事件”概述........132
8.1.1 “行为”面板 .................... 132
8.1.2 “事件”菜单 .................... 133
8.1.3 熟悉不同的动作类型 ....... 134
8.1.4 在网页文档中添加行为 ... 134
8.2 运用行为制作网页特效 .........136
8.2.1 设置检查表单行为 .......... 136
8.2.2 设置打开浏览器窗口
行为 .................................. 138
8.2.3 设置转到URL 网页行为 ... 139
8.2.4 设置检查插件行为 .......... 140
8.3 运用行为制作文本特效 ........141
8.3.1 设置状态栏文本行为 ...... 141
8.3.2 设置容器中的文本行为 ... 142
8.3.3 设置框架文本行为 .......... 142
8.3.4 设置文本域文字行为 ...... 143
8.4 综合案例——制作健康网页 ...144
8.4.1 制作网页状态栏消息 ....... 144
8.4.2 交换网页图像的画面 ....... 145
8.4.3 制作网页内容链接效果... 147
小结 ..............................................148
习题测试 .......................................148
第9 章 绘制与编辑Flash 图形........149
9.1 了解Flash CS6 的工作界面 ...150
9.1.1 菜单栏 .............................. 150
9.1.2 工具箱 .............................. 151
前言+目录.indd 3 2016-10-25 11:04:39
网页设计与制作
- 4 -
10.2.4 查看实例信息 ................ 174
10.2.5 修改实例颜色和透明度 ... 174
10.3 制作网页动画特效 ..............175
10.3.1 制作逐帧动画 ................ 175
10.3.2 导入逐帧动画 ................ 178
10.3.3 制作遮罩层动画 ............ 178
10.3.4 制作形状渐变动画 ........ 179
10.3.5 制作动作渐变动画 ........ 180
10.4 综合案例——制作卡漫动画...181
10.4.1 制作动画关键帧 ............ 181
10.4.2 制作传统补间动画 ........ 182
10.4.3 制作风车顺时针旋转 .... 182
小结 ..............................................183
习题测试 .......................................184
第11 章 编辑网页图像与文本.........185
11.1 了解Photoshop 的工作界面....186
11.1.1 菜单栏 ............................ 186
11.1.2 状态栏 ............................ 186
11.1.3 工具箱 ............................ 187
11.1.4 工具属性栏 .................... 187
11.1.5 图像编辑窗口 ................. 187
11.1.6 浮动面板 ........................ 188
11.2 处理网页图像颜色 ..............188
11.2.1 设置前景色和背景色 ..... 188
11.2.2 使用菜单命令填充颜色 ... 188
11.2.3 使用油漆桶工具设置
颜色 ................................ 189
11.2.4 使用渐变工具设置颜色 ... 190
11.3 编辑网页图像选区 ...............190
11.3.1 创建不规则选区 ............. 191
11.3.2 创建几何选区 ................ 192
11.3.3 羽化网页中的选区 ......... 192
11.3.4 变换网页中的选区 ......... 193
11.3.5 描边网页中的选区 ......... 193
11.4 创建网页图像文本 ..............194
11.4.1 文字工具组 .................... 195
11.4.2 创建横排文字 ................ 195
9.1.3 时间轴面板 ...................... 151
9.1.4 舞台 .................................. 152
9.1.5 面板组 .............................. 152
9.1.6 “属性”面板 .................... 153
9.2 创建网页文本对象 ................153
9.2.1 创建静态文本 .................. 153
9.2.2 创建动态文本 .................. 154
9.2.3 创建输入文本 .................. 155
9.3 绘制网页动画图形 ................157
9.3.1 应用线条工具绘图........... 157
9.3.2 应用椭圆工具绘图 .......... 157
9.3.3 应用矩形工具绘图 .......... 158
9.4 编辑网页动画图形 ................159
9.4.1 选择网页图形对象........... 159
9.4.2 运用套索选择图像 .......... 159
9.4.3 移动网页图形对象 ........... 160
9.4.4 缩放网页图形对象 .......... 160
9.5 综合案例——制作珠宝网页 ...161
9.5.1 创建网页广告文本 .......... 161
9.5.2 移动广告文本位置 .......... 162
9.5.3 制作文本五彩特效 .......... 162
小结 ..............................................163
习题测试 .......................................164
第10 章 制作Flash 动画与特效......165
10.1 创建网页元件对象 ..............166
10.1.1 元件类型 ........................ 166
10.1.2 创建图形元件 ................ 167
10.1.3 创建按钮元件 ................ 167
10.1.4 转换图形为影片剪辑
元件 ................................. 170
10.1.5 在不同的模式下编辑
元件 ................................. 170
10.1.6 复制与删除元件 ............ 171
10.2 在网页动画中应用实例 .......172
10.2.1 创建实例 ........................ 172
10.2.2 改变实例类型 ................ 172
10.2.3 分离实例 ........................ 173
前言+目录.indd 4 2016-10-25 11:04:40
- 5 -
目 录
11.4.3 创建直排文字 ................ 196
11.4.4 设置文本格式 ................ 197
11.4.5 设置变形文字................. 197
11.5 综合案例——制作置业广告 ...199
11.5.1 制作置业图像广告 ......... 199
11.5.2 制作置业文字广告 ......... 200
11.5.3 制作图像描边特效 ......... 201
小结 ..............................................202
习题测试 .......................................202
第12 章 修饰与调整网页图像........203
12.1 网页图像修饰工具 ..............204
12.1.1 修饰类工具 .................... 204
12.1.2 擦除类工具 .................... 204
12.1.3 图章类工具 .................... 205
12.1.4 修复类工具 .................... 206
12.1.5 调色类工具 .................... 207
12.2 网页图像的颜色 ..................208
12.2.1 查看网页图像的颜色 ..... 208
12.2.2 调整网页图像的色彩 ..... 208
12.2.3 调整网页图像的色调 ..... 209
12.3 编辑与管理切片图像 ...........210
12.3.1 切片对象的种类 ............. 210
12.3.2 创建切片 ........................ 211
12.3.3 创建自动切片 ................. 212
12.3.4 选择、移动与调整切片 ... 212
12.3.5 转换与锁定切片............. 213
12.3.6 组合与删除切片 ............ 214
12.3.7 设置切片选项 ................ 216
12.4 优化网页图像 ......................217
12.4.1 优化GIF 格式图像 ........ 217
12.4.2 优化JPEG 格式 ............. 218
12.5 综合案例——制作手表广告 ...219
12.5.1 处理广告图像污点 ........ 219
12.5.2 调整广告图像色调 ........ 220
12.5.3 创建广告图像切片 ......... 221
小结 ..............................................222
习题测试 .......................................222
第13 章 网页设计综合案例.............223
13.1 设计规划网站 ......................224
13.1.1 确定网站主题 ................ 224
13.1.2 设计网站版式 ................ 224
13.2 设计网站图像 ......................225
13.2.1 网站Logo 的设计 .......... 225
13.2.2 网站导航条的设计 ........ 226
13.3 设计网站动画 ......................229
13.3.1 网页文字动画的制作 ..... 229
13.3.2 图像切换动画的制作 ..... 231
13.4 制作与布局网页 ..................234
13.4.1 页眉和导航区的制作 ..... 235
13.4.2 内容与版权区的制作 ..... 236
13.4.3 子页和超链接的制作 .... 238
13.5 网站的测试 .........................240
13.5.1 网站的兼容性测试 ......... 240
13.5.2 网站的链接性测试 ........ 241
小结 ..............................................242
习题测试 .......................................242本书主要介绍了使用Dreamweaver、Flash、Photoshop进行网页设计的流程、方法和技巧，共13章，主要内容包括网页入门知识、Dreamweaver CS6快速入门、创建网页中的常见元素、创建网页链接与Div对象、运用表格与表单进行布局、运用CSS样式制作网页特效、运用CSS对网页进行布局、运用行为功能制作网页特效、绘制与编辑Flash图形、制作Flash动画与特效、编辑网页图像与文本、修饰与调整网页图像、网页设计综合案例。第2～12章每章都设计有综合案例，可帮助读者掌握相关理论知识和绘图方法。
本书适合作为高等职业院校网页设计、环境艺术设计、动画设计、平面设计等专业的教学用书，也可作为网页设计爱好者的参考用书。