第1章  网站开发基础 1

1.1  网站开发概述 1

 1.1.1  什么是网站 1

 1.1.2  网站的类型及定位 1

 1.1.3  认识网页 4

1.2  网站开发流程 7

 1.2.1  网站总体策划 7

 1.2.2  设计和制作素材 8

 1.2.3  建立站点 9

 1.2.4  制作网页 9

 1.2.5  测试和发布网站 10

1.3  常用网页设计软件 10

1.4  HTML入门 13

 1.4.1  HTML的概念 13

 1.4.2  编写HTML网页 14

 1.4.3  HTML标签 15

 1.4.4  HTML文档的基本结构 16

 1.4.5  了解XHTML 17

1.5  本章习题 19

1.6  上机练习 19

 练习1  网站的规划 19

 练习2  用HTML编写网页文档 19

第2章  Dreamweaver网页制作基础 20

2.1  Dreamweaver CS6的工作环境 20

 2.1.1  开始页 20

 2.1.2  Dreamweaver软件界面 21

 2.1.3  自定义界面 23

 2.1.4  Dreamweaver的视图模式 24

2.2  建立本地站点 27

 2.2.1  创建站点目录 27

 2.2.2  在Dreamweaver中定义站点 27

2.3  在Dreamweaver中制作第一个网页 30

 2.3.1  新建HTML网页文档 30

 2.3.2  编辑和保存网页 30

 2.3.3  预览网页 30

 2.3.4  继续编辑网页 32

2.4  本章习题 33

2.5  上机练习 33

 练习1  定义本地站点 33

 练习2  制作一个简单网页 33

第3章  制作网页内容 34

3.1  文字和段落在网页中的应用 34

 3.1.1  插入文字 34

 3.1.2  设置文本属性 35

 3.1.3  设置段落格式 39

 3.1.4  插入特殊字符 43

 3.1.5  使用段落列表 44

3.2  图像在网页中的应用 45

 3.2.1  插入图像 46

 3.2.2  设置图像属性 48

 3.2.3  使用外部图像编辑器 49

3.3  多媒体对象在网页中的应用 50

 3.3.1  在网页中应用Flash动画 50

 3.3.2  在网页中应用FLV视频 53

 3.3.3  在网页中应用声音 56

3.4  超链接 58

 3.4.1  创建超链接的方法 59

 3.4.2  超链接的路径 61

 3.4.3  链接目标 62

3.5  本章习题 63

3.6  上机练习 63

 练习1  制作文字网页 63

 练习2  制作图文混排网页 64

 练习3  制作Flash导航条 65

第4章  CSS样式表 66

4.1  CSS入门 66

 4.1.1 “CSS样式”面板 66

 4.1.2  定义CSS规则 68

 4.1.3  在网页中应用CSS样式 70

 4.1.4  CSS规则的类型 71

4.2  CSS样式详解 73

 4.2.1  类型 73

 4.2.2  背景 75

 4.2.3  区块 76

 4.2.4  方框 77

 4.2.5  边框 78

 4.2.6  列表 79

 4.2.7  定位 79

 4.2.8  扩展 81

4.3  创建CSS样式 82

 4.3.1  内部样式表 82

 4.3.2  外部样式表 84

4.4  本章习题 89

4.5  上机练习 90

 练习1  使用CSS自定义项目列表 90

 练习2  外部CSS文件的创建和应用 90

第5章  网页布局 91

5.1  网页布局的类型 91

5.2  用表格进行网页布局 93

 5.2.1  在页面中插入表格 93

 5.2.2  设置表格属性 96

 5.2.3  表格标签 97

 5.2.4  用表格布局网页 98

 5.2.5  表格模式 102

5.3  框架 103

 5.3.1  用框架布局页面 103

 5.3.2  创建框架和框架集 106

 5.3.3  设置框架和框架集属性 107

 5.3.4  保存框架和框架集 109

 5.3.5  控制带有链接的框架内容 109

5.4  用CSS进行网页布局 110

 5.4.1  表格+CSS布局 110

 5.4.2  DIV+CSS布局 115

5.5  本章习题 119

5.6  上机练习 119

 练习1  利用表格布局网页实例 119

 练习2  利用框架布局网页实例 119

 练习3  利用DIV+CSS布局网页实例 121

第6章  网页特效与交互 122

6.1  行为 122

 6.1.1  附加行为 122

 6.1.2  行为应用实例——网页加载时弹出公告页 124

 6.1.3  内置行为简介 126

6.2  AP元素 127

 6.2.1  应用AP Div创建AP元素 127

 6.2.2  AP元素的属性详解 130

 6.2.3  AP元素拖动效果 132

6.3  Spry框架 133

 6.3.1  Spry效果 133

 6.3.2  Spry构件 135

6.4  JavaScript基础知识 137

 6.4.1  <script>标签 137

 6.4.2  编写一个简单的JavaScript程序 138

 6.4.3  使用“代码片段”面板 140

6.5  本章习题 144

6.6  上机练习 145

 练习1  行为应用实例——关闭网页时弹出信息 145

 练习2  Spry构件应用实例——菜单栏 145

 练习3  JavaScript应用实例——问候对话框 145

第7章  模板和站点管理 147

7.1  模板 147

 7.1.1  新建模板的方法 147

 7.1.2  可编辑区域 148

 7.1.3  创建基于模板的页面 151

