第1章　网页设计与网站建设基础 1

1.1　预备知识 2

1.1.1　什么是网站 2

1.1.2　静态网页和动态网页 2

1.1.3　申请域名 3

1.1.4　申请服务器空间 7

1.2　常用的网页设计软件 9

1.2.1　网页设计软件Dreamweaver 9

1.2.2　图像设计软件Photoshop 10

1.2.3　动画设计软件Flash 10

1.2.4　HTML标记 11

1.2.5　FTP软件 12

1.3　网站建设的一般流程 13

1.3.1　网站的定位 13

1.3.2　规划站点结构 14

1.3.3　网站整体规划 14

1.3.4　收集资料与素材 15

1.3.5　设计网页页面 15

1.3.6　切图并制作成页面 16

1.3.7　开发动态网站模块 16

1.3.8　发布与上传 18

1.3.9　后期更新与维护 18

1.3.10　网站的推广 18

第2章　网页版面设计和布局 19

2.1　网页版面布局设计 20

2.1.1　网页版面布局原则 20

2.1.2　点、线、面的构成 22

2.2　网页布局方法 24

2.2.1　纸上布局法 24

2.2.2　软件布局法 25

2.3　常见的网页结构类型 26

2.3.1　“厂”字型布局 26

2.3.2　“国”字型布局 26

2.3.3　“框架”型布局 27

2.3.4　“封面”型布局 27

2.3.5　Flash型布局 28

2.4　文字与版式设计 28

2.4.1　文字的字体、字号、行距 28

2.4.2　文字的颜色 29

2.4.3　文字的图形化 30

2.5　图像设计排版 30

2.5.1　网页中应用图像的注意要点 30

2.5.2　让图片更合理 31

第3章　网页色彩的选择及搭配 33

3.1　色彩基础知识 34

3.1.1　色彩的基本概念 34

3.1.2　网页安全色 35

3.2　色彩的三要素 36

3.2.1　色相 36

3.2.2　明度 36

3.2.3　纯度 37

3.3　各种颜色的色彩搭配 37

3.3.1　红色 37

3.3.2　黄色 38

3.3.3　蓝色 38

3.3.4　绿色 39

3.3.5　紫色 39

3.3.6　橙色 40

3.3.7　白色 40

3.3.8　黑色 40

3.3.9　灰色 41

3.4　页面色彩搭配 42

3.4.1　网页色彩搭配原理 42

3.4.2　网页设计中色彩搭配的技巧 43

第4章　熟悉Dreamweaver CC 47

4.1　认识Dreamweaver CC界面 48

4.1.1　文档工具栏 48

4.1.2　常用菜单命令 49

4.1.3　插入工具栏 49

4.1.4　属性面板 50

4.1.5　面板组 50

4.2　创建本地站点 51

4.3　管理站点 52

4.3.1　打开站点 52

4.3.2　编辑站点 53

4.3.3　删除站点 53

4.3.4　复制站点 54

4.4　综合实例—创建本地站点 54

第5章　给网页添加文字和图像 56

5.1　文本的输入和编辑 57

5.1.1　输入文本 57

5.1.2　设置文本属性 58

5.1.3　输入特殊字符 60

5.2　在网页中插入图像 61

5.2.1　插入图像 61

5.2.2　设置图像属性 63

5.2.3　插入鼠标经过图像 65

5.3　链接的设置 67

5.3.1　链接的类型 67

5.3.2　设置文本链接和图像链接 67

5.3.3　创建图像热点链接 68

5.3.4　创建电子邮件链接 70

5.3.5　创建下载文件的链接 71

5.4　插入媒体 72

5.4.1　插入Flash动画 72

5.4.2　插入视频 74

5.4.3　插入网页背景音乐网页 76

5.5　综合实例—制作图文混排的多媒体页面 78

第6章　使用行为和JavaScript添加网页特效 81

6.1　特效中的行为和事件 82

6.1.1　动作 82

6.1.2　事件 83

6.2　使用Dreamweaver内置行为 84

6.2.1?交换图像 84

6.2.2　弹出提示信息 86

6.2.3　打开浏览器窗口 87

6.2.4　转到URL 88

6.2.5　预先载入图像 90

6.2.6　检查表单 92

6.2.7?设置状态栏文本 93

6.3　利用脚本制作特效网页 94

6.3.1　制作滚动公告网页 94

6.3.2　制作自动关闭网页 96

第7章　创建表单 98

