Dreamweaver CS6网页设计与网站建设课堂实录PDF电子书下载

第一篇 网站建设与网页设计入门 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