Dreamweaver+Photoshop+Flash网页制作三合一案例教程 CCPDF电子书下载

第1章 网页制作与网站建设基础知识 1

学习目标 1

案例一 在浏览器中查看网页——认识网站和网页 1

案例说明 1

相关知识 1

一、网页、网站和主页 1

二、网页的构成元素 2

三、网页的类型 2

四、网页的本质 3

案例实施 3

案例二 企业网站建设流程——网站建设基本流程 5

案例说明 5

相关知识 5

一、规划站点结构 5

二、收集素材 7

三、网页美术设计 7

四、网页制作 9

五、申请域名和虚拟空间 9

六、测试和发布网站 10

七、推广和维护网站 11

案例实施 11

案例三 制作一个简单网页——网页制作与网站开发常用技术 14

案例说明 14

相关知识 14

一、网站管理与网页制作相关软件 14

二、HTML与CSS简介 15

案例实施 15

本章总结 16

第2章 Dreamweaver CC基本操作 18

学习目标 18

案例一 调整Dreamweaver CC工作界面——初识Dreamweaver CC 18

案例说明 18

相关知识 18

一、启动Dreamweaver CC 18

二、应用程序栏和文档标签栏 20

三、文档工具栏 20

四、状态栏 21

五、“属性”面板 22

六、面板组 22

案例实施 23

案例二 创建企业网站本地站点——站点基本操作 25

案例说明 25

相关知识 25

一、使用Dreamweaver创建和打开本地站点 25

二、使用Dreamweaver管理本地站点 27

案例实施 30

案例三 为企业网站制作欢迎页面——网页文档基本操作 31

案例说明 31

相关知识 31

一、网页文档基本操作 31

二、“文件”面板基本应用 34

案例实施 36

拓展知识 37

一、网页文档和文件夹命名规则 37

二、HTML的标签构成 38

三、HTML网页文档的基本结构 39

本章总结 41

课堂实训——创建鲜花导购网站本地站点 41

第3章 设置网页内容 42

学习目标 42

案例一 为企业网站新闻显示网页设置页面基本信息——设置网页基本信息 42

案例说明 42

相关知识 42

一、设置文档头信息 42

二、设置网页页面属性 44

案例实施 45

案例二 为企业网站新闻显示网页设置文本内容——设置网页文本 47

案例说明 47

相关知识 47

一、添加普通文本 47

二、插入特殊符号 49

三、添加空格 49

四、添加与设置水平线 49

五、创建列表 50

案例实施 51

拓展知识 53

列表在HTML中的表示 53

案例三 为企业网站新闻显示网页设置图像——设置网页图像 55

案例说明 55

相关知识 55

一、插入图像 55

二、设置图像属性 56

案例实施 57

拓展知识 59

一、网页中可用的图像格式 59

二、图像在HTML中的表示 59

案例四 为博客网站首页设置多媒体——应用动画和多媒体文件 60

案例说明 60

相关知识 60

一、插入并设置动画属性 60

二、插入并编辑插件 62

案例实施 63

案例五 为企业网站新闻显示网页设置超链接——应用超链接 65

案例说明 65

相关知识 66

一、超链接的含义和分类 66

二、设置常规超链接 68

三、设置热点链接 70

四、设置电子邮件链接 72

五、设置文件下载链接和图像链接 73

案例实施 75

本章总结 77

课堂实训——为鲜花导购网页设置网页内容 77

第4章 应用CSS设置网页样式 80

学习目标 80

案例一 为企业网站新闻显示网页设置整体样式——设置CSS样式（上） 80

案例说明 80

相关知识 81

一、CSS样式表简介 81

二、在页面中引入CSS样式表的几种方法 81

三、CSS中选择器的类型 89

四、设置布局样式 93

五、设置文本和段落样式 95

六、设置背景样式 96

七、盒子模型的概念 98

案例实施 100

拓展知识 102

一、选择器的集体声明、嵌套与优先级 102

二、选择器的继承 103

案例二 为企业网站新闻显示网页设置页头样式——设置CSS样式（中） 106

