中文版Dreamweaver+Flash+Photoshop CC网页设计与制作从入门到精通

中文版 Dreamweaver Flash Photoshop CC网页设计与制作 从入门到精通（全彩版）

入门篇

Chapter 01 初识网页制作2

11 网页基础3

111 网站和网页的关系 3

112 网页的构成要素 3

113 网页的分类 4

114 屏幕分辨率和网页编辑器 4

12 制作网站的基本流程5

121 网站策划 5

122 制作网站的准备工作 6

123 制作及上传网站 7

124 网站的更新与维护 7

13 了解Dreamweaver CC 7

131 Dreamweaver CC简介 7

132 Dreamweaver CC新增功能 7

133 启动Dreamweaver CC 9

134 退出Dreamweaver CC 10

135 Dreamweaver CC视图模式 10

136 代码工具栏 12

14 Dreamweaver CC的工作界面 12

141 菜单栏 13

142 文档窗口 15

143 面板组 15

144 “属性”面板 16

145 Dreamweaver CC的环境设置 16

146 标尺、网格和辅助线的使用 18

15 制作网页的常用软件和语言 18

151 网页设计的常用软件 19

152 制作网页的核心语言 19

知识大爆炸——认识Dreamweaver的过去及安装要求 22

Chapter 02 快速掌握Dreamweaver CC 24

21 创建与管理站点 25

211 创建本地站点 25

※ 实例操作：创建装饰网站点25

212 “管理站点”对话框 26

213 管理站点 27

※ 实例操作：导出装饰网站点27

※ 实例操作：导入食品网站点27

※ 实例操作：编辑食品网站点28

※ 实例操作：复制和删除美食天下站点29

214 站点的结构规划 30

※ 实例操作：创建文件夹及文件30

22 创建与编辑网页 31

221 创建网页 31

※ 实例操作：新建一个空白网页31

※ 实例操作：创建jQuery Mobile网页 33

222 打开与关闭网页 34

223 保存网页 35

23 在网页中添加文字内容 35

231 输入文字 35

※ 实例操作：复制文字36

232 添加空格、换行与分段 37

233 使用日期和水平线 37

234 插入列表 39

235 设置文本属性 39

※ 实例操作：设置文本属性40

24 添加图像丰富网页 41

241 常用的图像类型 42

242 在网页中插入图像 42

※ 实例操作：插入图像42

243 设置图像属性 43

244 插入鼠标经过图像 45

※ 实例操作：设置鼠标经过时变换的图像45

245 插入Fireworks HTML 46

25 为网页添加多媒体文件 47

251 使用Edge Animate作品 47

※ 实例操作：插入Edge Animate动画 47

252 使用HTML5 Video文件 48

※ 实例操作：设置HTML5 Video的属性 49

253 HTML5 Audio的应用 50

254 使用Flash SWF文件 51

※ 实例操作：插入Flash并设置属性 51

255 插入并设置Flash Video 53

※ 实例操作：插入并设置Flash Video属性 53

256 使用插件 54

26 超链接的应用 55

261 认识超链接和路径 56

262 创建常见的超链接 56

知识大爆炸——HTML的简单应用以及SEO

优化网页图像的技巧 59

Chapter 03 使用CSS 样式美化网页 62

31 认识和应用CSS样式 63

311 CSS概述 63

312 CSS样式表的基本语法 64

313 认识CSS设计器 64

314 创建样式表 65

※ 实例操作：创建内部样式65

※ 实例操作：创建并链接外部样式表67

32 使用丰富的CSS样式 68

321 CSS的布局属性 68

322 CSS的文本属性 69

323 CSS的边框属性 70

324 CSS的背景属性 71

325 其他CSS属性 72

33 CSS过渡效果的应用 73

331 新建CSS过渡效果 73

※ 实例操作：新建CSS过渡效果 73

332 编辑CSS过渡效果 75

333 删除CSS过渡效果 75

知识大爆炸——CSS的特殊效果的应用 75

Chapter 04 页面布局 78

41 使用表格布局 79

411 制作表格 79

※ 实例操作：制作表格79

412 表格的基本操作 80

413 表格和单元格的属性 82

414 表格的嵌套使用 83

※ 实例操作：创建Weddinghtml网页 83

42 Div CSS美化网页 86

421 Div CSS概述 86

422 使用Div元素 86

※ 实例操作：使用Accordion创建网页 87

423 使用Div CSS布局网页 91

※ 实例操作：使用Div CSS创建网页 91

