Dreamweaver+Flash+Photoshop网页设计从入门到精通

编辑推荐

“网路开发视频大讲堂”丛书系清华社“视频大讲堂”重点大系之一。该大系包括多个子系列，每个子系列的图书在其同品种的图书中销售名列前茅，其中：u 4个品种荣获“全行业优秀畅销品种”u 1个品种荣获2012年清华大学出版社“专业畅销书”一等奖u 绝大多数品种在“全国计算机零售图书排行榜”同品种排行中名列前茅u 截至目前该大繫纍计销售超过55万册u 该大系已成为近年来清华社计算机专业基础类零售图书最畅销的品牌之一“网路开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一，继承和创新了清华社“视频大讲堂”大系的编写模式、写作风格和优良品质。本书突出了以下内容：u 306节大型高清同步视频演示讲解，可反覆观摩，让学习更为快捷、高效u 220箇中小典型实例，通过实例学习更深入，更有趣，更有动力u 81个综合实战案例，展现工作过程，积累工作经验u 11部网页开发参考手册，CSS2.0参考手册，CSS3.0参考手册，JavaScript参考手册 JavaScript核心参考，jQuery1.7中文手册，jQuery1.3参考手册，jQuery1.4参考手册 W3CSchool，w3c标準html5手册,XHTML参考手册,XMLHttp中文参考手册u 83类实用网页模版，其中HTML5+CSS3网页模版32类，DIV+CSS3网页模版51类。u 集基础知识、中小实例、实战案例、专业经验于一体u 好学、好用、高效

内容提要

《Dreamweaver+Flash+Photoshop网页设计从入门到精通》（清华社“视频大讲堂”大系）通过基础知识+中小实例+实战案例的方式讲述，配有大量视频，适合快速上手。它虽是用CS5写成，但几乎所有内容也适合CS6。它还是一本由浅入深的网页设计和网站开发类百科全书式教程，全书共分为5大部分23章，详细介绍了DreamweaverCS5、Photoshop CS5和Flash CS5的综合使用方法、操作技巧和实战案例。内容包括使用DreamweaverCS5创建网页对象，使用DIV+CSS布局网页，套用表单和行为，网页製作精彩实例，使用Flash设计元件，设计时间轴动画，使用Photoshop设计网页元素，网页效果图切片与输出，以及设计首页效果图等知识。本书作者具有多年网站设计与教学经验，对所有的实例都亲自实践与测试，力求呈现给读者的每一个实例都是真实而完整的。全书内容丰富、实用，讲解循序渐进，每章都安排有丰富的实战案例，案例步骤详尽，可操作性强，适合读者从零基础快速进阶，全面、详尽的知识结构能够满足不同学习阶段的读者对学习内容的不同要求。本书显着特色有：1．同步视频讲解，让学习更为直观高效。306节大型高清同步视频讲解，先看视频再学习效率更高。2．海量精彩实例，用实例学更轻鬆快捷。220个精彩实例，模仿练习是最快捷的学习方式。3．精选实战案例，为高薪就业牵线搭桥。81个实战案例展示可为以后就业积累经验。4．完整学习套餐，为读者提供贴心服务。参考手册11部，实用模版83类，素材源程式，让学习更加方便。5．讲解通俗翔实，看得懂学得会才是硬道理。

本书特色

本书由浅入深地讲解了网站建设与网页设计的整个流程，面向的读者是初级专业人员及网页设计爱好者。为了方便广大读者学习，本书结合大量的实际操作进行介绍。本书作者具有多年网站设计与教学经验，在编写本书时，所有的实例都亲自实践与测试过，力求呈现给读者的每一个实例都是真实而完整的。本书具有如下特点。科学的知识点分布本书从入门到提高，从精通到实战，将知识点根据读者学习的难易程度以及在实际工作中套用的轻重顺序进行安排，真正为读者的学习考虑，便于不同读者能在学习的过程中有针对性地选择学习 内容。清新的语言风格本书立足于实用性，并不像传统的教科书那样语言枯燥、无味，理论知识和实例效果生硬、无实际使用价值，而是深入考虑读者的实际需求，版式清晰、典雅，内容实用，就像一位贴心的朋友、老师在您面前将枯燥的计算机知识娓娓道来。知识与示例结合为使读者更好地理解和掌握每一章所讲述的内容，在每章的最后基本上都有“实战演练”，将本章的内容进行了完整的贯通，以帮助读者巩固本章的相关知识点和提升读者解决实际问题的能力。另外作者还毫无保留地将现实工作中大量非常实用的经验、技巧贡献出来。贴近实战，实例更丰富本书的最大特点是对每个知识内容从实例的角度进行介绍，以详细、直观的步骤讲解相关操作，适时添加提示，以补充使用技巧和知识连结，读者可以快捷地学习操作和套用，实战性非常强。超值配套光碟本书所附光碟的内容为书中介绍的範例的源档案及大量参考素材，供读者学习时参考和对照 使用。