7.1　表单概述 99

7.2　插入输入类表单对象 99

7.2.1　插入表单域 99

7.2.2　插入文本域 101

7.2.3　插入密码域 103

7.2.4　插入多行文本域 103

7.2.5　插入隐藏域 104

7.2.6　插入复选框 104

7.2.7　插入单选按钮 105

7.2.8　插入列表/菜单 106

7.2.9　插入Tel 108

7.2.10　插入文件域 108

7.2.11　插入图像域 109

7.2.12　插入按钮 110

7.3　综合实例—制作电子邮件表单 110

第8章　用表格排版网页 115

8.1　在网页中插入表格 116

8.1.1　插入表格 116

8.1.2　添加内容到单元格 117

8.2　设置表格属性 118

8.2.1　设置单元格属性 118

8.2.2　设置表格属性 118

8.3　表格的基本操作 119

8.3.1　选定表格 119

8.3.2　添加行或列 120

8.3.3　删除行或列 121

8.3.4　合并单元格 122

8.3.5　拆分单元格 122

8.3.6　调整表格大小 123

8.4　表格的其他功能 124

8.4.1　导入表格式数据 124

8.4.2　排序表格 126

8.5　综合实例 128

实战1—利用表格排版页面 128

实战2—创建网页圆角表格 133

第9章　使用模板和库快速

               创建网页 137

9.1　认识模板 138

9.2　创建模板 138

9.2.1　在空白文档中创建模板 138

9.2.2　从现有文档创建模板 139

9.2.3　创建可编辑区域 140

9.3　创建基于模板的页面 142

9.4　库的创建、管理与应用 144

9.4.1　创建库项目 144

9.4.2　库项目的应用 146

9.4.3　编辑库项目 148

9.5　综合实例—创建完整的企业网站模板 149

实战1—创建模板 150

实战2—利用模板创建网页 154

第10章　使用CSS样式美化网页 158

10.1　初识CSS 159

10.1.1　CSS概述 159

10.1.2　CSS的作用 159

10.1.3　基本CSS语法 160

10.2　添加CSS的方法 161

10.3　定义CSS样式的属性 162

10.3.1　文本样式的定义 162

10.3.2　背景样式的定义 162

10.3.3　区块样式的定义 163

10.3.4　方框样式的定义 164

10.3.5　边框样式的定义 164

10.3.6　列表样式的定义 165

10.3.7　定位样式的定义 165

10.3.8　扩展样式的定义 166

10.3.9　CSS过渡 167

第11章　CSS+DIV布局方法 168

11.1　网站与Web标准 169

11.1.1　什么是Web标准 169

11.1.2　为什么要建立Web标准 170

11.2　CSS布局理念 170

11.2.1　将页面用div分块 170

11.2.2　设计各块的位置 171

11.2.3　用CSS定位 172

11.3　固定宽度布局 173

11.3.1　一列固定宽度 173

11.3.2　两列固定宽度 174

11.3.3　圆角框 175

11.4　可变宽度布局 177

11.4.1　一列自适应 177

11.4.2　两列宽度自适应 178

11.4.3　两列右列宽度自适应 180

11.4.4　三列浮动中间宽度自适应 180

11.4.5　三行二列居中高度自适应布局 182

11.5　CSS布局与传统的表格方式布局分析 183

第12章　快速掌握图像设计软件Photoshop 186

12.1　Photoshop 简介 187

12.1.1　菜单栏 188

12.1.2　工具箱及工具选项栏 188

12.1.3　文档窗口及状态栏 189

12.1.4　面板 189

12.2　绘图工具使用 190

12.2.1　使用矩形工具和圆角矩形工具 190

12.2.2　使用单行选框工具及单列选框工具 191

12.2.3　使用直线工具 192

12.2.4　使用油漆桶工具 192

12.2.5　使用渐变工具 193

12.3　制作文本特效 194

12.3.1　图层的基本操作 194

12.3.2　使用图层样式 195

12.3.3　输入文本 195

12.3.4　设置文本格式 196

12.3.5　设置变形文字 197

12.3.6　使用滤镜 197

12.4　综合实例 198

实例1—绘制爱心图标 198

实例2—立体质感的3D文字 201

第13章　页面图像的切割与优化 204

13.1　优化页面图像 205

13.1.1　图像的优化 205

13.1.2　输出透明GIF图像 205

13.2　网页切片输出 207

13.2.1　创建切片 207

