中文版DREAMWEAVER CC+ FLASH CC+PHOTOSHOP CC网页设计基础培训教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

中文版DREAMWEAVER CC+ FLASH CC+PHOTOSHOP CC网页设计基础培训教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

了解网页设计篇13

第1章 了解网页设计13

1.1 什么是网页设计14

1.1.1 网页设计概述14

1.1.2 网页设计中的术语15

1.2 网页设计常用软件和技术17

1.2.1 网页图像处理软件——Photoshop CC17

1.2.2 网页动画制作软件——Flash CC17

1.2.3 网页编辑制作软件——DreamweaverCC18

1.2.4 网页标记语言——HTML18

1.2.5 网页特效脚本语言——JavaScript19

1.3 “网页三剑客”的关系19

1.4 网站建设的基本流程20

1.4.1 前期网站策划20

1.4.2 规划站点结构20

1.4.3 收集网站相关素材20

1.4.4 网页的版式与布局分析20

1.4.5 确定网页的主色调21

1.4.6 设计网站页面21

1.4.7 切割和优化网页图像22

1.4.8 制作网站HTML页面22

1.4.9 开发动态网站功能模块22

1.4.10 申请域名和服务器空间22

1.4.11 测试并上传网站22

1.4.12 网站的更新与维护22

Photoshop CC篇23

第2章 PhotoShop CC入门23

2.1 “网页三剑客”之Photoshop24

2.1.1 选择合适的网页图像处理软件24

2.1.2 了解网页图像处理软件——Photoshop24

2.2 认识Photoshop CC工作界面25

2.3 文件的基本操作25

2.3.1 课堂案例——新建一个网页常用尺寸的文档26

2.3.2 新建文件27

2.3.3 打开文件29

2.3.4 保存文件29

2.3.5 导入文件29

2.3.6 置入文件29

2.3.7 导出文件30

2.3.8 关闭文件30

2.4 图像编辑辅助操作31

2.4.1 课堂案例——在Photoshop中查看网页图像31

2.4.2 使用标尺和参考线32

2.4.3 课堂案例—校正倾斜图像33

2.4.4 使用“裁剪工具”34

2.4.5 使用“裁切”命令35

2.5 调整网页图像35

2.5.1 课堂案例——修改网页图像大小35

2.5.2 “图像大小”对话框36

2.5.3 “画布大小”对话框37

2.6 课堂练习——制作镜面投影效果38

2.7 课后习题——裁剪网页图像38

第3章 使用PhotoShop CC处理网页文本39

3.1 输入文本40

3.1.1 课堂案例——输入广告文字40

3.1.2 文字工具组41

3.1.3 文字工具的“选项”栏41

3.2 编辑文本42

3.2.1 课堂案例——制作淘宝促销广告42

3.2.2 “字符”面板45

3.3 制作特殊文字效果46

3.3.1 课堂案例——制作变形广告文字46

3.3.2 创建变形文字48

3.3.3 课堂案例——制作路径文字49

3.3.4 路径文字50

3.4 使用“图层”面板50

3.4.1 课堂案例——制作游戏网站导航50

3.4.2 “图层”面板53

3.4.3 图层的基本操作54

3.5 图层样式55

3.5.1 课堂案例——使用图层样式制作网页广告文字55

3.5.2 添加图层样式57

3.6 课堂练习——制作网站导航菜单58

3.7 课后习题——制作网页图文混排58

第4章 修改网页图像的形状和颜色59

4.1 创建与编辑选区60

4.1.1 课堂案例——制作精美网站促销广告60

4.1.2 选框工具组63

4.1.3 课堂案例——去除图像不需要的内容63

4.1.4 套索工具组65

4.1.5 魔棒工具组65

4.1.6 修改选区65

4.2 修改图像66

4.2.1 课堂案例——使用仿制图章工具复制图像67

4.2.2 图章工具组68

4.2.3 橡皮擦工具组69

4.2.4 课堂案例——去除水印69

4.2.5 修复工具组71

4.3 调整网页图像的颜色71

4.3.1 课堂案例——调整网页中的图像72

4.3.2 自动调整命令73

4.3.3 “亮度／对比度”命令73

4.3.4 课堂案例——调整网站广告的色调73

4.3.5 “色相／饱和度”命令75

4.3.6 课堂案例——替换图像颜色75

4.3.7 “替换颜色”命令77

