第一篇 网站建设与网页设计入门 2
第1课 动态网站建设基本流程 2
1.1网站建设概述 2
1.1.1什么是网站 2
1.1.2网站建设的目的 2
1.1.3建设网站学习内容 2
1.2网站的类型 3
1.2.1个人网站 3
1.2.2电子商务类网站 3
1.2.3娱乐游戏类网站 3
1.2.4时尚类网站 4
1.2.5新闻资讯类网站 4
1.2.6门户类网站 4
1.3常用网页制作软件 4
1.3.1图像设计软件Photoshop和Fireworks 5
1.3.2动画设计软件Flash 5
1.3.3网页设计软件Dreamweaver 5
1.3.4HTML标记 6
1.3.5动态网页编程语言ASP 7
1.4网站建设的一般流程 7
1.4.1网站的目标定位 8
1.4.2申请网站域名 8
1.4.3申请服务器空间 9
1.4.4网站整体规划 10
1.4.5确定站点风格 10
1.4.6整理收集素材 11
1.4.7设计网页图像 11
1.4.8切图并制作成页面 11
1.4.9开发动态网站模块 11
1.4.10发布与上传 12
1.4.11网站优化 13
1.4.12网站维护 13
1.4.13网站的推广 14
1.5习题测试 14
1.6本课小结 14
第2课 页面布局与色彩搭配 16
2.1基础知识 16
2.1.1色彩的基本概念 16
2.1.2色彩的三要素 16
2.1.3网页安全色 17
2.1.4网页的色调 18
2.2各种色彩分析 18
2.2.1红色 18
2.2.2黑色 18
2.2.3橙色 19
2.2.4灰色 19
2.2.5黄色 19
2.2.6绿色 20
2.2.7蓝色 20
2.2.8紫色 20
2.2.9白色 20
2.3页面色彩搭配 21
2.3.1网页色彩搭配原理 21
2.3.2网页设计中色彩搭配的技巧 21
2.4习题测试 23
2.5本课小结 24
第二篇网页设计及网站动画制作 26
第3课 设计网站的图片元素 26
3.1 Photoshop CS6介绍 26
3.1.1菜单栏 26
3.1.2工具箱及工具选项栏 26
3.1.3文档窗口及状态栏 26
3.1.4面板 27
3.2网页中的设计元素 27
3.2.1 Logo 27
3.2.2导航栏 27
3.2.3网站Banner 28
3.2.4网页图像 28
3.2.5 Flash动画 28
3.3设计网站Logo 29
3.3.1网站Logo的重要性 29
3.3.2 Logo的设计原则 29
3.3.3课堂练一练：设计网站Logo 29
3.4设计网站Banner 31
3.4.1网站Banner的设计原则 31
3.4.2课堂练一练：设计有动画效果的Banner 32
3.5制作网页导航条 33
3.5.1导航设计的基本要求 33
3.5.2课堂练一练：设计横向导航条 33
3.6习题测试 35
3.7本课小结 36
第4课 快速掌握动画设计软件Flash CS6 38
4.1 Flash CS6简介 38
4.1.1 Flash应用范围 38
4.1.2 Flash CS6工作界面 39
4.2文本操作基础 41
4.2.1课堂练一练：静态文本 42
4.2.2课堂练一练：输入文本 42
4.2.3设置文本的基本属性 43
4.3对文本使用滤镜效果 44
4.3.1课堂练一练：给文本添加滤镜 44
4.3.2设置滤镜效果 45
4.4时间轴 47
4.4.1“时间轴”面板 47
4.4.2帧、关键帧和空白关键帧 47
4.5图层的基本操作 48
4.5.1插入和重命名图层 48
4.5.2调整图层顺序 49
4.5.3设置图层属性 49
4.5.4插入和编辑图层文件夹 49
4.5.5删除图层 50
4.6元件 50
4.6.1元件的概念 50
4.6.2创建图形元件 50
4.6.3创建影片剪辑 51
4.6.4创建按钮 52
4.7动作面板 53
4.7.1“动作”面板的组成 53
4.7.2动作面板的工具 53
4.7.3工作中脚本的添加方法 54
4.8 Flash动画的优化与发布 56
4.8.1课堂练一练：优化动画 56
4.8.2课堂练一练：测试动画 57
4.9实战：文字旋转 57
4.10实战：利用元件创建按钮 60
4.11习题测试 64
4.12本课小结 64
第5课 制作各种类型的网页F lash动画 66
5.1实战应用：创建逐帧动画 66
5.2补间动画的制作 67
5.2.1课堂练一练：创建改变对象大小的动画 67
5.2.2课堂练一练：创建形状补间动画 68
5.3利用图层制作动画 70
5.3.1课堂练一练：创建引导动画 70
5.3.2课堂练一练：创建遮罩动画 72
5.4制作多媒体动画 73
5.4.1课堂练一练：给Flash动画片头添加声音 73
5.4.2课堂练一练：制作Flash视频动画 74
5.5制作脚本动画 75
5.5.1课堂练一练：制作发送电子邮件动画 76
5.5.2课堂练一练：停止和播放按钮 77
5.6习题测试 79
5.7本课小结 80
第三篇站点的搭建与网页内容的添加 82
第6课 开始建站之旅——熟悉Dreamweaver CS6的工作环境 82
6.1认识Dreamweaver CS6界面 82
6.1.1菜单栏 82
6.1.2“插入”工具栏 82
6.1.3面板组 83
6.1.4“属性”面板 83
6.2体验Dreamweaver CS6的新功能 83
6.2.1可响应的自适应网格版面 84
6.2.2 FTP快速上传 84
6.2.3 Adobe Business Catalyst集成 84
6.2.4增强型jQuery移动支持 84
6.2.5更新的PhoneGap 84
6.2.6 CSS3过渡 85
6.2.7更新的实时视图 85
6.2.8更新的多屏幕预览面板 85
6.3实战：创建本地站点 85
6.4管理站点 87
6.4.1打开站点 87
6.4.2编辑站点 87
6.4.3删除站点 87
6.4.4复制站点 88
6.5习题测试 88
6.6本课小结 88
7.1文本的输入和编辑 90
7.1.1课堂练一练：输入文本 90
7.1.2课堂练一练：设置文本属性 90
7.1.3课堂练一练：输入特殊字符 92
7.2在网页中插入图像 93
7.2.1课堂练一练：插入图像 93
7.2.2设置图像属性 94
7.2.3课堂练一练：插入鼠标经过图像 95
7.3链接的设置 97
7.3.1链接的类型 97
7.3.2课堂练一练：设置文本链接 97
7.3.3课堂练一练：创建锚记链接 98
7.3.4课堂练一练：创建图像热点链接 100
7.3.5课堂练一练：创建电子邮件链接 102
7.3.6 课堂练一练：创建下载文件的链接 103
7.4插入媒体 104
7.4.1课堂练一练：插入Flash动画 104
7.4.2课堂练一练：插入视频 105
7.4.3课堂练一练：在网页中插入背景音乐 106
7.5实战：制作图文混排的多媒体页面 107
7.6习题测试 108
7.7本课小结 110
第8课 使用行为和JavaScript点缀网页特效 112
8.1特效中的行为和事件 112
8.1.1事件 112
8.1.2动作 113
8.2使用Dreamweaver内置行为 113
8.2.1课堂练一练：交换图像 113
8.2.2课堂练一练：弹出提示信息 115
8.2.3课堂练一练：打开浏览器窗口 116
8.2.4课堂练一练：转到URL 117
8.2.5 课堂练一练：预先载入图像 119
8.2.6课堂练一练：设置容器中的文本 120
8.2.7 课堂练一练：显示-隐藏元素 121
8.2.8课堂练一练：检查表单 122
8.2.9 课堂练一练：设置状态栏文本 123
8.3利用脚本制作特效网页 124
8.3.1 JavaScript简介 125
8.3.2 JavaScript的放置位置 125
8.3.3 JavaScript函数 126
8.3.4课堂练一练：制作滚动公告网页 127
8.3.5课堂练一练：制作自动关闭网页 128
8.4习题测试 128
8.5本课小结 130
第四篇网页排版与布局 132
第9课 网页的排版布局 132
9.1网页版面布局设计 132
9.1.1网页版面布局原则 132
9.1.2点、线、面的构成 132
9.2网页排版布局方法 133
9.2.1纸上布局草图法 134
9.2.2软件布局法 134
9.3常见的网页结构类型 134
9.3.1“国”字型布局 134
9.4.2“厂”字型布局 135
9.4.3“框架”型布局 135
9.4.4“封面”型布局 135
9.4.5 Flash型布局 135
9.5页面排版布局趋势 136
9.6习题测试 137
9.7本课小结 138
第10课 用表格排版网页 140
10.1在网页中插入表格 140
10.1.1课堂练一练：插入表格 140
10.1.2课堂练一练：添加内容到单元格 141
10.2设置表格属性 141
10.2.1设置单元格属性 141
10.2.2设置表格属性 141
10.3表格的基本操作 142
10.3.1选定表格 142
10.3.2选取行或列 143
10.3.3选取单元格 143
10.3.4添加行或列 144
10.3.5合并单元格 144
10.3.6拆分单元格 145
10.3.7调整表格大小 145
10.4表格其他功能 146
10.4.1课堂练一练：导入表格式数据 146
10.4.2课堂练一练：排序表格 148
10.5实战应用 149
10.5.1课堂练一练：利用表格排版页面 149
10.5.2课堂练一练：创建圆角表格 152
10.6习题测试 154
10.7本课小结 156
第11课 快速创建网页——使用模板和库 158
11.1认识模板 158
11.2创建模板 158
11.2.1在空白文档中创建模板 158
11.2.2从现有文档创建模板 159
11.2.3课堂练一练：创建可编辑区域 159
11.3实战：创建基于模板的页面 160
11.4库的创建、管理与应用 163
11.4.1课堂练一练：创建库项目 163
11.4.2课堂练一练：库项目的应用 165
11.4.3编辑库项目 165
11.5实战：创建完整的企业网站模板 166
11.5.1创建企业网站模板 167
11.5.2利用模板创建网页 170
11.6习题测试 173
11.7本课小结 174
第12课 美化网页——使用CSS样式 176
12.1初识CSS 176
12.1.1 CSS概述 176
12.1.2 CSS的作用 176
12.1.3基本CSS语法 177
12.2定义CSS样式的属性 177
12.2.1文本样式的定义 178
12.2.2背景样式的定义 178
12.2.3区块样式的定义 178
12.2.4方框样式的定义 179
12.2.5边框样式的定义 179
12.2.6列表样式的定义 180
12.2.7定位样式的定义 180
12.2.8扩展样式的定义 180
12.2.9过渡样式的定义 181
12.3 CSS滤镜设计特效文字 181
12.3.1滤镜概述 181
12.3.2光晕（Glow） 182
12.3.3模糊（Blur） 182
12.3.4遮罩（Mask） 183
12.3.5透明色（Chroma） 183
12.3.6阴影（Dropshadow） 183
12.3.7波浪（Wave） 184
12.3.8 X射线（Xray） 185
12.4编辑CSS样式 185
12.4.1修改CSS样式 185
12.4.2删除CSS样式 186
12.4.3复制CSS样式 186
12.5实战：用CSS制作文字效果 187
12.5.1 CSS样式美化文字 187
12.5.2应用CSS样式制作阴影文字 188
12.6习题测试 189
12.7本课小结 192
第13课 灵活布局页面——使用CSS+DIV 194
13.1网站与Web标准 194
13.1.1什么是Web标准 194
13.1.2为什么要建立Web标准 194
13.2初识DIV 195
13.2.1 Div概述 195
13.2.2创建 Div 195
13.3 CSS定位与DIV布局 195
13.3.1盒子模型 196
13.3.2元素的定位 196
13.4 CSS+DIV布局的常用方法 200
13.4.1使用Div对页面整体规划 200
13.4.2设计各块的位置 200
13.4.3使用CSS定位 201
13.5常见的布局类型 202
13.5.1使用CSS定位单行单列固定宽度 202
13.5.2一列自适应 202
13.5.3两列固定宽度 203
13.5.4两列宽度自适应 204
13.5.5三列浮动中间宽度自适应 205
13.6 CSS布局与传统的表格方式布局分析 206
13.7习题测试 209
13.8本课小结 209
第五篇动态网站开发 212
第14课 用表单创建交互式网页 212
14.1表单概述 212
14.2实战：创建表单域 212
14.3插入文本域 213
14.3.1单行文本域 213
14.3.2多行文本域 214
14.3.3密码域 215
14.4复选框和单选按钮 215
14.4.1复选框 215
14.4.2单选按钮 216
14.4.3单选按钮组 217
14.5列表和菜单 218
14.51下拉菜单 218
14.5.2滚动列表 219
14.6跳转菜单的使用 220
14.7使用按钮激活表单 221
14.7.1插入按钮 221
14.7.2图像按钮 222
14.8使用隐藏域和文件域 222
14.8.1隐藏域 222
14.8.2文件域 223
14.9实战：创建电子邮件表单 223
14.10习题测试 228
14.11本课小结 228
第15课 动态网站基础 230
15.1动态网站原理 230
15.1.1什么是动态网站 230
15.1.2动态网站的主要技术 230
15.2搭建服务器平台 231
15.2.1 IIS的安装 231
15.2.2设置IIS服务器 232
15.3数据库基础 234
15.3.1数据库的基本概念 234
15.3.2认识Access数据库 234
15.3.3建立Access数据库 234
15.3.4创建表 236
15.3.5添加数据源 236
15.4 SQL语言简介 237
15.4.1 SQL语言概述 237
15.4.2 SQL的优点 237
15.5常用的SQL语句 238
15.5.1表的建立：CREATE TABLE 238
15.5.2插入数据：INSERTINTO 239
15.5.3修改数据：UPDATE 240
15.5.4删除数据：DELETE 240
15.5.5 SQL查询语句：SELECT 240
15.6本课小结 242
第16课 使用Dreamweaver CS6创建动态网站 244
16.1留言系统分析 244
16.1.1留言系统概述 244
16.1.2建立Access数据库 245
16.2创建站点 245
16.3创建数据库连接 246
16.3.1创建数据库连接 246
16.3.2数据连接文件 247
16.4 Dreamweaver CS6中记录集的使用 248
16.4.1创建记录集 248
16.4.2插入记录 249
16.4.3更新记录 249
16.4.4删除记录 250
16.5实战：制作留言列表页面 251
16.5.1基本页面设计 251
16.5.2创建记录集 252
16.5.3添加重复区域 254
16.5.4转到详细页面 255
16.6实战：留言详细信息页面 255
16.6.1设计页面静态部分 256
16.6.2创建记录集 256
16.7实战：发表留言页面 258
16.7.1插入表单对象 258
16.7.2插入记录 260
16.8习题测试 262
16.9本课小结 262
第六篇网站发布与推广 264
第17课 网站的测试、发布与维护 264
17.1站点的测试 264
17.1.1检查链接 264
17.1.2站点报告 264
17.1.3清理文档 265
17.2网页的上传 265
17.2.1课堂练一练：利用Dreamweaver上传网页 265
17.2.2课堂练一练：使用LeapFtp软件上传文件 266
17.3网站的维护 268
17.3.1网站的软硬件维护 268
17.3.2网站内容维护 268
17.3.3网站备份 268
17.4网站安全维护 269
17.4.1目录和应用程序访问权限的设置 269
17.4.2匿名和授权访问控制 270
17.4.3隐藏IP地址 270
17.4.4操作系统账号管理 271
17.4.5安装必要的安全软件 272
17.5习题测试 272
17.6本课小结 272
第18课 网站的宣传推广 274
18.1注册到搜索引擎 274
18.1.1搜索引擎 274
18.1.2搜索引擎的原理 274
18.1.3搜索引擎分类 274
18.1.4搜索引擎注册 275
18.1.5搜索引擎优化原则 275
18.2导航网站登录 277
18.3友情链接 277
18.4网络广告 277
18.5发布信息推广 278
18.6利用群组消息即时推广 279
18.7电子邮件 279
18.7.1电子邮件推广 279
18.7.2电子邮件推广的技巧 280
18.8问答式免费推广 280
18.9在博客中推广 281
18.10传统网下推广 282
18.11习题测试 284
18.12本课小结 284
第七篇网站建设实战 286
第19课 设计制作企业宣传网站 286
19.1网站前期策划 286
19.1.1明确企业网站建站目的 286
19.1.2网站总体策划 286
19.1.3网站的版面布局及色彩 286
19.1.4本课网站页面 287
19.2在Dreamweaver中进行页面排版制作 288
19.2.1课堂练一练：创建二级模板页面 288
19.2.2课堂练一练：利用模板制作网站主页 296
19.3给网页添加特效 302
19.3.1课堂练一练：“调用JavaScript”行为 302
19.3.2课堂练一练：制作弹出窗口页面 303
19.4习题测试 303
19.5本课小结 304