本书内容

本书分为5大部分，共23章，具体结构划分如下。第一部分：网页设计与网站开发準备部分，包括第1章。这部分主要介绍了网站类型概述、网站盈利模式、网页设计常用工具、网站开发筹备和网站规划等知识。第二部分：Dreamweaver网页製作部分，包括第2章～第12章。这部分主要介绍了网页对象设计、CSS美化、网页布局，以及利用Dreamweaver设计互动网页效果，使用Dreamweaver开发动态网站等,主要是HTML+CSS。第三部分：Photoshop网页设计部分，包括第13章～第15章。这部分主要介绍了Photoshop操作基础、Photoshop图层、文本等核心技术，以及如何使用Photoshop设计网页元素。第四部分：网页设计和布局实战部分，包括第16章～第17章。这部分主要通过两个不同类型的网站介绍了如何使用Photoshop设计网站效果图和如何通过Dreamweaver进行重构和布局，把平面设计效果图转换为网页结构效果。第五部分：Flash网页互动部分，包括第18章～第23章。这部分主要介绍了Flash操作基础，Flash图层、文本、动画、元件、绘图等核心技术，以及如何使用Flash设计互动动作，并通过一个综合实例演示如何使用Flash设计一个完整的Flash网站。

本书读者

希望系统学习网页设计、网站製作的初学者从事网页设计製作和网站建设的专业人士Web前端开发和后台设计人员网页设计与製作人员网站建设与开发人员个人网站爱好者与自学者

关于我们

参与本书编写的人员包括鹹建勛、奚晶、文菁、李静、钟世礼、李增辉、甘桂萍、刘燕、杨凡、李爱芝、余乐、孙宝良、余洪萍、谭贞军、孙爱荣、何子夜、赵美青、牛金鑫、孙玉静、左超红、蒋学军、邓才兵、袁江、李东博等。由于作者水平有限，书中疏漏和不足之处在所难免，欢迎读者朋友不吝赐教。

图书目录

