Dreamweaver+Photoshop+Flash网页制作三合一案例教程 CC2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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 CC18

案例说明18

相关知识18

一、启动Dreamweaver CC18

二、应用程序栏和文档标签栏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

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

案例说明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 CC282

案例说明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