第1章 网页设计基础知识 1
1.1网页基础知识入门 1
1.1.1认识互联网 1
1.1.2域名与空间 2
1.1.3网页与网站 2
1.1.4静态网页与动态网页 3
1.1.5网站的类型 3
1.2网页的基本构成 7
1.2.1网站Logo 7
1.2.2网站Banner 8
1.2.3导航栏 8
1.2.4文本 9
1.2.5图像 10
1.2.6 Flash动画 10
1.3网页设计的原则 11
1.4常用网页设计软件 12
1.4.1 Dreamweaver CS6概述 12
1.4.2 Photoshop CS6概述 12
1.4.3 Flash CS6概述 13
第2章 HTML基础 14
2.1 HTML的基本概念 14
2.1.1 HTML简介 14
2.1.2 HTML文件的基本结构 15
2.1.3认识HTML标记 15
2.2 HTML文件的编写方法 15
2.2.1使用记事本手工编写HTML 15
2.2.2使用Dreamweaver编写HTML文件 16
2.3 HTML头部标记head 17
2.4网页的主体标记body 18
2.4.1网页背景色bgcolor 18
2.4.2网页背景图片 background 19
2.4.3文字颜色text 20
2.4.4链接文字属性link 21
第3章 Dreamweaver CS6创建基本文本网页 24
3.1 Dreamweaver CS6工作环境 24
3.1.1菜单栏 25
3.1.2文档窗口 26
3.1.3属性面板 26
3.1.4面板组 26
3.1.5插入栏 27
3.2创建站点 27
3.2.1使用向导建立站点 28
3.2.2使用高级设置建立站点 29
3.3添加文本元素 33
3.3.1在网页中添加文本 33
3.3.2插入日期 34
3.3.3插入特殊字符 36
3.3.4插入水平线 37
3.4编辑文本格式 41
3.4.1设置文本字体 41
3.4.2设置文本大小 42
3.4.3设置文本颜色 42
3.5设置头信息 44
3.5.1设置META 44
3.5.2插入关键字 45
3.5.3插入说明 45
3.5.4插入刷新 46
3.6实战演练——创建基本文本网页 46
第4章 创建超级链接 49
4.1超级链接的基本概念 49
4.2创建链接的方法 49
4.2.1使用属性面板创建链接 49
4.2.2使用指向文件图标创建链接 50
4.2.3使用菜单命令创建链接 50
4.3实战演练 51
4.3.1实例1——创建外部链接 51
4.3.2实例2——创建E-mail链接 53
4.3.3实例3——创建下载文件的链接 54
4.3.4实例4——创建图像热点链接 55
4.3.5实例5——创建锚点链接 57
4.3.6实例6——创建空链接 62
4.3.7实例7——创建脚本链接 62
第5章 使用图像和多媒体创建丰富多彩的网页 65
5.1网页中图像的使用常识 65
5.2在网页中使用图像 66
5.2.1插入图像 66
5.2.2设置图像属性 67
5.2.3裁剪图像 71
5.2.4调整图像的亮度和对比度 72
5.2.5锐化图像 73
5.3插入其他网页图像 74
5.3.1背景图像 74
5.3.2创建鼠标经过图像 76
5.4添加Flash动画 78
5.5使用代码提示添加背景音乐 80
5.6实战演练 82
5.6.1实例1——创建鼠标经过图像导航栏 82
5.6.2实例2——创建图文混和网页 84
第6章 使用表格布局排版网页 86
6.1插入表格 86
6.1.1表格的基本概念 86
6.1.2插入表格 87
6.2设置表格的各项属性 89
6.2.1设置表格的属性 89
6.2.2设置单元格属性 91
6.3选择表格 93
6.3.1选择整个表格 93
6.3.2选取行或列 94
6.3.3选取单元格 95
6.4表格的基本操作 95
6.4.1调整表格高度和宽度 96
6.4.2添加或删除行或列 96
6.4.3拆分单元格 97
6.4.4合并单元格 98
6.4.5剪切、复制、粘贴单元格 98
6.5排序及整理表格内容 99
6.5.1导入表格式数据 99
6.5.2排序表格 101
6.6实战演练 102
6.6.1实例1——创建细线表格 102
6.6.2实例2——创建圆角表格 104
第7章 使用模板和库批量制作风格统一的网页 108
7.1创建模板 108
7.1.1新建模板 108
7.1.2从现有文档创建模板 109
7.2创建可编辑区域 110
7.2.1插入可编辑区域 110
7.2.2删除可编辑区域 111
7.2.3更改可编辑区域 111
7.3使用模板创建新网页 112
7.4管理站点中的模板 114
7.4.1从模板中分离 114
7.4.2修改模板 115
7.5创建与应用库项目 116
7.5.1创建库项目 116
7.5.2应用库项目 118
7.5.3修改库项目 119
7.6实战演练 120
7.6.1实例1——创建模板 120
7.6.2实例2——利用模板创建网页 124
第8章 使用行为创建特效网页 127
8.1行为的概述 127
8.1.1认识事件 128
8.1.2动作类型 129
8.2制作指定大小的弹出窗口 129
8.3调用JavaScript 131
8.3.1利用JavaScript实现打印功能 131
8.3.2利用JavaScript实现关闭网页 133
8.4设置浏览器环境 134
8.4.1检查表单 134
8.4.2检查插件 136
8.5显示/隐藏元素 136
8.6对图像设置动作 139
8.6.1预先载入图像 139
8.6.2交换图像 140
8.7设置文本 142
8.7.1设置状态栏文本 142
8.7.2设置容器中的文本 143
8.7.3设置框架文本 145
8.8设置效果 145
8.8.1增大/收缩效果 146
8.8.2挤压效果 147
8.9转到UR 148
第9章 创建动态数据库网页 151
9.1搭建动态应用程序开发环境 151
9.1.1安装因特网信息服务器(HS) 151
9.1.2设置因特网信息服务器(IIS) 152
9.2设计数据库 153
9.3建立数据库连接 154
9.3.1定义系统DSN 155
9.3.2建立系统DSN连接 156
9.4编辑数据表记录 157
9.4.1创建记录集 157
9.4.2插入记录 158
9.4.3更新记录 159
9.4.4删除记录 159
9.5增加服务器行为 160
9.5.1插入重复区域 160
9.5.2插入显示区域 161
9.5.3记录集分页 161
9.5.4转到详细页面 162
9.5.5转到相关页面 162
9.5.6用户身份验证 163
9.6实战演练——创建留言系统 165
9.6.1创建数据库 165
9.6.2创建数据库连接 166
9.6.3制作留言发表页面 168
9.6.4制作留言列表页面 171
9.6.5制作留言显示页面 174
第10章 使用CSS样式表美化网页 176
10.1了解CSS样式表 176
10.2 CSS的使用 177
10.2.1 CSS基本语法 177
10.2.2添加CSS的方法 177
10.3设置CSS属性 179
10.3.1设置CSS类型属性 179
10.3.2设置CSS背景属性 180
10.3.3设置CSS区块属性 181
10.3.4设置CSS方框属性 181
10.3.5设置CSS边框属性 182
10.3.6设置CSS列表属性 183
10.3.7设置CSS定位属性 183
10.3.8设置CSS扩展属性 184
10.3.9设置过渡样式 184
10.4实战演练 185
10.4.1实例1——应用CSS样式定义字体大小 185
10.4.2实例2——应用CSS样式制作阴影文字 187
第11章 使用CSS属性网页美化布局的基础 190
11.1字体属性 190
11.1.1字体font-family 190
11.1.2字号font-size 191
11.1.3字体风格font-style 192
11.1.4加粗字体font-weight 193
11.2列表属性 194
11.2.1列表符号 list-style-type 194
11.2.2图像符号 list-style-image 195
11.2.3列表缩进 list-style-position 196
11.3颜色和背景属性 197
11.3.1颜色属性color 197
11.3.2背景颜色 background-color 198
11.3.3背景图像 background-image 199
11.4段落属性 200
11.4.1单词间隔 word-spacing 200
11.4.2字符间隔 letter-spacing 201
11.5边距与填充属性 202
11.5.1上边距margin-top 202
11.5.2其他边距margin-bottom、 margin-left、 margin-right 203
11.6边框属性 204
11.6.1边框样式border-style 204
11.6.2边框宽度border-width 205
11.6.3边框颜色border-color 206
11.7滤镜属性 207
11.7.1不透明度alpha 207
11.7.2阴影效果dropShadow 208
第12章 CSS+Div布局方法 210
12.1初识Div 210
12.1.1 Div概述 210
12.1.2 Div与Span的区别 210
12.1.3 Div与CSS布局优势 212
12.2 CSS定位 212
12.2.1盒子模型的概念 212
12.2.2 float定位 213
12.2.3 position定位 214
12.3 CSS布局理念 214
12.3.1将页面用Div分块 215
12.3.2设计各块的位置 215
12.3.3用CSS定位 216
12.4常见的布局类型 216
12.4.1列固定宽度 217
12.4.2列自适应 217
12.4.3两列固定宽度 219
12.4.4两列宽度自适应 220
12.4.5两列右列宽度自适应 221
12.4.6三列浮动中间宽度自适应 222
第13章JavaScript脚本基础 224
13.1 JavaScript简介 224
13.1.1 JavaScript的历史 224
13.1.2 JavaScript特点 224
13.2 JavaScript的放置位置 225
13.2.1 <script/>使用方法 225
13.2.2位于网页之外的单独脚本文件 226
13.2.3直接位于事件处理部分的代码中 226
13.3 JavaScript基本语法 226
13.3.1常量和变量 226
13.3.2表达式和运算符 227
13.3.3基本语句 229
13.3.4函数 232
第14章 JavaScript中的事件 233
14.1 onClick事件 233
14.2 onChange事件 234
14.3 onSelect事件 235
14.4 onFocus事件 236
14.5 onLoad事件 237
14.6 onBlur事件 238
14.7 onMouseOver事件 239
14.8 onMouseOut事件 241
14.9 onDblClick事件 242
14.10其他常用事件 243
第15章 JavaScript函数和对象 245
15.1什么是函数 245
15.2函数的定义 246
15.2.1函数的普通定义方式 246
15.2.2函数的变量定义方式 247
15.2.3函数的指针调用方式 247
15.3 JavaScript对象的声明和引用 249
15.3.1声明和实例化 249
15.3.2对象的引用 250
15.4浏览器对象 251
15.4.1 navigator对象 251
15.4.2表达式和运算符 252
15.4.3 location对象 253
15.4.4 history对象 254
15.4.5 document对象 255
15.5内置对象 256
15.5.1 date对象 256
15.5.2数学对象math 259
15.5.3字符串对象string 259
15.5.4数组对象array 260
第16章 Flash绘制图形和编辑对象 262
16.1 Flash概述 262
16.2 Flash CS6的工作界面 262
16.2.1菜单栏 263
16.2.2工具箱 263
16.2.3时间轴面板 264
16.2.4舞台 265
16.2.5属性面板 265
16.2.6面板组 265
16.3绘制图形对象 266
16.3.1线条工具 266
16.3.2铅笔工具 267
16.3.3钢笔工具 268
16.3.4椭圆工具 268
16.3.5矩形工具 270
16.3.6多角星形工具 270
16.4填充图形对象 271
16.4.1墨水瓶工具 272
16.4.2颜料桶工具 272
16.4.3滴管工具 273
16.4.4刷子工具 274
16.4.5填充变形工具 275
16.5对象的基本操作 276
16.5.1使用选择工具选择对象 276
16.5.2使用套索工具选择对象 277
16.5.3移动、复制和删除对象 278
16.6实战演练——绘制网页标志 279
第17章 使用文本工具创建炫目的网页特效文字 283
17.1使用文本工具 283
17.1.1静态文本 283
17.1.2动态文本 284
17.1.3输入文本 285
17.2设置文本样式 286
17.2.1消除文本锯齿 286
17.2.2设置文字属性 287
17.2.3创建文字链接 288
17.2.4分离与打散文字 290
17.3对文本使用滤镜效果 291
17.3.1给文本添加滤镜 291
17.3.2设置滤镜效果 292
17.4实战演练 296
实例1——制作空心文字 296
实例2——制作立体文字 298
第18章 使用时间轴与图层 300
18.1时间轴与帧 300
18.1.1时间轴 300
18.1.2帧 300
18.2图层概述 301
18.2.1图层的类型 302
18.2.2创建图层和图层文件夹 302
18.2.3修改图层属性 303
18.2.4编辑图层 303
18.3使用引导层 304
18.3.1引导层动画创建方法和技巧 304
18.3.2创建引导层动画实例 305
18.4使用遮罩层 308
18.4.1遮罩层动画创建方法和技巧 308
18.4.2利用遮罩层创建滚动图片效果 308
18.5实战演练——利用遮罩层制作动画 312
第19章 创建基本Flash动画 315
19.1动画的基本类型 315
19.2创建逐帧动画 315
19.3创建动画补间动画 318
19.3.1动画补间动画的创建方法和技巧 318
19.3.2利用动画补间创建对象的缩放与淡出效果 318
19.3.3利用动画补间创建对象的旋转与颜色变化效果 320
19.4创建形状补间动画 322
19.5制作带音效的按钮 324
第20章 使用ActionScript制作交互动画 327
20.1 ActionScript简介 327
20.2插入ActionScript代码 328
20.2.1为帧添加 ActionScript 328
20.2.2为按钮添加 ActionScript 328
20.2.3为影片剪辑添加 ActionScript 329
20.3 ActionScript编程基础 330
20.3.1变量 330
20.3.2常量 331
20.3.3关键字 331
20.3.4函数 332
20.4 ActionScript中的运算符 332
20.4.1数值运算符 332
20.4.2赋值运算符 333
20.4.3逻辑运算符 333
20.4.4等于运算符 333
20.4.5位运算符 334
20.5 ActionScript中的基本语句 334
20.5.1 if语句 334
20.5.2特殊条件语句 335
20.5.3 for循环 335
20.5.4 while和do while循环 335
20.6实战演练 336
实例1—— stop和play语句 336
实例2——使用getURL跳转到网页 338
实例3——使用按钮拖动影片剪辑 340
实例4——制作全屏播放动画 342
实例5——使用quit退出影片 342
第21章 Photoshop的基础操作 345
21.1 Photoshop CS6工作界面 345
21.1.1菜单栏 346
21.1.2工具箱及工具选项栏 346
21.1.3文档窗口及状态栏 347
21.1.4面板 347
21.2快速调整图像 347
21.2.1调整图像大小 347
21.2.2使用色阶命令美化图像 349
21.2.3使用曲线命令美化图像 349
21.2.4调整图像亮度与对比度 350
21.2.5使用色彩平衡 351
21.2.6调整图像色相与饱和度 352
21.3实战演练 353
实例1——制作电影图片效果 353
实例2——调整曝光不足的照片 355
第22章 使用绘图工具绘制图像 357
22.1创建选择区域 357
22.1.1选框工具 357
22.1.2套索工具 358
22.1.3魔棒工具 359
22.2基本绘图工具 360
22.2.1画笔工具 360
22.2.2铅笔工具 361
22.2.3仿制图章工具 362
22.2.4图案图章工具 362
22.2.5橡皮工具 363
22.2.6油漆桶工具和渐变工具 364
22.3形状工具 365
22.3.1矩形工具 365
22.3.2圆角矩形工具 366
22.3.3椭圆工具 366
22.3.4多边形工具 367
22.4实战演练——绘制网页标志 367
第23章 图层与文本的使用 370
23.1新建和删除图层 370
23.1.1新建图层 370
23.1.2删除图层 370
23.1.3新建图层组 371
23.2图层的特殊混合 372
23.3应用图层样式 374
23.4使用文本工具 374
23.4.1输入文字 375
23.4.2设置文字属性 375
23.4.3创建路径文字 378
23.5实战演练 379
实例1——制作立体广告文字效果 379
实例2——制作图案文字效果 382
第24章 设计制作网页中的图像 385
24.1网站Logo的制作 385
24.1.1 Logo设计的标准 385
24.1.2网站Logo的规格 385
24.1.3实战演练1——设计网站Logo 386
24.2网络广告的制作 388
24.2.1网页广告设计要素 388
24.2.2网络广告设计技巧 388
24.2.3实战演练2——制作宣传广告 389
24.3网页切片输出 392
24.3.1创建切片 392
24.3.2编辑切片 393
24.3.3优化和输出切片 394
24.3.4实战演练3——设计网站主页 395
第25章 企业网站制作综合实例 400
25.1网站规划 400
25.1.1网站需求分析 400
25.1.2确定网站主题 401
25.1.3确定网站的版式设计 401
25.1.4确定网站主要色彩搭配 402
25.2设计网站封面型首页 402
25.2.1设计网站首页 402
25.2.2切割网站首页 406
25.3使用CSS+Div布局网站主页 408
25.3.1分析架构 408
25.3.2页面通用规则 409
25.3.3制作网站header 导航部分 409
25.3.4制作网站 special部分 413
25.3.5制作会员登录部分 415
25.3.6制作装修案例部分 418