《Dreamweaver CC Flash CC Photoshop CC网页设计案例课堂(第2版)》以零基础讲解为宗旨，用实例引导读者深入学习，采取基础入门网页内容设计网页元素设计网页动画设计项目开发的讲解模式，深入浅出地讲解网页设计的各项技术及实战技能。

《Dreamweaver CC Flash CC Photoshop CC网页设计案例课堂(第2版)》第1篇基础入门主要内容包括网页设计与网站建设基础、网页配色与网站布局等；第2篇网页内容设计主要内容包括使用Dreamweaver CC创建站点、使用文本丰富网页内容、使用图像与多媒体网页元素、设计网页中的超链接、使用网页表单和行为等；第3篇网页元素设计主要内容包括调整与修饰图像、制作网页特效文字、制作网页按钮与导航条、制作网页特效边线与背景、制作网页Logo与网页Banner等；第4篇网页动画设计主要内容包括制作简单网页动画元素、使用元件和库、创建交互式动画、制作动态网站的Logo与Banner、Flash动画的测试与发布等；第5篇项目开发主要内容包括使用CSS层叠样式表、利用Div CSS布局网页、构建动态网站的运行环境、使用MySQL数据库、开发网站用户管理系统等。

《Dreamweaver CC Flash CC Photoshop CC网页设计案例课堂(第2版)》赠送了12种超值的王牌资源。包括本书实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、11个精彩JavaScript案例、Dreamweaver CC快捷键速查手册、HTML标记速查表、精彩网站配色方案赏析、网页样式与布局案例赏析、CSS Div布局赏析案例、Web前端工程师常见面试题等。

《Dreamweaver CC Flash CC Photoshop CC网页设计案例课堂(第2版)》面向初、中级用户，适合任何想学习用Dreamweaver Flash Photoshop设计网页的人员，无论您是否从事计算机相关行业，无论您是否接触过Dreamweaver Flash Photoshop，通过学习本书均可快速掌握用Dreamweaver Flash Photoshop设计网页和开发动态网站的方法及技巧。

前 言

　　网站开发案例课堂系列图书是专门为办公技能和网页设计初学者量身定制的一套学习用书，涵盖网页设计、网站开发、数据库设计等方面。整套书具有以下几个特点。

面向前沿科技

　　无论是网站建设、数据库设计，还是HTML 5、CSS 3、JavaScript，我们都精选较为前沿或用户群较大的领域推进，帮助大家认识和了解最新动态。

权威的作者团队

　　组织国家重点实验室和资深应用专家联手编著该套图书，融合丰富的教学经验与优秀的管理理念。

学习型案例设计

　　以技术的实际应用过程为主线，全程采用图解和同步多媒体结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率。

为什么要写这样一本书

　　随着网络的发展，很多企事业单位和广大网民对于建立网站的需求越来越强烈。另外，对于大中专院校，很多学生需要做网站毕业设计，但是这些读者又不懂网页代码程序，不知道从哪里下手。针对这些情况，我们编写了此书，以期全面带领读者学习网页设计和网站建设的知识。通过本书的实训，读者可以很快地学会设计网页和开发网站，提高职业技能，从而帮助解决公司与求职者的双重需求问题。

本书特色

零基础、入门级的讲解

　　无论您是否从事计算机相关行业，无论您是否接触过Dreamweaver Flash Photoshop网页设计和动态网站开发，都能从本书中找到最佳起点。

超多、实用、专业的范例和项目

　　本书在编排上紧密结合深入学习网页制作技术的先后过程，从网页设计的基本概念开始，带领大家逐步深入地学习各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者读起来简明轻松，操作起来有章可循。

随时检测自己的学习成果

　　大部分章末均设置了疑难解惑板块，从而帮助读者解决自学过程中最常见的疑难问题。

细致入微、贴心提示

　　本书在讲解过程中，在各章中使用了注意提示技巧等小贴士，使读者在学习过程中更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。

专业创作团队和技术支持

　　您在学习过程中遇到任何问题，可加入QQ群(案例课堂VIP，号码为451102631)进行提问，专家人员会在线答疑。

