本书是Macromedia公司推荐的Dreamweaver MX、Fireworks MX和Flash MX三个软件的简体中文版学习用书。全书内容划分为网页设计基础篇、网页设计工具篇和网页设计范例篇。各篇分别介绍了从事网页设计必须了解的基础知识、网页设计软件的基本操作方法和5种不同风格网站的实现过程。
全书以网页设计的基础知识为起点,以介绍Dreamweaver MX、Fireworks MX和Flash MX三个软件的使用方法为核心内容,以范例站点为了解网页设计软件应用的切入点,可操作性强,是学习使用Dreamweaver MX、Fireworks MX和Flash MX三个软件的入门级培训教程。随书所附光盘包含书中范例演示文件及网页制作素材。
本书是针对网页设计初学者编写的,可作为网页设计新手的自学教程,也可以用做电脑培训班、辅导班和短训班的教材。
网页设计基础篇
第1章 网页设计概述
1.1 网站、网页和主页
1.2 网站设计的工作流程
1.2.1 根据网站主题组织网站内容
1.2.2 规划网站栏目和网站目录结构
1.2.3 确定网页版面布局
1.2.4 网页布局原则
1.2.5 收集制作网页的素材
1.2.6 整合网页素材
1.2.7 添加网页特效
1.2.8 测试和发布网站
1.3 网页制作工具的配合使用
1.4 本章小结
1.5 思考与练习
第2章 网页基本要素分析
2.1 站标、导航栏、广告条和按钮
2.1.1 站标的位置与设计要点
2.1.2 导航栏设计要点
2.1.3 广告条的尺寸和位置
2.1.4 按钮的设计要点
2.2 网页中的色彩
2.2.1 网站主色调选择
2.2.2 网页色彩应用
2.3 网页中的文本
2.4 网页中的图片
2.4.1 网页图片的应用要点
2.4.2 网页图片处理
2.5 网页中的动画
2.5.1 GIF图片动画
2.5.2 Flash动画
2.6 多媒体和其他插件
2.7 本章小结
2.8 思考与练习
第3章 站点空间申请与管理
3.1 网站空间申请
3.1.1 选择申请空间方式和服务器
3.1.2 申请免费空间的一般过程
3.1.3 域名选取技巧
3.2 网站的宣传与管理
3.2.1 网站宣传推广
3.2.2 网站维护更新
3.3 本章小结
3.4 思考与练习
网页设计工具篇
第4章 Dreamweaver MX简介
4.1 认识Dreamweaver MX
4.2 Dreamweaver MX的新增功能
4.2.1 全新的设计模式
4.2.2 手工编写网页代码设计环境
4.2.3 支持更多的网页程序设计环境
4.3 Dreamweaver MX工作界面
4.3.1 第一次启动Dreamweaver MX
4.3.2 Dreamweaver MX的界面组成
4.4 常用面板介绍
4.4.1 插入栏各对象面板
4.4.2 面板组
4.4.3 其他面板
4.5 Dreamweaver MX个性化的操作
4.5.1 隐藏/显示面板组
4.5.2 收缩和展开面板
4.5.3 移动面板位置
4.5.4 调整工作区的大小
4.5.5 添加面板快速启动按钮
4.6 本章小结
4.7 思考与练习
第5章 Flash MX简介
5.1 认识Flash动画
5.2 Flash MX的新增功能
5.2.1 可选择的设计模式
5.2.2 全新的用户界面
5.2.3 向下兼容Flash 5文档
5.2.4 增强的功能组件
5.2.5 良好的扩展性和易用性
5.3 Flash MX操作界面
5.3.1 Flash MX中的课程面板
5.3.2 认识Flash MX的工作环境
5.4 Flash MX中的常用工具
5.4.1 直线、矩形和椭圆形工具
5.4.2 应用铅笔工具
5.4.3 描绘与填充图形
5.4.4 添加与编辑文本
5.4.5 其他常用面板介绍
5.5 本章小结
5.6 思考与练习
第6章 Fireworks MX简介
6.1 认识Fireworks MX
6.2 Fireworks MX的新增功能
6.2.1 Fireworks MX用户界面
6.2.2 增强的功能组件
6.2.3 良好的易用性和兼容性
6.3 Fireworks MX操作界面
6.4 Fireworks MX中的基本工具
6.4.1 选择和变形对象
6.4.2 绘制、绘画和编辑位图对象
6.4.3 绘制与编辑矢量对象
6.4.4 添加与编辑文本
6.5 常用工具面板介绍
6.5.1 “优化”面板
6.5.2 “层”面板
6.5.3 “样式”、“URL”和“库”面板
6.5.4 “帧”面板
6.5.5 “历史记录”面板
6.6 本章小结
6.7 思考与练习
网页设计范例篇
第7章 “朝花夕拾”站点——Dreamweaver MX基础应用
7.1 范例介绍
7.1.1 网站的主题和内容
7.1.2 风格、色彩和布局
7.1.3 绘制网页草图和网站结构图
7.2 制作要点
7.3 制作步骤
7.3.1 创建网站的站点文件夹
7.3.2 在站点中添加网页和文件夹
7.3.3 设置网页连接速度、窗口大小和网页标题
7.3.4 表格的应用
7.3.5 动态按钮的应用
7.3.6 图片插入与保存
7.3.7 设置网页文字效果
7.3.8 制作其他网页
7.4 本章小结
7.5 思考与练习
第8章 “蓝色世纪”站点——Dreamweaver与Fireworks整合应用
8.1 范例介绍
8.2 制作要点
8.3 制作步骤
8.3.1 Fireworks MX的图片制作
8.3.2 Fireworks MX的动画制作
8.3.3 Fireworks MX的按钮制作
8.3.4 主页中表格与图片的插入
8.3.5 图层的应用
8.3.6 为图片添加热点
8.3.7 创建模板
8.3.8 应用模板创建其他网页
8.3.9 添加弹出信息窗口行为
8.4 本章小结
8.5 思考与练习
第9章 “云鹏科技”站点——Dreamweaver MX框架和行为应用
9.1 范例介绍
9.2 制作要点
9.3 制作步骤
9.3.1 制作网页图片
9.3.2 制作框架网页
9.3.3 为网页添加动态效果
9.3.4 制作其他网页
9.3.5 链接框架网页
9.3.6 添加打开浏览器窗口效果
9.4 本章小结
9.5 思考与练习
第10章 “浩瀚宇宙”站点——Flash MX动画网站制作
10.1 范例介绍
10.2 制作要点
10.3 制作步骤
10.3.1 创建与保存文档
10.3.2 添加图像与文本
10.3.3 制作按钮
10.3.4 制作按钮补间动画
10.3.5 创建其他场景框架
10.3.6 为按钮动画创建动作
10.3.7 制作逐帧动画
10.3.8 设置其余4个场景
10.3.9 设置【返回主页】按钮
10.3.10 设置其他链接效果
10.3.11 发布Flash动画
10.4 本章小结
10.5 思考与练习
第11章 “花影袭人”站点——“三剑客”整合应用
11.1 范例介绍
11.2 制作要点
11.3 准备工作
11.3.1 配置系统
11.3.2 使用Fireworks MX制作站标和美化图片
11.3.3 使用Flash MX制作广告条
11.4 制作步骤
11.4.1 定义“花影袭人”站点
11.4.2 制作首页
11.4.3 主页组件整合
11.4.4 应用行为添加弹出式菜单效果
11.4.5 设置CSS样式
11.4.6 框架网页制作
11.4.7 制作内容网页
11.4.8 制作与检查表单网页
11.4.9 建立数据库
11.4.10 连接数据库
11.4.11 向数据库中提交记录
11.4.12 制作显示数据库中的所有记录网页
11.4.13 应用时间轴添加下拉式菜单效果
11.5 站点测试、上传和管理
11.5.1 测试本地站点
11.5.2 上传站点
11.5.3 管理站点
11.6 本章小结
11.7 思考与练习
习题答案
Macromedia公司的Dreamweaver、Fireworks和Flash,自问世以来备受网页设计专业人士青睐,被誉为“网页制作三剑客”,经过多年的改进,“三剑客”已经成为网页设计的标准工具。近期Macromedia公司又推出了三个软件的新版本——MX系列的Dreamweaver、Fireworks和Flash。让中国用户惊喜的是,MX系列的简体中文版终于问世了!这无疑降低了学使用这三个软件的门槛,将促使促使更多的网页设计爱好者使用“三剑客”进行网页设计和制作。
“三剑客”中,Dreamweaver MX主要负责网页版式设计、网页编辑制作。在新的版本中,Dreamweaver已经将Dreamweaver UltraDev的所有功能整合进来,也就是说原来的Dreamweaver与Dreamweaver UltraDev两者合并组成了Dreamweaver MX,但这种组合不是简单的相加关系,而是有机地融合成一个整体。Dreamweaver MX是一套“所见即所得”的网页编辑软件,适合不同层次的人学使用。只有掌握Dreamweaver MX,才能真正体会到网页设计的乐趣。
在Macromedia MX系列软件中,与Dreamweaver MX合作最密切的要算是Fireworks MX了。Fireworks MX为用户提供了一个专业化的环境来创建和编辑网页图形、对图形进行动画处理、添加高级交互功能,以及优化图像。Macromedia MX独特的集成功能使在Dreamweaver和Fireworks中交替处理文件变得十分容易。Dreamweaver与Fireworks识别和共享许多相同的文件编辑结果,其中包括对链接、图像映射、表格切片等的更改。这两个应用程序共同为在HTML页面中编辑、优化和放置网页图形文件提供了一个优化的工作流程。
Flash在网页动画制作领域一直备受青睐,而新版本Flash MX更有着让动画设计者梦寐以求的强大功能,根据Macromedia公司官方的说法,Flash本次重大改版处至少多达57项以上。Flash MX在网页动画制作领域的领头羊地位已经不可动摇。
本书是Macromedia 中国公司推荐的、面对网页设计初学者的Dreamweaver MX、Fireworks MX和Flash MX三个软件简体中文版的学习用书,全书共11章,分为网页设计基础篇、网页设计工具篇和网页设计范例篇。随书所附光盘包含书中范例演示文件及网页制作素材。
网页设计基础篇主要对网页设计进行了总体的概述,对网页的基本要素逐一进行了分析,并介绍了站点空间申请与管理相关知识。熟练掌握这些知识可以为使用三个软件进行网页设计打下良好的基础。
网页设计工具篇是三个软件的使用说明,介绍了软件的工作界面、新增功能,以及常用工具和面板。本篇内容在讲解Fireworks MX和Flash MX时,配合了许多小的直观的实例操作,来介绍工具使用,更适合第一次接触软件的人学用。而对于Dreamweaver MX的介绍,更侧重于系统的讲解,具体的应用将在网页设计范例篇体现出来。
网页设计范例篇主要介绍了应用三个软件制作网站的实现过程。本篇为读者精心设计了5种风格的范例网站。,每一个站点的设计和实现都以体现三个软件的功能应用为目的为目的,而不去过多考虑网站本身是否漂亮好看,因为毕竟本书不是“精彩网页赏析”,而是面对网页设计初学者的培训教程。
本书定位于网页设计初学者,如果读者学完本书后,需要向更高层次进阶,可参考我社已出版的部分图书:
《十分创意Flash——设计师谈动画设计》(TP81800)
《Web Color Design——设计师谈网页配色》(TP79310)
《Flash MX 中文版灵感设计》(TP79220)
《网页图像设计圣典》(TP73630)
本书由飞思科技产品研发中心策划并组织编写,Team Macromedia China的***成员黄刚进行审核技术审定,白雁君、周宏敏、贾辉主笔,参加本书编写工作的人还有郭万颖、董青松、那风军、杨慧侠、王凤春、蔡斌、杨玉田、宋小丽、邢小玉。在此表示感谢。由于时间仓促,作者水平有限,书中难免由不妥之处,欢迎广大读者提出宝贵意见。
飞思科技产品研发中心