第1章 网页设计与网站开发準备 11.1 网站类型概述 21.1.1 网站分类 21.1.2 网站类型定位 41.1.3 个人网站目标分析 61.2 网站盈利模式 81.2.1 广告费 81.2.2 技术费 91.2.3 标準费 91.2.4 服务费 91.2.5 平台费 91.2.6 会员费 101.2.7 增值费 101.2.8 游戏费 101.2.9 电商盈利费 111.3 网页设计常用工具 111.3.1 Dreamweaver 111.3.2 Photoshop 111.3.3 Flash 111.4 网站开发筹备 121.4.1 了解网站工作方式 121.4.2 了解动态网站类型 131.4.3 申请域名和购买空间 141.5 网站规划 181.5.1 设计规划 181.5.2 素材筹备 181.5.3 风格设计 181.5.4 结构设计 191.5.5 撰写网站规划书 19第2章 Dreamweaver快速入门 25视频讲解：1小时36分钟2.1 熟悉Dreamweaver CS5操作界面 272.1.1 打开编辑视窗 282.1.2 标题栏 292.1.3 选单栏 292.1.4 工具列 292.1.5 状态栏 312.1.6 属性面板 312.1.7 浮动面板 312.2 Dreamweaver界面操作演练 322.2.1 使用标尺 322.2.2 使用格线 332.2.3 使用辅助线 342.2.4 使用历史记录 352.3 定义和管理站点 362.3.1 定义本地静态站点 362.3.2 设定站点配置选项 372.3.3 管理站点 412.4 编辑站点内容 422.4.1 熟悉档案面板 422.4.2 操作站点档案和资料夹 442.5 创建网页 482.5.1 新建网页 492.5.2 设定页面基本属性 502.5.3 设定网页元信息 522.5.4 实战演练：设定网页元信息 53
第3章 文本之美 56视频讲解：54分钟3.1 输入文本 573.2 设定文本属性 583.2.1 实战演练：定义文本格式类型 583.2.2 实战演练：定义字型属性 633.2.3 实战演练：定义段落版式 693.3 设定列表样式 723.3.1 实战演练：创建项目列表 733.3.2 实战演练：创建编号列表 743.3.3 实战演练：创建嵌套列表 753.3.4 实战演练：创建定义列表 78第4章 用图像和多媒体丰富页面 80视频讲解：53分钟4.1 在网页中插入图像 814.1.1 实战演练：在网页中插入图像 814.1.2 实战演练：插入图像占位符 834.1.3 实战演练：插入滑鼠经过图像 844.2 设定图像属性 874.3 编辑网页图像 884.4 实战演练：图文混排 904.5 插入Flash动画 934.6 插入FLV视频 974.7 插入音频 1024.8 插入视频 104第5章 设计超连结和导航选单 106视频讲解：42分钟5.1 超连结概述 1075.1.1 绝对路径 1075.1.2 相对路径 1085.1.3 根路径 1085.2 定义超连结的方法 1085.2.1 使用属性面板 1085.2.2 使用指向档案图示 1095.2.3 使用【超级连结】对话框 1105.2.4 使用快捷选单 1115.2.5 滑鼠拖动 1115.2.6 使用原始码 1115.3 使用超连结 1125.3.1 实战演练：创建锚点连结 1125.3.2 实战演练：创建E-Mail连结 1145.3.3 实战演练：创建脚本连结 1165.3.4 实战演练：创建空连结 1175.3.5 实战演练：创建下载连结 1175.3.6 实战演练：创建双连结或多重连结 1195.4 创建图像地图 120第6章 使用表格布局网页 123视频讲解：1小时18分钟6.1 插入表格 1246.2 操作练习：选择表格 1266.2.1 选择完整的表格 1276.2.2 选择行和列 1286.2.3 选择单元格 1296.3 表格属性 1306.3.1 操作练习：设定表格框属性 1306.3.2 操作练习：设定表格对象属性 1316.3.3 操作练习：设定表格特殊属性 1346.4 实战演练：操作表格 1366.4.1 调整大小 1366.4.2 清除、均化大小 138
6.4.3 增加行、列 1396.4.4 删除行、列、单元格内容 1406.4.5 剪下、複製和贴上单元格 1416.4.6 合併和拆分单元格 1436.5 实战演练：操作表格数据 1446.5.1 导入数据 1456.5.2 导出数据 1476.5.3 数据排序 1486.6 实战演练：使用表格设计网页 150第7章 使用框架布局网页 157视频讲解：55分钟7.1 认识框架 1587.2 创建框架 1587.2.1 预定义框架集 1597.2.2 自定义框架集 1607.2.3 自定义嵌套框架 1617.2.4 用HTML定义框架集 1627.3 操作练习：选择框架 1637.3.1 选择框架集 1637.3.2 选择框架 1647.4 框架属性 1647.4.1 操作练习：设定框架集属性 1647.4.2 操作练习：设定框架属性 1657.5 实战演练：操作框架 1667.5.1 导入网页 1667.5.2 设定连结 1707.5.3 设定无框架提示 1717.5.4 保存框架 1737.6 实战演练：设计浮动框架 1737.6.1 插入浮动框架 1737.6.2 设定悬浮框架页面 176第8章 使用CSS美化网页 179视频讲解：2小时8.1 CSS基础 1808.1.1 CSS特点 1808.1.2 CSS基本语法 1808.1.3 CSS基本用法 1838.1.4 CSS属性 1848.1.5 CSS单位 1868.1.6 CSS样式优先权 1888.1.7 CSS类型 1898.2 用Dreamweaver定义CSS样式 1908.2.1 操作练习：定义CSS样式 1908.2.2 实战演练：定义文本样式 1938.2.3 实战演练：定义背景样式 1968.2.4 实战演练：定义区块样式 1978.2.5 实战演练：定义方框样式 2008.2.6 实战演练：定义框线样式 2018.2.7 实战演练：定义列表样式 2038.2.8 实战演练：定义定位样式 2068.2.9 实战演练：定义扩展样式 208第9章 使用DIV+CSS布局网页 211视频讲解：54分钟9.1 认识AP Div 2129.2 操作练习：定义AP Div 2129.2.1 定义独立的AP Div 2129.2.2 定义嵌套的AP Div 2149.3 设定AP Div属性 217
9.3.1 选择AP Div对象 2179.3.2 设定单个AP Div属性 2189.3.3 设定多个AP Div属性 2199.4 操作练习：使用AP Div面板 2199.5 实战演练：操作AP Div 2219.5.1 在AP Div中插入模组内容 2219.5.2 编辑AP Div栏目 2239.5.3 布局AP Div栏目 2239.5.4 定位AP Div 2249.5.5 表格布局与AP Div布局快速切换 226第10章 使用JavaScript行为创建特效网页 232视频讲解：1小时23分钟10.1 认识JavaScript行为 23310.2 添加与编辑JavaScript行为 23310.2.1 增加行为 23410.2.2 操作行为 23410.2.3 浏览器事件介绍 23610.3 使用预定义行为 23810.3.1 实战演练：交换图像和恢复交换图像 23810.3.2 实战演练：弹出信息 24110.3.3 实战演练：打开新浏览器视窗 24210.3.4 实战演练：拖动AP元素 24510.3.5 实战演练：改变属性 24810.3.6 实战演练：显示-隐藏元素 25010.3.7 实战演练：检查外挂程式 25110.3.8 实战演练：设定文本 25210.3.9 实战演练：调用JavaScript 25410.3.10 实战演练：跳转选单 25610.3.11 隐藏弹出式选单 25810.3.12 预先载入图像 25910.4 上机练习：使用Spry效果 25910.4.1 添加显示/渐隐效果 25910.4.2 添加遮帘效果 26010.4.3 添加增大/收缩效果 26110.4.4 添加高亮颜色效果 26210.4.5 添加晃动效果 26310.4.6 添加挤压效果 26410.4.7 添加滑动效果 265第11章 在网页中加入Spry套用 267视频讲解：1小时11分钟11.1 认识Spry框架 26811.1.1 Ajax概述 26811.1.2 Ajax原理分解 26911.2 使用Spry显示动态数据 27011.2.1 定义Spry XML数据集 27011.2.2 定义Spry区域 27611.2.3 定义Spry重複项 277
11.2.4 定义Spry重複列表 27911.3 使用Spry构件 28111.3.1 认识Spry构件 28111.3.2 实战演练：定义Spry选单栏 28211.3.3 实战演练：定义Spry选项卡式面板 28611.3.4 实战演练：定义Spry摺叠式 28911.3.5 实战演练：使用Spry验证文本域 292第12章 建立动态资料库网页 296视频讲解：1小时41分钟12.1 动态网站开发基础 29712.1.1 动态网页製作方法 29712.1.2 定义伺服器 29812.2 搭建虚拟伺服器环境 30012.2.1 ASP伺服器概述 30012.2.2 安装IIS 30112.2.3 定义站点 30212.2.4 设定站点属性 30312.2.5 定义虚拟目录 30612.2.6 实战演练：建立动态网站 30712.3 建立资料库连线 31012.3.1 认识ODBC、ADO、DSN 31012.3.2 上机练习：启动ODBC连线服务 31012.3.3 实战演练：定义DSN连线 31212.3.4 实战演练：定义字元串连线 31412.4 定义记录集 31612.4.1 实战演练：定义简单记录集 31612.4.2 实战演练：定义高级记录集 31812.4.3 操作记录集 31912.5 实战演练：在网页中显示动态数据 32112.5.1 插入动态文本 32212.5.2 插入动态图像 32312.5.3 设计动态下拉列表 32412.5.4 设计动态文本框 32512.5.5 设计动态複选框 32612.5.6 设计动态单选按钮 32712.5.7 设计动态HTML属性 32812.5.8 设计重複区域 33012.5.9 设计记录集分页 33212.5.10 设计显示区域 33412.5.11 设计转到详细页面 33512.5.12 操作记录 33712.5.13 设计用户管理 342第13章 Photoshop网页界面设计基础 345视频讲解：1小时57分钟13.1 熟悉Photoshop主界面 34613.1.1 选单和命令 34613.1.2 工具箱 34713.1.3 选项栏 34813.1.4 浮动面板 34813.1.5 状态栏 34913.2 选取範围 34913.2.1 选取规则区域 34913.2.2 选取不规则区域 35013.3 操作选区 35513.3.1 移动选区 35513.3.2 编辑选区 35613.3.3 修改选区 35613.3.4 变换选区 357
13.3.5 羽化选区 35813.3.6 案例实战：快速抠字 35913.4 使用绘图工具 36013.4.1 使用画笔工具 36013.4.2 使用铅笔工具 36113.4.3 使用橡皮擦工具 36113.4.4 案例实战：绘製球形 36113.5 绘製矢量图 36213.5.1 使用钢笔工具 36213.5.2 转换点类型 36513.5.3 绘製形状 365第14章 使用图层和文本 367视频讲解：1小时30分钟14.1 Photoshop图层概述 36814.2 创建图层 36914.2.1 新建普通图层 36914.2.2 新建背景图层 37014.2.3 新建调整图层 37114.2.4 新建文本图层 37214.2.5 新建填充图层 37214.2.6 新建形状图层 37314.3 操作图层 37414.3.1 图层基本操作 37414.3.2 多图层操作 37814.3.3 合併图层 38014.3.4 使用图层蒙版 38214.3.5 使用剪贴组图层 38414.4 操作文本 38614.4.1 输入文本 38614.4.2 设定文本格式 38714.5 案例实战：製作双环 38814.6 案例实战：设计倒影文字 390第15章 设计网页元素 392视频讲解：1小时26分钟15.1 製作主图 39315.2 製作标题文字 39315.3 製作网页按钮 39515.4 製作导航条图像 39715.5 製作网页背景图像 39815.6 设计网页Logo 40015.6.1 Logo规格 40015.6.2 Logo表现形式 40015.6.3 Logo定位 40015.6.4 Logo设计技巧 40115.6.5 案例实战：製作Google标誌 40115.6.6 案例实战：製作迅雷标誌 40315.7 设计网页Banner 40715.7.1 网页Banner设计策划 40715.7.2 网页Banner设计技巧 41015.7.3 案例实战：设计产品促销广告 41415.8 製作其他网页元素 417第16章 设计宣传展示网站 418视频讲解：1小时03分钟16.1 网站配色 41916.2 网站结构设计 42116.3 输出设计图 42316.4 网站结构重构 42516.5 网站效果重现 428第17章 设计娱乐时尚网站 440视频讲解：45分钟17.1 网站配色 44117.2 网站结构设计 44217.3 输出设计图 44417.4 网站结构重构 44617.5 网站效果重现 449第18章 Flash动画设计基础 461视频讲解：42分钟
18.1 Flash网页动画设计概述 46218.1.1 Flash在网站设计中的套用 46218.1.2 Flash网页动画设计特性 46418.2 熟悉Flash工作环境 46918.2.1 认识Flash主界面 46918.2.2 上机练习：操作Flash文档 47018.2.3 Flash绘图工具与动画场景设定 47118.2.4 使用标尺、辅助线、格线 47318.2.5 使用场景 47418.3 实战演练：设计第一个Flash动画 47518.3.1 设定舞台场景 47518.3.2 创建动画效果 47718.3.3 测试动画 47918.3.4 保存、导出和发布影片 479第19章 使用元件、实例和库 481视频讲解：52分钟19.1 使用元件 48219.1.1 元件类型 48219.1.2 创建图形元件 48219.1.3 创建按钮元件 48519.1.4 实战演练：设计Apple按钮 48719.1.5 实战演练：设计互动式按钮 49119.1.6 创建影片剪辑元件 49319.1.7 编辑元件 49619.2 使用实例 49719.2.1 创建元件实例 49719.2.2 修改元件实例 49819.3 操作元件库 50019.3.1 使用元件库 50019.3.2 调用动画库 50219.3.3 公用库 503第20章 创建Flash动画 504视频讲解：2小时05分钟20.1 Flash帧基础 50520.1.1 操作帧 50520.1.2 编辑帧 50720.1.3 使用洋葱皮 50820.2 Flash层基础 51020.2.1 操作层 51020.2.2 引导层 51420.2.3 遮罩层 51520.3 设计逐帧动画 51620.3.1 导入逐帧动画 51620.3.2 製作逐帧动画 51720.3.3 实战演练：设计网路广告 51920.4 设计补间动画 52220.4.1 製作传统补间动画 52220.4.2 製作补间形状动画 52520.4.3 控制形状变化 52620.4.4 製作补间动画 52820.4.5 巧用动画编辑器 53020.4.6 使用动画预设 53220.4.7 实战演练：设计跳动的小球 53320.5 设计引导线动画 53520.5.1 製作引导线动画 53520.5.2 实战演练：设计科技动画 53720.6 设计遮罩动画 53920.6.1 製作遮罩层动画 53920.6.2 实战演练：製作旋转的地球 54120.6.3 实战演练：设计探照灯效果 544
20.7 设计骨骼动画 54620.7.1 为元件添加骨骼 54620.7.2 为形状添加骨骼 548第21章 用Flash製作动画元素 551视频讲解：1小时26分钟21.1 绘制图形 55221.1.1 绘製路径 55221.1.2 绘制图形 55721.1.3 实战演练：绘製头像 56121.1.4 实战演练：绘製Logo标识 56521.1.5 修饰图形 56721.2 动画上色 56921.2.1 使用墨水瓶 56921.2.2 使用颜料桶 57021.2.3 使用滴管 57121.2.4 使用渐变变形 57221.2.5 实战演练：设计立体按钮 57421.2.6 使用混色器 57621.2.7 实战演练：给衣服上色 57721.3 使用文本 57921.3.1 输入静态文本 57921.3.2 修改文本 58021.3.3 设定文本属性 58021.3.4 分离文本 58221.3.5 动态文本 58321.3.6 输入文本 58321.3.7 实战演练：设计左进右出文字 58321.3.8 实战演练：设计空心文字 58521.3.9 实战演练：设计披雪文字 58621.3.10 实战演练：设计立体文字 588第22章 用Flash导入外部素材 590视频讲解：1小时22.1 导入外部素材 59122.1.1 外部素材概述 59122.1.2 导入外部素材基本方法 59322.1.3 导入外部图像素材 59622.2 编辑图像 59722.2.1 设定点阵图属性 59722.2.2 使用套索工具 59822.2.3 实战演练：製作贺卡 59922.2.4 转换点阵图为矢量图 60222.3 编辑图形 60422.3.1 变形 60422.3.2 实战演练：设计倒影效果 60722.3.3 组合与分散到图层 60922.3.4 对齐图形 61022.3.5 使用变形面板和信息面板 61222.3.6 实战演练：製作摺扇 61322.4 添加声音 61522.4.1 导入声音档案 61522.4.2 为关键帧添加声音 61622.4.3 为按钮添加声音 61622.4.4 编辑声音 61722.5 实战演练：添加视频 620第23章 创建複杂互动式动画 623视频讲解：1小时16分钟23.1 ActionScript概述 62423.2 在Flash中使用ActionScript 62523.2.1 使用动作面板 625
23.2.2 使用行为面板 62623.2.3 添加ActionScript动作 62723.3 实战演练：ActionScript套用开发 62823.3.1 播放和停止 62923.3.2 跳转动画 63023.3.3 停止声音播放 63123.3.4 控制Flash播放器 63223.3.5 访问网页 63323.3.6 载入/卸载影片剪辑 63423.3.7 载入变数 63523.3.8 设定影片剪辑属性 63623.3.9 複製影片剪辑 63923.4 综合实战：开发Flash网站 64023.4.1 Flash网站设计概述 64123.4.2 Flash网站开发必须掌握的几个函式 64123.4.3 网站策划 64323.4.4 首页场景设计 64423.4.5 次场景的製作 64523.4.6 二级次场景製作 64623.4.7 设计Loading 64723.4.8 製作导航条 64923.4.9 载入外部动画影片 65023.4.10 载入外部文本档案 65223.4.11 开发小结 653