43 框架布局94

431 框架的简介 94

432 使用HTML实现框架布局 95

433 设置框架集和框架的属性 95

434 设置框架的链接 96

435 Iframe框架（浮动框架） 96

※ 实例操作：使用Iframe框架制作网页 97

知识大爆炸——导入数据并排序 98

Chapter 05 表单和行为的应用 100

51 表单应用101

511 表单的概述 101

512 创建表单并设置属性 102

513 插入表单元素 102

514 灵活使用表单 107

※ 实例操作：使用表单创建form网页 107

52 使用jQuery UI的表单部分109

521 使用Datepicker组件 109

522 使用AutoComplete组件 110

523 使用Button组件 110

524 使用Buttonset组件 110

525 使用Checkbox Buttons组件 111

526 使用Radio Buttons组件 111

53 JavaScript行为的应用 111

531 行为概述 111

532 弹出窗口信息 112

※ 实例操作：创建弹出窗口信息页面 112

533 打开浏览器窗口 113

534 调用JavaScript行为 113

※ 实例操作：自动关闭网页 113

535 转到URL行为 114

536 显示文本行为 114

537 图像与多媒体的行为 115

※ 实例操作：单击图像变换为另一张图像 115

54 利用行为控制表单 117

541 跳转菜单 118

542 检查表单 118

※ 实例操作：检查表单中的文本域 118

知识大爆炸——使用行为添加jQueryt效果 119

Chapter 06 利用模板和库创建网页 122

61 使用模板123

611 模板的概述 123

612 创建模板 123

※ 实例操作：创建模板网页123

613 定义可编辑区域 123

614 定义可选区域 124

615 定义重复区域 124

616 重复表格 124

62 应用模板125

621 应用模板到网页 125

※ 实例操作：将创建好的模板应用到网页125

622 分离模板 127

63 应用库 127

631 介绍库 127

632 创建库项目 127

633 库项目的其他操作 128

634 设置库属性 128

知识大爆炸——嵌套模板、库和HTML代码 128

Chapter 07 移动设备网页和应用程序的创建 130

71 jQuery Mobile的应用 131

711 jQuery Mobile的概述 131

712 创建jQuery Mobile页面 132

※ 实例操作：用HTML5创建jQuery Mobile132

713 jQuery Mobile组件的使用 133

72 PhoneGap Build打包移动应用 135

721 PhoneGap Build概述 135

722 注册PhoneGap Build 136

723 打包移动应用程序 136

知识大爆炸——jQuery Mobile的主题应用 137

Chapter 08 动态网站及站点维护 138

81 搭建动态网站平台 139

811 动态网页的开发语言 139

812 创建数据库的软件 139

※ 实例操作：创建Guest数据库 140

813 动态网站的开发流程 141

※ 实例操作：在Windows 7中安装服务器 142

※ 实例操作：设置虚拟网页站点142

※ 实例操作：配置本地站点服务器144

※ 实例操作：安装动态扩展145

※ 实例操作：设置ODBC数据源 146

82 制作数据库动态网页147

821 绑定记录集 147

※ 实例操作：绑定数据记录147

822 登录用户行为 148

※ 实例操作：创建登录页面148

823 注销用户 149

824 插入记录表单 149

※ 实例操作：创建注册页面150

825 获取动态数据 151

※ 实例操作：制作留言网页151

826 转到详细页面 154

827 更新记录 154

83 网站维护与上传 155

831 测试本地站点 155

※ 实例操作：检查断裂的链接155

※ 实例操作：为图片网页设计备注156

832 上传站点的流程 157

※ 实例操作：申请域名158

833 文件上传 160

834 网站备案 161

知识大爆炸——域名解析 161

Chapter 09 Flash CC 快速入门 162

91 认识Flash动画 163

911 Flash动画的原理 163

912 Flash动画在网页中的应用 163

913 Flash中的文件类型 165

914 Flash相关的图片格式 167

92 Flash动画的制作流程 167

921 前期策划 167

922 收集动画素材 167

923 制作动画 168

924 调试与优化动画 168

925 测试动画 168

926 发布动画 168

93 启动与退出Flash CC 168

931 启动Flash CC 168

932 退出Flash CC 170

94 Flash CC的工作界面 170

941 菜单栏 171

942 工作区切换器 171

943 工具箱 172

944 绘图工作区 173

945 常用面板 173

95 Flash文档的基本操作 175

951 新建Flash文档 175

※ 实例操作：通过模板新建雪景动画176