13.2.2　编辑切片 207

13.2.3　优化和输出切片 208

13.3　创建GIF动画 209

13.3.1　GIF动画原理 209

13.3.2　制作GIF动画 209

13.4　综合实例 212

实例1—切割输出网站主页 212

实例2—在Dreamweaver中优化图像 213

第14章　设计网页素材 215

14.1　设计网站Logo 216

14.1.1　网站Logo的重要性 216

14.1.2　网站Logo设计原则 216

14.1.3　实例1—设计网站Logo 217

14.2　设计网站Banner 218

14.2.1　什么是Banner 218

14.2.2　Banner的制作原则 219

14.2.3　实例2—设计Banner 219

14.3　制作网页导航条 221

14.3.1　网页导航条简介 221

14.3.2　实例3—设计横向导航条 222

第15章　动画设计软件Flash CC入门 224

15.1　Flash CC简介 225

15.1.1　Flash应用范围 225

15.1.2　Flash CC工作界面 227

15.2　Flash动画制作基础知识 230

15.2.1　建立与保存Flash动画 231

15.2.2　设置Flash的属性 231

15.2.3　使用Flash时间轴 232

15.2.4　插入关键帧 233

15.2.5　添加图层与图层管理 233

15.2.6　插入元件 234

15.2.7　库的管理与使用 235

15.3　Flash动画的优化与发布 236

15.3.1　优化动画 236

15.3.2　测试动画 237

15.3.3　设置动画发布格式 237

15.4　综合实例—创作简单动画 238

第16章　制作简单的Flash动画 241

16.1　图层基本操作和管理 242

16.1.1　图层的概念 242

16.1.2　创建和编辑图层文件夹 242

16.1.3　引导图层 243

16.1.4　遮罩图层 244

16.2　创建逐帧动画 244

16.3　补间动画的制作 246

实例1—创建改变对象大小的动画 246

实例2—创建形状补间动画 249

16.4　利用图层制作动画 250

实例3—创建沿曲线运动的动画 250

实例4—创建遮罩动画 253

第17章　制作声音和视频动画 255

17.1　导入声音文件 256

17.1.1　Flash中声音的类型 256

17.1.2　导入音频文件 256

17.2　添加声音 257

17.2.1　轻松为按钮添加声音 257

17.2.2　为影片添加声音 259

17.3　声音属性的编辑 260

17.3.1　设置声音的重复播放 260

17.3.2　设置声音的同步方式 260

17.4　导入视频文件 261

17.4.1　Flash支持的视频格式 261

17.4.2　在Flash中嵌入视频 261

17.5　综合实例—给Flash动画片头添加声音 263

第18章　网站的发布与维护 265

18.1　站点的测试 266

18.1.1　检查链接 266

18.1.2　站点报告 267

18.1.3　清理文档 267

18.2　网页的上传 268

18.2.1　使用LeapFtp软件上传文件 268

18.2.2　利用Dreamweaver上传网页 269

18.3　网站的维护 271

18.3.1　网站的软硬件维护 271

18.3.2　网站内容维护 271

18.3.3　网站备份 271

18.4　网站安全维护 272

18.4.1　目录和应用程序访问权限的设置 272

18.4.2　匿名和授权访问控制 273

18.4.3　隐藏IP地址 273

18.4.4　操作系统账号管理 274

18.4.5　安装必要的安全软件 275

第19章　网站的宣传推广 276

19.1　注册到搜索引擎 277

19.1.1　搜索引擎 277

19.1.2　搜索引擎的原理 278

19.1.3　搜索引擎分类 278

19.1.4　搜索引擎注册 279

19.1.5　搜索引擎优化原则 279

19.2　导航网站登录 281

19.3　友情链接 281

19.4　网络广告 282

19.5　发布信息推广 283

19.6　利用群组消息即时推广 283

19.7　电子邮件 284

19.7.1　电子邮件推广 284

19.7.2　电子邮件推广的技巧 285

19.8　问答式免费推广 285

19.9　在博客中推广 286

19.10　传统网下推广 288

第20章　设计制作公司宣传网站 290

20.1　网站前期策划 291

20.1.1　网站总体策划 291

20.1.2　功能规划 292

20.2　利用Photoshop设计网站首页 294

20.3　在Dreamweaver中进行页面排版制作 300

20.3.1　创建本地站点 300

20.3.2　创建网站二级网页 301

20.4　制作弹出窗口页面 305