超值资源大放送

全程同步教学录像

　　涵盖本书所有知识点，详细讲解每个实例和项目的过程及技术关键点。比看书更能轻松地掌握书中所有动态网站开发的知识，而且扩展的讲解部分可使您得到比书中更多的收获。

超多容量王牌资源

　　赠送大量王牌资源，包括本书实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、11个精彩JavaScript案例、Dreamweaver CC快捷键速查手册、HTML标记速查表、精彩网站配色方案赏析、网页样式与布局案例赏析、CSS Div布局赏析案例、Web前端工程师常见面试题等。读者可以通过QQ群(案例课堂VIP，号码为451102631)获取赠送资源，也可以扫描二维码，下载本书资源。

读者对象

没有任何Dreamweaver Flash Photoshop网页设计基础的初学者。

有一定的Dreamweaver Flash Photoshop网页设计基础，想精通网站开发的人员。

有一定的动态网站开发基础，没有项目经验的人员。

正在进行毕业设计的学生。

大专院校及培训学校的老师和学生。

创作团队

　　本书由刘春茂编著，参加编写的人员还有刘玉萍、张金伟、蒲娟、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、王伟、展娜娜、李琪、梁云梁和周浩浩。在编写过程中，我们竭尽所能地将最好的讲解呈现给读者，但也难免有疏漏和不妥之处，敬请不吝指正。若您在学习中遇到困难或疑问，或有任何建议，可写信至信箱357975357@qq.com。

　　 编 者

刘春茂，本科毕业于上海复旦大学，硕士毕业于清华大学。曾在美国IBM公司移动产品开发组从事Android平台应用的开发。

擅长的核心技术

媒体和教育领域个性化信息推荐，网站用户行为数据挖掘，健康领域非结构化数据处理。

擅长的其他技术

熟悉各种网站和手机（Andorid和iOS）app的开发等，精通Java, C/C , PHP, Python等流行语言并对Hadoop， MapReduce等大数据框架有深入研究。