案例说明 106

相关知识 107

一、设置边框样式 107

二、标准流的概念 107

案例实施 108

案例三 为企业网站新闻显示网页设置正文样式——设置CSS样式（下） 112

案例说明 112

相关知识 112

一、设置列表样式 112

二、margin使用注意事项 112

案例实施 115

本章总结 119

课堂实训——为“鲜花导购网页”设置CSS样式 119

第5章 构建网页布局 121

学习目标 122

案例一 构建企业网站新闻列表网页整体布局——浮动布局 122

案例说明 122

相关知识 122

一、Div基础 122

二、HTML 5结构元素 125

三、float和clear属性 128

四、浮动布局的原理 129

五、常用的浮动布局方法 131

六、清除浮动对布局的不良影响 133

七、浮动布局应用技巧 134

案例实施 137

一、构建HTML结构 137

二、设置CSS样式 140

案例二 制作企业网站新闻列表网页的页头部分 143

案例说明 143

案例实施 143

一、构建HTML结构 143

二、设置CSS样式 147

案例三 制作企业网站新闻列表网页的新闻中心栏目 149

案例说明 149

案例实施 149

一、构建HTML结构 149

二、设置CSS样式 151

案例四 制作企业网站新闻列表网页的集团要闻栏目 153

案例说明 153

案例实施 153

一、构建HTML结构 154

二、设置CSS样式 156

本章总结 158

课堂实训——制作博客网站首页 158

第6章 应用表单和行为 162

学习目标 162

案例一 应用表单制作“欢乐购”注册页面——应用表单和表单对象 162

案例说明 162

相关知识 163

一、表单基础知识 163

二、插入表单 163

三、插入表单元素 165

案例实施 167

一、构建HTML结构 167

二、设置CSS样式 177

案例二 应用行为为学校网页添加弹出框——应用行为 179

案例说明 179

相关知识 180

一、认识行为 180

二、应用行为 181

三、编辑行为 183

案例实施 183

本章总结 185

第7章 使用Photoshop CC制作网页素材（上） 186

学习目标 186

案例一创建装修广告条——认识Photoshop 186

案例说明 186

相关知识 187

一、熟悉Photoshop CC工作界面 187

二、新建、保存和打开图像文件 189

案例实施 191

案例二 修正偏色照片——调整图像色彩与色调 195

案例说明 195

相关知识 196

一、亮度／对比度 196

二、色阶 197

三、曲线 199

四、色相／饱和度 201

案例实施 202

案例三 使用风景照片制作旅游广告条——调整图像大小 204

案例说明 204

相关知识 204

一、调整图像大小 204

二、调整画布大小 205

三、使用裁剪工具裁切图像 206

案例实施 207

案例四 制作珠宝广告条——创建选区 209

案例说明 209

相关知识 209

一、使用选框工具 209

二、使用套索工具 212

三、使用魔棒工具 214

四、使用快速选择工具 215

案例实施 216

本章总结 222

课堂实训——制作蛋糕广告 223

第8章 使用Photoshop CC制作网页素材（下） 224

学习目标 224

案例一 制作服装广告条——绘制与修饰图像 224

案例说明 224

相关知识 225

一、使用画笔工具组 225

二、使用仿制图章工具 226

三、使用形状工具组 227

案例实施 228

案例二 制作房地产广告——擦除和填充图像 235

案例说明 235

相关知识 235

一、使用橡皮擦工具组 235

二、使用填充工具组 236

案例实施 238

案例三 制作弦乐盛典广告——图层基本操作 246

案例说明 246

相关知识 246

一、认识图层调板 246

二、图层的分类和创建 247

三、设置图层混合模式和不透明度 248

案例实施 249

案例四 制作网页中常用的水晶按钮——应用图层样式 251

案例说明 251

相关知识 252

一、使用图层调板添加图层样式 252

二、应用样式调板快速设置图层样式 253

三、编辑图层样式 254

案例实施 255

本章总结 257

课堂实训——制作电器广告条 257