4.4 课堂练习——调整网站广告效果77

4.5 课后习题——匹配网站广告颜色78

第5章 绘制网页元素79

5.1 基本绘图工具80

5.1.1 课堂案例——设计网站广告图片80

5.1.2 画笔工具82

5.1.3 铅笔工具83

5.2 矢量绘图工具83

5.2.1 课堂案例——制作网站水晶质感按钮83

5.2.2 矩形工具87

5.2.3 椭圆工具88

5.2.4 圆角矩形工具88

5.2.5 多边形工具88

5.2.6 直线工具89

5.2.7 自定形状工具89

5.3 钢笔工具89

5.3.1 课堂案例——设计教育网站Logo90

5.3.2 钢笔工具94

5.3.3 添加和删除锚点95

5.3.4 课堂案例——设计网站广告页面95

5.3.5 选择路径与锚点101

5.3.6 调整路径101

5.3.7 变换路径102

5.4 课堂练习——设计网站实用图标102

5.5 课后习题——设计企业网站页面103

第6章 网页动画制作与切片输出104

6.1 创建与编辑切片105

6.1.1 课堂案例——为网页创建切片105

6.1.2 创建切片106

6.1.3 选择和移动切片106

6.1.4 删除切片107

6.2 图像优化与输出107

6.2.1 课堂案例——创建切片并输出网页107

6.2.2 优化图像109

6.2.3 输出图像109

6.3 创建Gif动画110

6.3.1 课堂案例——创建网页Gif动画110

6.3.2 认识“时间轴”面板114

6.4 课堂练习——将图片输出为HTML网页116

6.5 课后习题——制作Gif广告条116

Flash CC篇117

第7章 Flash CC入门117

7.1 “网页三剑客”之Flash118

7.1.1 Flash动画基础118

7.1.2 Flash动画的应用及发展背景118

7.2 Flash CC工作界面120

7.2.1 课堂案例——自定义Flash CC工作区121

7.2.2 认识Flash CC工作界面122

7.2.3 选择适合的工作区123

7.3 新建Flash文件124

7.3.1 课堂案例——通过Flash模板快速制作动画124

7.3.2 “新建文档”对话框126

7.3.3 “从模板新建”对话框126

7.3.4 设置Flash文档属性127

7.4 打开和保存Flash文件128

7.4.1 课堂案例——打开Flash文件128

7.4.2 保存Flash文件129

7.4.3 另存为Flash文件129

7.4.4 另存为Flash模板文件130

7.4.5 关闭Flash文件130

7.5 课堂练习——制作海底世界动画130

7.6 课后习题——制作下雨动画131

第8章 掌握FlaSh CC的绘图技法132

8.1 使用基本绘图工具133

8.1.1 课堂案例——绘制卡通表情133

8.1.2 矩形工具和基本矩形工具135

8.1.3 椭圆工具和基本椭圆工具136

8.1.4 填充颜色和笔触颜色137

8.1.5 课堂案例——绘制卡通向日葵138

8.1.6 多角星形工具142

8.1.7 线条工具143

8.1.8 铅笔工具143

8.1.9 刷子工具143

8.1.10 橡皮擦工具144

8.2 高级绘图工具145

8.2.1 课堂案例——绘制可爱雪人145

8.2.2 钢笔工具148

8.2.3 调整锚点和锚点转换148

8.2.4 添加和删除锚点149

8.3 课堂练习——绘制可爱卡通猫149

8.4 课后习题——绘制苹果149

第9章 基础Flash动画制作151

9.1 逐帧动画152

9.1.1 课堂案例——制作人物舞蹈动画152

9.1.2 逐帧动画的特点154

9.1.3 帧、过渡帧、关键帧、空白关键帧154

9.2 形状补间动画155

9.2.1 课堂案例——制作太阳公公动画155

9.2.2 形状补间动画的特点157

9.2.3 认识“时间轴”面板157

9.2.4 帧的编辑操作158

9.3 补间动画160

9.3.1 课堂案例——文字淡入淡出动画160

9.3.2 补间动画的特点164

9.3.3 什么是元件？164

9.3.4 元件的类型164

9.3.5 “动画预设”面板164

9.4 传统补间动画164

9.4.1 课堂案例——制作卡通角色入场动画165

9.4.2 传统补间动画的特点168

9.4.3 应用滤镜效果169