952 设置文档属性 177

953 保存与关闭Flash文档 178

954 打开Flash文档 179

96 舞台和场景的基本操作 179

961 添加场景 180

※ 实例操作：在文档中添加场景180

962 切换场景 180

963 查看场景 181

964 使用辅助工具 182

知识大爆炸——Flash动画与传统动画的比较 183

Chapter 10 图形的绘制与编辑 184

101 基本绘图工具 185

1011 选择工具 185

1012 线条工具 185

※ 实例操作：绘制杯子图形185

1013 铅笔工具 187

1014 矩形工具 188

※ 实例操作：绘制路标189

1015 椭圆工具 190

※ 实例操作：绘制七星瓢虫190

1016 多角星形工具 191

※ 实例操作：绘制充满星星的夜空191

1017 刷子工具 193

102 钢笔工具193

1021 锚点 193

1022 绘制状态 193

1023 绘制图形 194

※ 实例操作：绘制卡通风景画194

1024 添加和删除锚点 195

1025 调整路径 195

103 填充图形颜色 196

1031 认识“颜色”面板 196

1032 认识“样本”面板 197

1033 填充纯色 197

※ 实例操作：填充卡通人物的颜色197

1034 填充线性渐变 198

※ 实例操作：修改蓝天白云的颜色199

1035 填充径向渐变 200

※ 实例操作：径向填充向日葵背景200

1036 使用位图填充 201

104 清除颜色202

1041 直接删除颜色 202

1042 使用橡皮擦工具 202

知识大爆炸——图形绘制与填充的其他方法 203

Chapter 11 文本与对象的编辑 204

111 文本编辑 205

1111 文本的类型 205

1112 设置文本的字符样式 206

1113 设置文本的段落样式 206

1114 输入文本 207

※ 实例操作：输入草莓点心介绍207

※ 实例操作：动态显示文本内容208

※ 实例操作：制作用户登录界面209

1115 为文本创建超链接 210

※ 实例操作：创建文本超链接210

1116 设置滚动文本 211

1117 分离文本 212

112 图形对象处理 212

1121 移动对象 212

1122 复制对象 213

1123 转换图形对象为位图 213

1124 图形变形 213

1125 合并对象 215

1126 层叠对象 215

1127 对齐对象 216

113 添加声音与视频 216

1131 导入并应用声音 216

※ 实例操作：为Flash添加背景音乐 216

1132 设置声音属性 217

1133 设置关键帧上的声音 218

1134 播放组件加载外部视频 219

※ 实例操作：播放组件加载的外部视频219

1135 嵌入视频 220

※ 实例操作：嵌入视频文件220

1136 设置视频属性 221

知识大爆炸——文本和对象的其他知识 222

Chapter 12 元件与库的使用 224

121 元件 225

1211 元件的概念与种类 225

1212 创建元件 226

※ 实例操作：创建图形元件226

※ 实例操作：创建影片剪辑动画227

※ 实例操作：创建“开始游戏”按钮228

1213 元件的转换 230

1214 元件的编辑 230

122 库 231

1221 认识“库”面板 231

1222 管理并使用库 231

※ 实例操作：导入AI文件 231

※ 实例操作：复制并修改元件233

知识大爆炸——元件实例与共享库 235

Chapter 13 动画的制作 236

131 图层与时间轴 237

1311 图层的概念及类型 237

1312 图层的基本操作 237

1313 时间轴与帧 239

132 创建基本动画 241

1321 创建逐帧动画 242

※ 实例操作：制作下雨动画242

1322 制作补间形状 243

※ 实例操作：制作变形动画243

1323 创建并编辑传统补间动画 245

※ 实例操作：制作飞行动画245

1324 创建并编辑补间动画 247

※ 实例操作：制作蝴蝶飞舞动画247

133 创建引导和遮罩动画249

1331 创建引导动画 249

※ 实例操作：制作汽车行驶动画249

※ 实例操作：制作环保动画251

1332 创建遮罩动画 252

※ 实例操作：制作放大动画252

134 使用ActionScript制作动画 254

1341 ActionScript 30 254

1342 ActionScript中的专业术语 254

1343 ActionScript 30基本语法 257

1344 输入ActionScript语句 258

※ 实例操作：创建并调用外部ActionScript文件 259

1345 类、属性和方法 260

1346 常用的ActionScript语句 261

※ 实例操作：制作鼠标跟随效果263

知识大爆炸——动画的其他知识265

Chapter 14 测试、导出与发布动画 268