7.2  资源管理 152

 7.2.1  库 152

 7.2.2  其他资源管理 154

7.3  站点管理和维护 154

 7.3.1  测试网站 154

 7.3.2  发布网站 156

 7.3.3  导入和导出站点 159

7.4  本章习题 160

7.5  上机练习 161

 练习1  模板及其应用 161

 练习2  库及其应用 161

第8章  Photoshop网页设计基础 162

8.1  Photoshop CS6的工作环境 162

 8.1.1  Photoshop CS6的界面 162

 8.1.2  工作区布局和屏幕模式 168

 8.1.3  使用标尺、网格和参考线 169

8.2  使用Photoshop绘制网页基本图形 170

 8.2.1  创建Photoshop文档 170

 8.2.2  绘制几何形状 172

 8.2.3  使用钢笔工具绘制路径 175

 8.2.4  使用画笔 177

 8.2.5  设置颜色 180

8.3  本章习题 184

8.4  上机练习 184

 练习1  绘制网页图形 184

 练习2  使用画笔绘制心形 184

第9章  Photoshop网页设计进阶 186

9.1  图层与蒙版 186

 9.1.1  图层 186

 9.1.2  图层样式 189

 9.1.3  图层的混合模式 192

 9.1.4  图层蒙版的操作 193

9.2  选区与通道 196

 9.2.1  创建选区 196

 9.2.2  通道及其应用 199

9.3  设计网页文字 201

 9.3.1  输入和编辑文字 202

 9.3.2  文字的转换 204

 9.3.3  路径文字 206

9.4  调整网页图像 207

 9.4.1  调整图像的基本属性 207

 9.4.2  修饰和修复图像 210

 9.4.3  调整图像的色调 217

 9.4.4  调整图像的色彩 221

9.5  使用滤镜增强网页图像的效果 224

 9.5.1  使用滤镜库 224

 9.5.2 “抽出”滤镜和“液化”滤镜 225

 9.5.3 “模糊”滤镜和“锐化”滤镜 227

9.6  本章习题 229

9.7  上机练习 230

 练习1  绘制网站Logo 230

 练习2  网页图像色调的调整 230

第10章  使用Photoshop设计网页元素 231

10.1  设计网站图标和Logo 231

　10.1.1  绘制网站图标 231

　10.1.2  绘制网站Logo 234

10.2  设计网页广告图像 237

　10.2.1  制作网站Banner 237

　10.2.2  绘制网页通栏广告 241

10.3  设计网页按钮和导航条 244

　10.3.1  绘制网页按钮 244

　10.3.2  绘制网页导航条 245

10.4  设计网页 247

　10.4.1  绘制网页 248

　10.4.2  创建切片 252

　10.4.3  优化切片并导出HTML文件 254

　10.4.4  在Dreamweaver中编辑网页 256

10.5  本章习题 257

10.6  上机练习 258

　练习1  绘制网站Logo 258

　练习2  绘制导航条 258

　练习3  制作网页GIF动画 259

　练习4  设计个人主页 259

第11章  Flash动画制作基础 260

11.1  Flash CS6的工作环境 260

　11.1.1  工作界面简介 260

　11.1.2  面板的操作 263

11.2  Flash动画的制作 265

　11.2.1  Flash动画的制作流程 265

　11.2.2  制作第一个网页动画 266

11.3  绘制矢量图形 269

　11.3.1  绘制线条 269

　11.3.2  绘制简单图形 272

　11.3.3  设计图形色彩 276

　11.3.4  绘制复杂图形 281

　11.3.5  图形的变形 289

　11.3.6  绘制模式 292

11.4  位图和文字 295

　11.4.1  应用位图 295

　11.4.2  应用文字 296

11.5  本章习题 301

11.6  上机练习 302

　练习1  绘制商业标志 302

　练习2  制作公益广告 303

第12章  制作网页动画 304

12.1  图层和帧 304

　12.1.1  图层的基本概念和操作 304

　12.1.2  帧的基本概念和操作 307

12.2  基础动画 310

　12.2.1  逐帧动画 310

　12.2.2  形状补间动画 313

　12.2.3  传统补间动画 316

　12.2.4  沿路径运动的传统补间动画 318

12.3  元件及其应用 320

　12.3.1  元件的类型和创建元件的方法 320

　12.3.2  影片剪辑元件 323

　12.3.3  按钮元件 325

12.4  高级动画 328

　12.4.1  对象补间动画 328

　12.4.2  动画编辑器和动画预设 331

　12.4.3  遮罩动画 333

　12.4.4  3D动画和骨骼动画 335

12.5  使用Flash制作网络广告 338

　12.5.1  企业形象Banner设计 338

　12.5.2  横幅广告设计 341

　12.5.3  网络广告设计 346

12.6  本章习题 350

12.7  上机练习 351

 练习1  制作网站动态Logo 351

 练习2  制作产品推广横幅广告 352

附录A  常用HTML标签 353

附录B  安装IIS和配置Web服务器 363

B.1  安装IIS 363

B.2  配置Web服务器 364

附录C  网站上传和下载工具——FlashFXP 370

C.1  FlashFXP工作环境介绍 370

C.2  FTP站点的创建 371

C.3  文件的上传和下载 372

C.4  FlashFXP的高级应用 373

附录D  习题参考答案 377