目 录第1篇 基 础 入 门第1章 开启网页设计之路网页设计与网站建设基础31.1 认识网页和网站41.1.1 什么是网页41.1.2 什么是网站51.1.3 网站的种类和特点51.2 网页的相关概念71.2.1 因特网与万维网71.2.2 浏览器与HTML71.2.3 URL、域名与IP地址81.2.4 上传和下载81.3 网页的HTML构成91.3.1 文档标记91.3.2 头部标记101.3.3 主体标记101.4 HTML的常用标记111.4.1 标题标记111.4.2 段落标记111.4.3 换行标记121.4.4 链接标记131.4.5 列表标记141.4.6 图像标记171.4.7 表格标记191.4.8 表单标记211.5 综合案例制作日程表221.6 疑难解惑25第2章 整体把握网站结构网页配色与网站布局272.1 善用色彩设计网页282.1.1 认识色彩282.1.2 确定网站的主题色292.1.3 网页中色彩的搭配312.1.4 网页元素的色彩搭配322.1.5 网页色彩搭配的技巧342.2 常见网站的布局结构362.2.1 国字型362.2.2 标题正文型372.2.3 左右框架型372.2.4 上下框架型372.2.5 综合框架型382.2.6 封面型382.2.7 Flash型382.3 综合案例定位网站页面的框架392.4 疑难解惑40
　　第2篇 网页内容设计
第3章 磨刀不误砍柴工使用Dreamweaver CC创建站点433.1 认识Dreamweaver CC443.1.1 启动Dreamweaver CC443.1.2 认识Dreamweaver CC的工作区453.1.3 体验Dreamweaver CC的新增功能473.2 创建站点503.2.1 案例1创建本地站点503.2.2 案例2创建远程站点513.3 管理站点523.3.1 案例3打开站点523.3.2 案例4编辑站点523.3.3 案例5删除站点533.3.4 案例6复制站点543.3.5 案例7导出与导入站点543.4 操作站点文件及文件夹553.4.1 案例8创建文件夹563.4.2 案例9创建文件563.4.3 案例10文件或文件夹的移动和复制573.4.4 案例11删除文件或文件夹573.5 综合案例创建本地站点583.6 疑难解惑59第4章 制作我的第一个网页使用文本丰富网页内容614.1 网页文档的基本操作624.1.1 案例1创建网页624.1.2 案例2页面属性624.1.3 案例3保存网页644.1.4 案例4打开网页654.1.5 案例5预览网页664.2 添加网页内容674.2.1 案例6插入文字674.2.2 案例7设置字体684.2.3 案例8设置字号684.2.4 案例9设置字体颜色694.2.5 案例10设置字体样式704.2.6 案例11编辑段落724.2.7 案例12创建项目列表774.3 使用特殊文本添加网页内容794.3.1 案例13插入换行符794.3.2 案例14插入水平线794.3.3 案例15插入日期804.3.4 案例16插入特殊字符814.4 综合案例制作图文并茂的网页824.5 疑难解惑84第5章 有图有真相使用图像与多媒体网页元素875.1 常用图像格式885.1.1 GIF格式885.1.2 JPEG格式885.1.3 PNG格式895.2 用图像美化网页895.2.1 案例1插入图像895.2.2 案例2设置图像的属性915.2.3 案例3设置图像对齐方式935.2.4 案例4剪裁需要的图像945.2.5 案例5调整图像的亮度与对比度955.2.6 案例6设置图像的锐化效果965.3 插入其他图像元素975.3.1 案例7插入鼠标经过图像975.3.2 案例8插入图像占位符995.4 在网页中插入多媒体1005.4.1 案例9插入背景音乐1005.4.2 案例10插入Flash动画1015.4.3 案例11插入FLV视频1025.4.4 案例12插入HTML 5音频1045.4.5 案例13插入HTML 5视频1055.5 综合案例1制作精彩的多媒体网页1075.6 综合案例2在代码视图中插入背景音乐1095.7 疑难解惑110第6章 不在网页中迷路设计网页中的超链接1136.1 超级链接1146.1.1 链接的概念1146.1.2 常规链接1146.1.3 链接的类型1156.2 链接路径1166.2.1 什么是URL1166.2.2 绝对路径1166.2.3 文档相对路径1176.2.4 根相对路径1176.3 创建超级链接的方法1176.3.1 案例1使用菜单命令创建链接1176.3.2 案例2使用【属性】面板创建链接1186.3.3 案例3使用【指向文件】按钮创建链接1186.4 创建不同种类的网页超链接1196.4.1 案例4添加文本链接1196.4.2 案例5添加图像链接1206.4.3 案例6创建外部链接1216.4.4 案例7创建锚记链接1216.4.5 案例8创建图像热点链接1236.4.6 案例9创建电子邮件链接1246.4.7 案例10创建下载文件的链接1256.4.8 案例11创建空链接1266.4.9 案例12创建脚本链接1266.5 综合案例为企业网站添加友情链接1286.6 疑难解惑128第7章 让网页互动起来使用网页表单和行为1297.1 认识表单1307.1.1 什么是表单1307.1.2 认识表单对象1307.1.3 案例1插入表单1337.1.4 案例2设置表单属性1347.2 常用表单对象的应用1357.2.1 案例3插入文本域1357.2.2 案例4插入密码域1367.2.3 案例5插入复选框1377.2.4 案例6插入单选按钮1387.2.5 案例7插入下拉菜单1387.2.6 案例8插入滚动列表1397.2.7 案例9插入按钮1407.2.8 案例10插入图像按钮1407.2.9 案例11插入文件上传域1417.3 认识行为1427.3.1 行为的概念1427.3.2 案例12打开【行为】面板1437.4 常用内置行为的应用1437.4.1 案例13交换图像1437.4.2 案例14弹出信息1457.4.3 案例15打开浏览器窗口1467.4.4 案例16检查表单行为1487.4.5 案例17设置状态栏文本1497.5 综合案例使用表单制作留言本1517.6 疑难解惑154　　第3篇 网页元素设计
第8章 网页图像说变就变调整与修饰图像1578.1 图像色调的调整1588.1.1 案例1调整图像的亮度与对比度1588.1.2 案例2使用【色阶】命令调整图像1588.1.3 案例3使用【曲线】命令调整图像1628.1.4 案例4调整图像的曝光度1658.2 图像色彩的调整1668.2.1 案例5使用【色相/饱和度】命令1668.2.2 案例6使用【自然饱和度】命令1688.2.3 案例7使用【色彩平衡】命令1688.2.4 案例8使用【黑白】命令1698.2.5 案例9使用【照片滤镜】命令1708.2.6 案例10使用【通道混合器】命令1718.2.7 案例11使用【匹配颜色】命令1728.2.8 案例12使用【替换颜色】命令1748.2.9 案例13使用【可选颜色】命令1758.2.10 案例14使用【阴影/高光】 命令1778.3 修复图像中的污点与瑕疵1788.3.1 案例15修复图像中的污点1788.3.2 案例16修复图像中的瑕疵1798.3.3 案例17修复图像选中的区域1798.3.4 案例18内容感知移动工具1808.3.5 案例19消除照片中的红眼1818.4 通过图像或图案修饰图像1828.4.1 案例20通过复制图像修饰图像1828.4.2 案例21通过图案修饰图像1838.5 通过橡皮擦修饰图像1838.5.1 案例22擦除图像中指定的区域1848.5.2 案例23擦除图像中的指定颜色1848.5.3 案例24擦除图像中相近的颜色1858.6 修饰图像中的细节1868.6.1 案例25修饰图像中生硬的边缘1868.6.2 案例26提高图像的清晰度1878.6.3 案例27通过涂抹修饰图像1878.7 通过调色修饰图像1888.7.1 案例28减淡工具和加深工具1888.7.2 案例29改变图像色彩的饱和度1898.8 综合案例制作放射线背景图1898.9 疑难解惑190第9章 有情有义的文字制作网页特效文字1919.1 文字的类型1929.2 输入文字1929.2.1 案例1通过文字工具输入文字1929.2.2 案例2通过文字蒙版工具输入文字状选区1949.2.3 案例3转换点文字和段落文字1959.2.4 案例4转换文字排列方向1959.3 设置文字格式1969.3.1 案例5通过选项栏设置格式1969.3.2 案例6通过【字符】面板设置文字格式1979.3.3 案例7通过【段落】面板设置段落格式1989.3.4 案例8设置字符样式和段落样式2009.3.5 案例9查找和替换文本2009.4 文字转换2019.4.1 案例10将文字转换为工作路径2019.4.2 案例11将文字转换为形状2029.4.3 案例12将文字转换为图像2029.5 制作常见特效文字2039.5.1 案例13制作路径文字2039.5.2 案例14制作变形文字2049.5.3 案例15制作燃烧文字特效2069.6 综合案例制作空心轮廓字2089.7 疑难解惑210第10章 网页中的路标制作网页 按钮与导航条21110.1 按钮与导航条的设计原则21210.1.1 网页按钮的设计注意事项21210.1.2 网页导航条的设计注意 事项21210.2 制作按钮21310.2.1 案例1制作普通按钮21310.2.2 案例2制作迷你按钮21410.2.3 案例3制作水晶按钮21710.2.4 案例4制作木纹按钮22110.3 制作导航条22410.3.1 案例5制作横向导航条22410.3.2 案例6制作垂直导航条22610.4 综合案例制作水晶风格网站导航条22810.5 疑难解惑234第11章 网页中迷人的蓝海制作网页特效边线与背景23511.1 制作装饰边线23611.1.1 案例1制作装饰虚线23611.1.2 案例2制作内嵌线条23811.1.3 案例3制作斜纹线条23911.2 制作网页背景图片24111.2.1 案例4制作渐变背景图片24111.2.2 案例5制作透明背景图像24411.3 综合案例制作梦幻星光网页背景24511.4 疑难解惑249第12章 网页中的标志与旗帜制作网页Logo与网页Banner25112.1 网页Logo与Banner概述25212.1.1 网页Logo设计标准25212.1.2 网页Logo的标准尺寸25312.1.3 网页Logo的一般形式25412.1.4 网页Banner的标准尺寸25512.1.5 Banner设计注意要点25512.2 制作文字Logo25512.2.1 案例1制作背景25512.2.2 案例2制作文字内容25612.2.3 案例3绘制自定义形状25712.2.4 案例4美化文字Logo25812.3 制作图案Logo26012.3.1 案例5制作背景26012.3.2 案例6制作图案效果26212.4 制作英文Banner26412.4.1 案例7制作Banner背景26412.4.2 案例8制作Banner底纹26512.4.3 案例9制作文字特效26712.5 制作中文Banner26712.5.1 案例10输入特效文字26712.5.2 案例11将输入的文字设置为3D效果26812.5.3 案例12制作Banner背景27012.6 综合案例1制作图文结合 Logo27112.7 综合案例2制作图文结合 Banner27512.8 疑难解惑277　　第4篇 网页动画设计
第13章 让网页活灵活现制作简单网页动画元素28113.1 Flash的基本功能28213.1.1 矢量绘图28213.1.2 动画设计28213.1.3 强大的编程功能28213.2 时间轴、帧和图层28313.2.1 什么是图层28313.2.2 时间轴与帧28413.3 制作简单动画28513.3.1 案例1制作帧帧动画28513.3.2 案例2制作补间动画28813.3.3 案例3制作遮罩动画29213.3.4 案例4使用动画预设29413.4 综合案例制作数字倒计时动画29513.5 疑难解惑297第14章 快速组织动画素材使用元件和库29914.1 创建Flash元件30014.1.1 元件概述与分类30014.1.2 案例1创建图形元件30014.1.3 案例2创建按钮元件30114.1.4 案例3创建影片剪辑元件30414.1.5 案例4调用其他文档中的元件30614.2 使用实例30614.2.1 案例5为实例另外指定一个元件30714.2.2 案例6改变实例属性30714.3 使用【库】面板31014.3.1 案例7认识【库】面板31014.3.2 案例8库的管理与使用31114.4 综合案例制作绚丽网页按钮31314.5 疑难解惑317第15章 网页元素的动态交互创建交互式动画31915.1 ActionScript概述32015.1.1 ActionScript基本术语32015.1.2 【动作】面板32115.2 使用ActionScript制作动画特效32215.2.1 案例1制作按钮切换图片效果32215.2.2 案例2制作按钮切换背景颜色效果32715.2.3 案例3制作星光闪烁效果33215.3 Flash常用组件的使用33615.3.1 案例4组件的添加与删除33715.3.2 案例5Button(按钮)组件33815.3.3 案例6CheckBox(复选框)组件33915.3.4 案例7ComboBox(下拉列表)组件34015.3.5 案例8List平铺滚动组件34215.3.6 案例9RadioButton(单选按钮)组件34415.3.7 案例10ProgressBar(加载进度)组件34615.3.8 案例11ScrollPane(滚动条窗口)组件34715.4 综合案例制作飘雪效果34915.5 疑难解惑352第16章 让网页动起来制作动态网站的Logo与Banner35316.1 制作滚动文字Logo35416.1.1 设置文档属性35416.1.2 制作文字元件35416.1.3 制作滚动效果35516.2 制作产品Banner35716.2.1 制作文字动画35716.2.2 制作文字遮罩动画35916.2.3 制作图片动画36016.3 疑难解惑362第17章 动态网页元素的输出Flash动画的测试与发布36317.1 Flash动画的优化36417.1.1 案例1动画的优化36417.1.2 案例2动画的测试36517.2 输出前的格式设置36617.2.1 案例3Flash输出的设置36617.2.2 案例4HTML输出的设置36717.2.3 案例5GIF输出的设置36917.2.4 案例6JPEG输出的设置37017.2.5 案例7PNG输出的设置37117.3 Flash动画的发布37217.3.1 案例8导出动画37217.3.2 案例9预览发布动画37317.4 疑难解惑374　　第5篇 项 目 开 发
第18章 读懂样式表密码使用CSS层叠样式表37718.1 初识CSS样式表37818.1.1 什么是CSS37818.1.2 CSS的3种类型37818.1.3 CSS的语法格式37918.1.4 案例1使用Dreamweaver编写CSS38018.2 CSS的使用方式38118.2.1 案例2行内样式38218.2.2 案例3内嵌样式38218.2.3 案例4链接样式38318.2.4 案例5导入样式38518.3 CSS中的常用样式38618.3.1 案例6使用字体样式38618.3.2 案例7使用文本样式39018.3.3 案例8使用背景样式39418.3.4 案例9设计边框样式40118.3.5 案例10设置列表样式40518.4 综合案例制作简单公司主页40918.5 疑难解惑412第19章 架构师的大比拼利用 Div CSS布局网页41319.1 认识并创建层41419.1.1 什么是层41419.1.2 案例1使用Dreamweaver 创建层41419.2 Div层的定位方法41519.2.1 盒子模型的概念41519.2.2 案例2定义网页border 区域41519.2.3 案例3定义网页padding 区域41719.2.4 案例4定义网页margin 区域41819.3 使用CSS排版42119.3.1 案例5将页面用div 分块42119.3.2 案例6设置各块位置42219.3.3 案例7用CSS定位42219.4 常见网页布局模式42519.4.1 案例8网页单列布局模式42519.4.2 案例9网页1-2-1型布局模式42919.4.3 案例10网页1-3-1型布局模式43219.5 综合案例创建左右布局页面43519.6 疑难解惑438第20章 制作动态网页基础构建动态网站的运行环境43920.1 PHP基本知识44020.1.1 PHP的概念44020.1.2 PHP语言的优势44020.1.3 PHP服务器概述44020.2 安装PHP前的准备工作44120.2.1 软硬件环境44120.2.2 案例1获取PHP 7.1安装资源包44220.3 PHP IIS服务器的安装配置44320.3.1 案例2IIS简介及安装44320.3.2 案例3PHP的安装44420.3.3 案例4设置虚拟目录44720.4 PHP Apache服务器的环境搭建44720.4.1 Apache简介44720.4.2 案例5关闭原有的网站服务器44820.4.3 案例6安装Apache44920.4.4 案例7将PHP与Apache建立关联45020.5 在Windows下使用WampServer组合包45120.6 综合案例测试第一个PHP程序45420.7 疑难解惑455第21章 构建动态网站后台数据使用MySQL数据库45721.1 定义一个互动网站45821.1.1 定义互动网站的重要性45821.1.2 网页取得数据库的原理45821.1.3 案例1在Dreamweaver CC中定义网站45921.2 MySQL数据库的安装和管理46221.2.1 案例2MySQL 数据库的安装46221.2.2 案例3MySQL 数据库的配置46621.2.3 案例4phpMyAdmin的安装47021.2.4 案例5MySQL数据库的建立47121.3 在网页中使用MySQL数据库47721.3.1 案例6添加【数据库】面板47721.3.2 案例7建立MySQL数据库连接47921.3.3 案例8绑定记录集48121.4 数据库的备份与还原48421.4.1 案例9数据库的备份48421.4.2 案例10数据库的还原48521.5 综合案例给我的MySQL数据库加密48621.6 疑难解惑487第22章 综合应用案例开发网站用户管理系统48922.1 系统的功能分析49022.1.1 规划网页结构和功能49022.1.2 站点文件规划49122.1.3 网页美工设计49122.2 数据库设计与连接49122.2.1 数据库设计49222.2.2 创建数据库连接49422.3 用户登录模块的设计49622.3.1 登录页面49622.3.2 登录成功和登录失败页面的制作50422.3.3 用户登录系统功能的测试50622.4 用户注册模块的设计50722.4.1 用户注册页面50722.4.2 注册成功和注册失败页面51222.4.3 用户注册功能的测试51322.5 用户注册资料修改模块的设计51422.5.1 修改资料页面51422.5.2 更新成功页面51622.5.3 修改资料功能的测试51722.6 密码查询模块的设计51822.6.1 密码查询页面51822.6.2 完善密码查询功能页面52222.6.3 密码查询模块的测试524