141 优化与测试动画 269

142 发布Flash动画 270

※ 实例操作：发布影片为GIF图像 273

143 导出Flash动画 276

※ 实例操作：导出某帧的图像276

※ 实例操作：导出mov视频 277

知识大爆炸——调试与转换影片 278

Chapter 15 Photoshop CC快速入门 280

151 Photoshop CC的工作界面281

152 图像处理的基础知识282

153 图像文件的基本操作285

※ 实例操作：制作火球287

154 图像编辑的辅助操作289

※ 实例操作：在图像中添加注释文本290

155 调整图像291

※ 实例操作：调整并矫正图像293

※ 实例操作：制作三折页效果294

156 选区的创建与编辑 298

※ 实例操作：制作波纹相框301

知识大爆炸——文件保存格式及图层混合模式的应用 303

Chapter 16 图层和文本的应用 306

161 使用图层307

162 添加图层样式 311

※ 实例操作：制作带有投影的文字 311

※ 实例操作：制作发光的几何图314

※ 实例操作：制作按钮317

163 创建并设置文本 320

※ 实例操作：制作Logo图标 321

※ 实例操作：制作路径文字322

※ 实例操作：制作变形文字324

知识大爆炸——通道的基本操作 325

Chapter 17 图形绘制与颜色调整 326

171 颜色的填充与设置 327

※ 实例操作：重新填充颜色327

172 绘制基本的图形 330

※ 实例操作：制作网页登录界面331

173 自定义图形的绘制 336

※ 实例操作：绘制宣传海报336

174 调整图像的颜色 341

※ 实例操作：调整图片的色调342

※ 实例操作：调整咖啡网站的色彩345

※ 实例操作：制作紫色调效果347

知识大爆炸——高级绘图方式 349

Chapter 18 切片与输出图像 350

181 创建并编辑切片 351

※ 实例操作：为登录页面创建切片351

※ 实例操作：编辑登录页面切片选项352

182 优化与输出图像 354

※ 实例操作：输出网页图像356

知识大爆炸——切片和网页图像格式358

实战篇I

Chapter 19 制作网页元素362

191 制作网站Logo363

192 制作开关按钮 365

193 制作网页导航条 369

194 制作网页视频播放动画 373

195 制作网页片头动画 375

196 扩展练习379

1961 制作网页广告条 379

1962 制作风景网页动画 379

Chapter 20 制作摄影网站380

201 设计网站主页 381

202 设计网站子页 386

203 对网页进行切片 389

204 制作banner动画 392

205 制作图片滚动动画 396

206 合成网页399

207 扩展练习 411

2071 制作“摄影信息”子网页 411

2072 制作“摄影论坛”子网页 412

Chapter 21 制作个人网站414

211 制作个人网站的首页415

212 制作个人简介网页 419

213 制作留言簿网页 423

214 扩展练习429

2141 制作“我的生活”子网页 430

2142 制作“我的一家”子网页 431

Chapter 22 制作“冷饮”网站 432

221 制作“冷饮”网站的首页 433

222 制作“携手自由时光”页面 441

223 制作“特色冷饮”页面 444

224 扩展练习449

2241 制作“冷饮”网站的“分店信息”网页 449

2242 制作“冷饮”网站的“在线咨询”网页 450

精通篇

Chapter 23 网页制作的高级应用 454

231 JavaScript代码 455

2311 JavaScript 代码基础 455

2312 JavaScript 中的常用词汇 455

232 在HTML5画布中绘制形状 456

※ 实例操作：在画布中绘制矩形456

※ 实例操作：在画布中绘制圆形458

※ 实例操作：在画布中绘制直线459

※ 实例操作：在画布中绘制线性渐变460

※ 实例操作：在画布中绘制径向渐变461

233 CSS3的新增功能462

※ 实例操作：定义立体边框效果462

※ 实例操作：用图片作为背景图像的边框463

※ 实例操作：设计圆角选项卡463

※ 实例操作：用border-radius属性制作圆角 465

234 使用CSS进行网页布局 466

※ 实例操作：用columns属性进行多列布局 466

※ 实例操作：为网页创建列边框样式468

※ 实例操作：使用盒布局进行网页布局470

※ 实例操作：将水平排列修改为垂直排列472

知识大爆炸——渐变效果 473

Chapter 24 网页配色、字体和排版技巧 474

241 网页的色彩速配 475

242 字体在网页中的应用技巧 481

243 网页版式设计与构图483

知识大爆炸——色彩的心理感受 489