9.5 课堂练习——制作圣诞老人飞入动画169

9.6 课后习题——制作图像切换动画170

第10章 高级Flash动画制作171

10.1 引导线动画172

10.1.1 课堂案例——制作汽车路径动画172

10.1.2 引导线动画的特点174

10.1.3 创建引导层和运动引导层174

10.2 遮罩动画175

10.2.1 课堂案例——多层次遮罩动画175

10.2.2 遮罩动画的特点177

10.3 3D动画177

10.3.1 课堂案例——制作3D旋转动画177

10.3.2 3D旋转工具182

10.3.3 3D平移工具182

10.4 为动画添加音乐183

10.4.1 课堂案例——添加背景音乐183

10.4.2 Flash中支持的音频格式186

10.4.3 支持的音频类型187

10.4.4 设置音频属性187

10.5 为动画导入视频188

10.5.1 课堂案例——制作网站视频广告188

10.5.2 Flash中支持的视频格式190

10.5.3 “导入视频”对话框191

10.6 课堂练习——制作3D平移动画191

10.7 课后习题——制作图像切换遮罩动画192

第11章 广告文字动画和按钮动画193

11.1 广告文字动画194

11.1.1 课堂案例——制作广告文字动画194

11.1.2 文本类型196

11.1.3 设置文本属性197

11.1.4 移动和选择文本197

11.1.5 课堂案例——制作闪烁文字动画198

11.1.6 为文本设置超链接200

11.1.7 分离文本200

11.2 按钮动画200

11.2.1 课堂案例——制作按钮菜单动画201

11.2.2 元件的中心点和注册点203

11.2.3 编辑元件204

11.2.4 课堂案例——制作游戏按钮动画205

11.2.5 认识“库”面板208

11.2.6 管理库项目209

11.3 课堂练习——制作发光文字动画210

11.4 课后习题——制作翻转按钮动画210

Dreamweaver CC篇211

第12章 Dreamweaver CC入门211

12.1 “网页三剑客”之Dreamweaver212

12.1.1 了解网页制作软件——Dreamweaver212

12.1.2 Dreamweaver在网页制作方面的优势212

12.2 认识Dreamweaver CC工作界面212

12.3 网页文件的基础操作213

12.3.1 课堂案例——制作第一个HTML页面214

12.3.2 新建网页215

12.3.3 打开网页216

12.3.4 预览网页216

12.3.5 保存和关闭网页217

12.4 创建站点218

12.4.1 课堂案例——创建站点并设置远程服务器218

12.4.2 切换站点220

12.4.3 “管理站点”对话框220

12.5 课堂练习——创建本地静态站点221

12.6 课后习题——在代码视图中创建HTML页面222

第13章 在网页中插入基础网页元素223

13.1 设置网页整体属性224

13.1.1 课堂案例——控制欢迎页面整体外观224

13.1.2 设置外观（CSS）226

13.1.3 设置外观（HTML）226

13.1.4 设置连接（CSS）227

13.1.5 设置标题（CSS）227

13.1.6 设置标题和编码227

13.1.7 设置跟踪图像228

13.2 在网页中添加文本228

13.2.1 课堂案例——制作关于我们页面229

13.2.2 在网页中输入文本的方法230

13.2.3 设置文本属性230

13.2.4 插入水平线231

13.2.5 插入时间232

13.2.6 插入特殊字符232

13.3 在网页中创建项目列表和编号列表232

13.3.1 课堂案例——制作新闻列表233

13.3.2 设置项目列表和编号列表属性235

13.4 在网页中插入图像236

13.4.1 课堂案例——制作游戏介绍页面236

13.4.2 网页图像格式238

13.4.3 设置图像属性238

13.4.4 “插入鼠标经过图像”对话框240

13.5 课堂练习——制作图像页面240

13.6 课后习题—制作文本网页240

第14章 创建网页链接242

14.1 创建普通超链接243

14.1.1 课堂案例——创建文字和图像链接243

14.1.2 相对路径245

14.1.3 绝对路径245

14.1.4 外部链接和内部链接246

14.1.5 超链接打开方式246

14.2 创建特殊超链接246

14.2.1 课堂案例—创建空链接和下载链接247

14.2.2 空链接248

14.2.3 下载链接248

14.2.4 课堂案例——创建E-mail链接248

14-2-5电子邮件链接250

14-2-6脚本链接250

