《网页设计基础教程与上机指导(第2版)》是2007年7月1日清华大学出版社出版的图书。本书叙述简洁,实例众多,将基础知识介绍和上机指导紧密结合。此外,还给出了两个网站综合实例,并在每章的上机指导与练习巩固了各章的知识点,从而使本书不但可以作为普通高校、高职高专院校和培训学校的网页设计教材,也可以供广大读者自学网页设计之用。
基本介绍
- 书名:网页设计基础教程与上机指导(第2版)
- 作者:范兆东、张飏、李冬等
- ISBN:9787302154051
- 定价:36
- 出版社:清华大学出版社
- 出版时间:2007.07.01
- 装帧:平装
内容简介
本书涵盖了目前网页设计领域的主要软体,通过大量实用的实例,採用图解的方式详细介绍了使用Dreamweaver8排版并布局网页、使用PhotoshopCS2和Fireworks8处理网页图形和图像以及使用Flash8製作网页中的矢量动画和设定互动式动画的方法。本书包含27章,共分为6部分,分别为网页设计基础、Dreamweaver8网页排版布局、PhotoshopCS2设计网页图像、Flash8设计网页动画、Fireworks8设计网页图像和综合实例。
图书目录
第1章 网页设计基础 1
1.1 网页中的基本概念 1
1.1.1 什幺是网页 1
1.1.2 什幺是网站 2
1.1.3 什幺是域名和空间 2
1.2 网页的基本构成元素 2
1.2.1 网站LOGO 3
1.2.2 网站Banner 3
1.2.3 导航栏 3
1.2.4 文本 4
1.2.5 图像 4
1.2.6 Flash动画 5
1.2.7 多媒体 5
1.3 网页设计的常用工具 5
1.3.1 网页编辑排版软体
Dreamweaver 5
1.3.2 网页动画製作软体Flash 6
1.3.3 网页图像製作软体
Photoshop 6
1.3.4 网页图像製作软体
Fireworks 7
1.4 网站建设的基本流程 7
1.4.1 网站整体规划 8
1.4.2 收集资料与素材 9
1.4.3 设计网页图像 9
1.4.4 网页排版布局 10
1.4.5 测试与发布上传 10
1.4.6 后期更新与维护 10
1.4.7 网站的推广 11
1.5 习题 12
第2章 Dreamweaver 8基础 14
2.1 Dreamweaver 8简述 14
2.2 Dreamweaver 8的新增功能 15
2.3 Dreamweaver 8的操作界面 16
2.3.1 选单栏 17
2.3.2 插入栏 18
2.3.3 浮动面板 18
2.3.4 【属性】面板 18
2.3.5 文档视窗 18
2.4 文档的基本操作 19
2.4.1 新建网页 19
2.4.2 打开网页 20
2.4.3 保存网页 20
2.4.4 设定页面属性 21
2.5 上机指导:创建和管理站点 23
2.5.1 创建本地静态站点“清华” 23
2.5.2 管理本地站点 25
2.6 习题 26
第3章 插入网页对象 27
3.1 插入文本 27
3.1.1 插入普通文本 27
3.1.2 设定文本属性 28
3.1.3 插入特殊字元 30
3.2 使用列表 31
3.2.1 插入项目列表 31
3.2.2 插入编号列表 32
3.3 在网页中插入档案头部内容 32
3.3.1 插入META信息 33
3.3.2 设定基础 33
3.3.3 插入关键字 34
3.3.4 插入说明文字 34
3.3.5 设定刷新 35
3.4 插入图像 35
3.4.1 插入图像 35
3.4.2 设定图像属性 36
3.4.3 插入翻转图像 38
3.5 插入媒体对象 39
3.5.1 插入Flash动画 40
3.5.2 插入Flash按钮对象 41
3.5.3 插入Flash文本对象 43
3.5.4 插入Java Applet 44
3.6 插入其他对象 46
3.6.1 插入日期 46
3.6.2 插入水平线 47
3.7 上机指导:製作图文混排网页
和特效网页 49
3.7.1 创建图文混排网页 49
3.7.2 插入Java Applet製作
特效网页 50
3.8 习题 51
第4章 使用超连结 53
4.1 超连结的基本知识 53
4.1.1 绝对路径 53
4.1.2 相对路径 54
4.1.3 根目录相对路径 54
4.2 连结到档案 54
4.2.1 使用【属性】面板定义
超连结 54
4.2.2 使用【浏览档案】按钮指定
连结到的档案 54
4.3 创建超连结 55
4.3.1 创建下载档案的超连结 55
4.3.2 创建电子邮件超连结 56
4.3.3 创建图像热点连结 57
4.3.4 创建锚点连结 58
4.4 连结检查与测试 59
4.5 上机指导:创建热点连结导航
和锚点连结 60
4.5.1 创建热点连结导航 60
4.5.2 创建锚点连结实例 61
4.6 习题 64
第5章 使用表格 65
5.1 插入表格 65
5.1.1 表格的基本概念 65
5.1.2 插入表格 66
5.2 设定表格属性 67
5.2.1 设定表格属性 67
5.2.2 设定单元格属性 68
5.3 表格的基本操作 69
5.3.1 选择表格 69
5.3.2 添加行或列 70
5.3.3 删除行或列 71
5.3.4 合併单元格 71
5.3.5 拆分单元格 72
5.4 用表格排列数据 72
5.4.1 导入表格式数据 72
5.4.2 表格排序 74
5.5 上机指导:创建网页表格和表格
布局 76
5.5.1 创建网页细线表格 76
5.5.2 创建网页圆角表格 78
5.5.3 利用表格布局网页 82
5.6 习题 87
第6章使用层 89
6.1创建和设定层 89
6.1.1创建层 89
6.1.2嵌套层 90
6.1.3层的【属性】面板 91
6.1.4【层】面板 91
6.2层的基本操作 91
6.2.1选择层 92
6.2.2调整层的大小 92
6.2.3移动层 93
6.2.4对齐层 94
6.3层和表格间的相互转换 95
6.3.1层转换成表格 95
6.3.2表格转换成层 96
6.4时间轴的套用 97
6.5上机指导:创建下拉选单和网页
动画 98
6.5.1创建网页下拉选单 98
6.5.2利用时间轴创建网页漂浮
广告动画 101
6.6习题 104
第7章创建框架网页 105
7.1框架网页的创建 105
7.1.1创建框架 105
7.1.2保存框架 106
7.2改变框架属性 107
7.2.1设定框架属性 107
7.2.2在框架中输入内容 108
7.3框架和框架集 109
7.3.1创建自定义框架集 110
7.3.2嵌套框架集 110
7.4上机指导:创建框架网页 111
7.4.1使用Iframe创建嵌套框架
网页 111
7.4.2创建完整的框架网页 112
7.5习题 118
第8章使用CSS样式表 119
8.1CSS样式表 119
8.1.1关于CSS样式表 119
8.1.2使用【CSS样式】面板 120
8.1.3创建新的CSS样式 120
8.1.4套用自定义CSS样式 122
8.1.5创建和连结到外部CSS
样式表 123
8.2定义样式表属性 125
8.2.1设定CSS样式的类型 125
8.2.2设定CSS样式的背景 126
8.2.3设定CSS样式的区块 126
8.2.4设定CSS样式的方框 127
8.2.5设定CSS样式的框线 128
8.2.6设定CSS样式的列表 128
8.2.7设定CSS样式的定位 129
8.2.8设定CSS样式的扩展 130
8.3上机指导:创建网页特效文字 130
8.3.1创建阴影文本 130
8.3.2利用CSS固定字型大小 133
8.4习题 135
第9章使用模板与库 137
9.1模板的创建 137
9.1.1创建模板 137
9.1.2定义可编辑区域 140
9.1.3套用模板 142
9.1.4更新网页 143
9.2库的创建 144
9.2.1创建库项目 144
9.2.2使用库项目 146
9.3上机指导:综合套用模板和库 147
9.4习题 151
第10章创建表单网页 153
10.1初识表单 153
10.2插入表单对象 154
10.2.1创建表单 154
10.2.2插入单行文本域 155
10.2.3插入多行文本域 157
10.2.4插入密码域 157
10.2.5插入複选框 158
10.2.6插入单选按钮 158
10.2.7插入列表和选单 159
10.2.8插入表单按钮 159
10.3上机指导:製作网上报名页面 160
10.4习题 164
第11章使用行为 166
11.1行为概述 166
11.1.1行为面板 166
11.1.2动作 167
11.1.3事件 168
11.2使用Dreamweaver自带的行为 168
11.2.1弹出信息 169
11.2.2显示弹出式选单 170
11.2.3打开浏览器视窗 171
11.2.4检查浏览器 173
11.2.5设定状态栏文本 173
11.2.6检查表单 174
11.2.7控制Shockwave或Flash 175
11.2.8转到URL 176
11.3获得更多行为 177
11.4习题 177
第12章创建动态网页 179
12.1搭建伺服器平台 179
12.1.1安装IIS 179
12.1.2配置IIS 181
12.2创建资料库 182
12.3连线资料库 183
12.3.1创建ODBC连线 183
12.3.2创建DSN连线 184
12.4操作记录集 185
12.4.1插入记录 185
12.4.2更新记录 185
12.4.3删除记录 186
12.5上机指导:增加伺服器行为 187
12.5.1重複区域 187
12.5.2记录集分页 188
12.5.3显示区域 188
12.5.4转到详细页面 189
12.5.5转到相关页面 190
12.5.6用户身份验证 190
12.6习题 192
第13章快速掌握PhotoshopCS2 194
13.1PhotoshopCS2工作界面 194
13.1.1友好的界面 194
13.1.2选单栏 195
13.1.3工具箱与选项栏 196
13.1.4调板 196
13.1.5文档视窗 196
13.2档案的基本操作 197
13.2.1调整画布大小 197
13.2.2调整图像大小 197
13.3上机指导:处理网页产品图像 198
13.4习题 200
第14章选取与处理图像 201
14.1选取区域 201
14.1.1选取规则区域 201
14.1.2选取不规则区域 202
14.1.3选取颜色相近的区域 202
14.1.4利用【抽出】命令製作透明
图像 202
14.2对选区图像进行色彩处理 204
14.2.1色调调整 204
14.2.2色彩调整 205
14.3上机指导:羽化网页图像 207
14.4习题 208
第15章图层的使用 209
15.1图层概述 209
15.2图层调板的使用 209
15.3图层的基本操作 210
15.4图层样式 211
15.5上机指导:使用图层样式 214
15.6习题 216
第16章套用PhotoshopCS2设计
网页素材 217
16.1创建网页图像文字 217
16.1.1创建文字 217
16.1.2设定文本属性 218
16.2文字变形 219
16.3使用切片工具切割图像 220
16.4设计网页按钮 222
16.5设计网页Banner 223
16.6上机指导:设计网页Logo 231
16.7习题 233
第17章Flash8入门 235
17.1Flash8的工作界面 235
17.1.1Flash8界面 235
17.1.2Flash8的选单 236
17.1.3Flash8的工具箱 236
17.2常用基本概念 237
17.2.1帧 237
17.2.2图层 238
17.2.3元件 238
17.2.4点阵图 239
17.2.5矢量图 239
17.3上机指导:创建简单动画实例 240
17.4习题 243
第18章使用图层和时间轴 244
18.1场景 244
18.1.1编辑场景 244
18.1.2改变场景属性 246
18.2时间轴 246
18.2.1帧和帧频 246
18.2.2编辑帧 246
18.2.3时间轴特效 247
18.3图层操作 251
18.3.1创建新层 251
18.3.2图层属性 252
18.4上机指导:利用时间轴特效
製作动画 252
18.5习题 253
第19章元件和组件 255
19.1元件与实例 255
19.1.1创建图形元件 255
19.1.2创建影片剪辑元件 257
19.1.3创建按钮元件 257
19.1.4创建元件的实例 257
19.1.5编辑元件和实例 258
19.2使用组件 259
19.3上机指导:使用元件创建
百叶窗 260
19.4习题 262
第20章製作Flash动画 264
20.1製作简单动画 264
20.1.1创建逐帧动画 264
20.1.2使用模板创建动画 266
20.2创建补间动画 268
20.2.1製作动画补间动画 268
20.2.2製作形状补间动画 269
20.3创建引导层动画 271
20.3.1创建沿直线运动的动画 271
20.3.2创建沿轨道运动的动画 274
20.3.3创建闭合路径动画 275
20.4上机指导:创建遮罩动画 277
20.4.1创建简单的遮罩动画 277
20.4.2利用遮罩产生运动的效果 279
20.5习题 280
第21章导入声音和视频 282
21.1声音的导入和使用 282
21.1.1导入声音 282
21.1.2使用声音 283
21.2声音的属性设定 284
21.2.1音效的设定 284
21.2.2设定声音重複的次数 285
21.3声音的压缩 285
21.4导入视频 286
21.5上机指导:添加网站背景音乐 288
21.6习题 289
第22章ActionScript的套用 291
22.1ActionScript的编辑环境 291
22.2ActionScript的基础知识 292
22.2.1ActionScript语法 292
22.2.2变数 294
22.2.3数据类型 295
22.3运算符 295
22.4添加ActionScript 298
22.4.1为帧添加动作 298
22.4.2为按钮添加动作 298
22.4.3为影片剪辑添加动作 298
22.5上机指导:互动动画製作 299
22.5.1製作全萤幕展示页面 299
22.5.2製作网站导航 300
22.6习题 303
第23章Fireworks8快速入门 304
23.1Fireworks8概述 304
23.2Fireworks8的工作环境 305
23.3编辑点阵图图像 307
23.3.1使用套索工具编辑点阵图
图像 307
23.3.2使用刷子工具编辑点阵图
图像 308
23.3.3使用红眼消除工具编辑
点阵图图像 308
23.4编辑矢量图形 309
23.5对文本的编辑 310
23.5.1输入文本 310
23.5.2编辑文本 311
23.5.3附加文本到路径 312
23.5.4转换文本为路径 312
23.6上机指导:製作网页特效文字 313
23.7习题 314
第24章综合处理网页图像 316
24.1创建图像切片和热区 316
24.1.1创建切片 316
24.1.2编辑切片 317
24.1.3导出切片 318
24.1.4创建图像热区 318
24.2创建网页图像素材 319
24.2.1创建网页按钮 319
24.2.2创建弹出选单 321
24.3色彩调整与滤镜效果 323
24.3.1调整图像的色阶 323
24.3.2调整图像的亮度
和对比度 324
24.3.3调整色相和饱和度 325
24.3.4模糊图像 325
24.3.5锐化图像 326
24.3.6导入滤镜效果 326
24.4上机指导:切割网页图像和製作
立体按钮 327
24.4.1切割网页图像实例 327
24.4.2製作网页立体按钮 328
24.5习题 330
第25章利用Fireworks製作动画 331
25.1创建逐帧动画 331
25.1.1关于 331
25.1.2编辑帧 331
25.1.3帧延时 332
25.1.4逐帧动画 333
25.2创建元件动画 336
25.2.1元件和实例 336
25.2.2编辑元件 336
25.3创建其他动画 337
25.3.1打开档案生成动画 337
25.3.2导入现有GIF动画 337
25.4上机指导:製作逐字变色动画 338
25.5习题 339
第26章製作个人网站 340
26.1个人网站的前期策划 340
26.1.1确定网站主题 340
26.1.2确定网站栏目 341
26.2利用PhotoshopCS2处理照片 341
26.3製作网站库档案 344
26.3.1製作顶部分库档案 344
26.3.2製作底部库档案 347
26.4製作网站主页 349
26.4.1製作头部档案 349
26.4.2製作网站调查 350
26.4.3製作我的好友和联繫
希儿网站 353
26.4.4製作个人公告 355
26.4.5製作网站正文部分 358
26.4.6製作底部档案 361
26.5上机指导:製作特效主页 361
26.5.1添加弹出视窗特效 361
26.5.2利用外挂程式製作背景音乐 362
26.6习题 364
第27章製作企业网站 365
27.1企业设计指南 365
27.2用Fireworks设计网页Logo 367
27.3创建本地站点 369
27.4创建二级模板 370
27.5利用模板创建其他网页 372
27.6上机指导:创建新闻发布系统 374
27.6.1创建资料库 374
27.6.2创建资料库连线 376
27.6.3创建新闻列表管理页面 378
27.6.4创建后台登录页面 382
27.6.5创建添加新闻页面 386
27.6.6创建删除页面 388
27.6.7创建修改页面 389
27.6.8创建新闻列表页面 391
27.6.9製作新闻详细页面 394
27.7习题 396
附录习题答案 397