第9章 使用Photoshop CC制作网页效果图 259

学习目标 259

案例一 制作“天音”网站主页效果图——输入和设置文本 259

案例说明 259

相关知识 260

一、文本类型 260

二、输入文本 260

三、设置文本格式 261

四、设置变形文字 263

案例实施 263

案例二 切割“天音”网页效果图——创建与编辑切片 275

案例说明 275

相关知识 275

一、创建切片 275

二、编辑切片 276

案例实施 276

拓展知识 277

一、优化图像 277

二、输出图像 279

本章总结 279

课堂实训——制作天音网站子页效果图 280

第10章 使用Flash CC制作网页动画素材 282

学习目标 282

案例一 制作一个简单的网页动画——认识Flash CC 282

案例说明 282

相关知识 283

一、启动Flash并熟悉其工作界面 283

二、Flash文档基本操作 285

三、了解动画制作原理 287

案例实施 288

案例二 绘制小花——绘制和调整线条 293

案例说明 293

相关知识 293

一、使用线条工具 293

二、使用铅笔工具 294

三、使用选择工具 295

案例实施 296

案例三 绘制风车和动画广告条背景——绘制和变形几何图形 298

案例说明 298

相关知识 298

一、使用矩形工具 298

二、使用椭圆工具 299

三、使用任意变形工具 300

案例实施 302

案例四 填充小花、风车和动画广告条背景——设置图形的填充和轮廓 307

案例说明 307

相关知识 307

一、设置填充和笔触颜色 307

二、使用颜料桶工具 310

三、使用渐变变形工具 311

四、使用“墨水瓶工具” 311

案例实施 312

案例五 为动画广告条添加文本——使用文本 317

案例说明 317

相关知识 317

一、创建文本 317

二、美化文本 318

案例实施 319

案例六 为社交网站广告条准备素材——导入和应用外部图像 320

案例说明 320

相关知识 321

一、导入外部图像 321

二、编辑导入的位图 322

案例实施 323

本章总结 325

课堂实训 326

一、绘制天鹅 326

二、绘制卡通广告条背景 326

第11章 使用Flash CC创建网页动画 328

学习目标 328

案例一 制作天鹅飞翔动画——认识图层和帧 328

案例说明 328

相关知识 328

一、认识“时间轴”面板 328

二、图层种类及基本操作 329

三、帧的种类及创建 330

四、帧的基本操作 331

案例实施 333

案例二 制作按钮元件和旅游广告条——应用元件 336

案例说明 336

相关知识 336

一、认识元件 336

二、创建和应用元件 337

三、编辑元件和元件实例 338

案例实施 340

案例三 制作社交网站广告条——制作补间动画 349

案例说明 349

相关知识 349

一、制作传统补间动画 349

二、制作基于对象的补间动画 350

三、制作形状补间动画 353

案例实施 355

案例四 制作培训广告——制作高级动画 360

案例说明 360

相关知识 360

一、制作路径引导动画 360

二、制作遮罩动画 362

案例实施 364

案例五 将奔跑的小狗导出为GIF动画——导出与发布Flash动画 368

案例说明 368

相关知识 369

一、导出Flash动画 369

二、发布Flash动画 369

案例实施 371

本章总结 372

课堂实训——制作汽车广告和电器广告 373

一、制作汽车广告 373

二、制作电器广告 373

第12章 综合应用——制作酒店网站首页 375

案例一 在Photoshop中制作网站首页效果图 376

案例说明 376

案例实施 376

一、制作网站首页效果图 376

二、切割输出首页图像 385

案例二 在Flash中制作动画广告条 387

案例说明 387

案例实施 387

案例三 在Dreamweaver中进行网页制作 389

案例说明 389

案例实施 389

一、创建本地站点 389

二、搭建页面整体框架 391

三、制作网页头部 397

四、制作“会员登录”模块 399

五、制作“客房预订”模块 401

六、制作“酒店新闻”模块 403

七、制作网站信息区 405

课堂实训——制作网站子页 406

参考文献 408