14-2-7图像热点工具250

14-3 课堂练习——创建脚本链接250

14-4 课后习题——创建图像热点链接251

第15章 在网页中运用多媒体元素252

15-1 HTML5Audio和HTML5 Video253

15-1-1课堂案例——为网页插入HTML5视频和音频253

15-1-2插入HTML5 Audio并设置属性255

15-1-3插入HTML5 Video并设置属性256

15-2在网页中插入Flash动画256

15-2-1课堂案例——制作Flash网页257

15-2-2设置Flash属性258

15-3在网页中插入FLV视频259

15-3-1课堂案例——制作FLV视频页面259

15-3-2“插入FLV视频”对话框260

15-4在网页中插入普通视频261

15-4-1课堂案例——在网页中插入视频261

15-4-2网页中常用视频格式263

15-4-3在网页中添加背景音乐263

15-4-4网页中支持的音频格式263

15-5课堂练习——为网页添加背景音乐264

15-6课后习题——制作Flash欢迎页264

第16章 CSS样式与Div＋CSS布局265

16-1创建CSS样式266

16.1.1 课堂案例——创建标签CSS样式和类CSS样式266

16.1.2 什么是CSS样式268

16.1.3 CSS样式的基本写法269

16.1.4 CSS样式的优越性269

16.1.5 课堂案例——创建ID CSS样式和复合CSS样式269

16.1.6 全新的“CSS设计器”面板272

16.1.7 编辑CSS样式273

16.2 丰富的CSS样式设置273

16.2.1 课堂案例——制作图像展示页面274

16.2.2 布局样式详解275

16.2.3 课堂案例——制作网页文本介绍276

16.2.4 文本样式详解277

16.2.5 课堂案例——为网页中的图像添加边框效果278

16.2.6 边框样式详解280

16.2.7 课堂案例——设置网页背景图像280

16.2.8 背景样式详解282

16.2.9 课堂案例——美化新闻列表283

16.2.10 其他样式详解284

16.3 CSS样式的特殊应用284

16.3.1 课堂案例——制作游戏网站新闻284

16.3.2 CSS类选区286

16.3.3 课堂案例——在网页中实现特殊字体效果286

16.3.4 Web字体288

16.3.5 Adobe Edge Web Fonts288

16.4 Div＋CSS布局289

16.4.1 课堂案例——CSS盒模型289

16.4.2 了解CSS盒模型291

16.4.3 CSS盒模型要点291

16.5 课堂练习——创建网页中超链接CSS样式292

16.6 课后习题——网页布局中的空白边叠加292

第17章 制作网页表单293

17.1 在网页中应用常用表单元素294

17.1.1 课堂案例——制作用户登录页面294

17.1.2 常用表单元素298

17.1.3 文本域属性设置299

17.1.4 图像按钮属性设置300

17.1.5 课堂案例——制作网站投票301

17.1.6 单选按钮属性设置303

17.1.7 复选框属性设置303

17.1.8 课堂案例——制作搜索栏303

17.1.9 选择域属性设置306

17.1.10 按钮、重置按钮和提交按钮306

17.2 在网页中运用HTML5表单元素307

17.2.1 课堂案例——制作网站留言表单页面307

17.2.2 HTML5表单元素309

17.2.3 电子邮件310

17.2.4 Url311

17.2.5 Tel311

17.3 课堂练习——制作登录窗口312

17.4 课后习题——制作用户注册页面312

第18章 为网页添加特效313

18.1 为网页添加行为314

18.1.1 课堂案例——为网页添加弹出信息314

18.1.2 什么是事件315

18.1.3 什么是动作316

18.1.4 课堂案例——为网页添加弹出广告316

18.1.5 “打开浏览器窗口”对话框317

18.2 为网页添加文本行为317

18.2.1 课堂案例——为网页添加状态栏文本317

18.2.2 设置容器的文本318

18.2.3 设置文本域文字319

18.2.4 设置框架文本319

18.3 为网页添加jQuery效果319

18.3.1 课堂案例——实现网页元素的动态隐藏320

18.3.2 了解jQuery效果321

18.4 课堂练习——检查网页表单322

18.5 课后习题——改变网页元素的属性322

网站案例篇324

第19章 制作社区类网站324

19.1 设计社区类网站首页面325

19.2 制作网站Flash动画329

19.3 制作社区网站页面336