超炫网页设计 MX 2004版 基础与实例全科教程PDF电子书下载

第一篇 基础知识篇 1

第1章 网页设计概述 3

1.1 初识网页 3

1.1.1 网页与网站 3

1.1.2 网页制作的意义 3

1.1.3 网页组成 4

1.2 设计要素 4

1.2.1 网页版面布局 5

1.2.2 网页色彩 8

1.3 基本术语 11

1.4 制作工具 12

习题 14

第2章 网页排版工具——Dreamweaver MX 2004 15

2.1 Dreamweaver MX 2004工作环境 15

2.1.1 标题栏 16

2.1.2 菜单栏 17

2.1.3 插入栏 17

2.1.4 文档工具栏及文档窗口 18

2.1.5 状态栏 21

2.1.6 “属性”面板 22

2.1.7 面板组 23

2.2.1 建立网站的工作流程 27

2.2 建立站点与网页 27

2.2.2 创建本地站点 30

2.2.3 创建网页 33

2.3 使用表格布局网页 36

2.3.1 创建表格 36

2.3.2 理解表格的HTML代码 37

2.3.3 编辑表格 39

2.3.4 格式化表格 42

2.4 使用层与框架 49

2.4.1 创建层 49

2.4.2 操作层 51

2.4.3 设置层的属性 53

2.4.4 层与表格的相互转换 56

2.5 文本、图像及其他内容的添加 59

2.5.1 添加文本 59

2.5.2 使用CSS样式表 61

2.5.3 插入图像 63

2.5.4 插入其他内容 66

2.6 超链接、表单与行为的设置 71

2.6.1 创建超链接 71

2.6.2 创建表单 77

2.6.3 设置行为 83

2.7 使用框架 86

2.7.1 创建框架集 87

2.7.2 设置属性 88

2.7.3 调整框架 90

2.7.4 在不同的框架中打开链接页面 94

2.8 应用模板和库 95

习题 96

第3章 网页美工工具——Fireworks MX 2004 98

3.1 Firework MX 2004工作环境 98

3.1.1 开始页面 98

3.1.2 菜单栏 99

3.1.3 工具箱 100

3.1.4 “属性”面板 105

3.1.5 浮动面板 106

3.1.6 工作区 108

3.2 在Fireworks中绘制图形 108

3.3 图像的优化与导出 111

3.3.1 优化图像 112

3.3.2 导出图像 113

3.4 使用Fireworks MX 2004制作网页元素 114

3.4.1 按钮的创建与编辑 115

3.4.2 导航条的创建 118

3.4.3 创建热点 120

3.4.4 创建切片 122

3.4.5 为切片或热点添加行为 125

3.5 使用Fireworks制作GIF动画 129

3.5.1 元件及“库”元素的使用 129

3.5.2 帧-帧GIF动画 131

3.5.3 过渡GIF动画 134

习题 143

4.1 Flash MX 2004操作基础 147

4.1.1 Flash MX 2004工作界面 147

第4章 网页动画工具——Flash MX 2004 147

4.1.2 新建文档并设置属性 150

4.1.3 使用“时间轴”面板 151

4.1.4 使用场景 154

4.1.5 使用“库”面板 155

4.1.6 使用公用库和共享库资源 157

4.1.7 使用影片浏览器 159

4.1.8 使用标尺和网格 160

4.1.9 设置Flash参数 161

4.2 绘图工具箱 164

4.2.1 直线工具 164

4.2.2 椭圆工具 167

4.2.3 矩形工具 168

4.2.4 铅笔工具 168

4.2.5 刷子工具 170

4.2.6 颜料桶工具 172

4.2.7 橡皮擦工具 173

4.3 使用Flash制作简单动画 174

4.3.1 自绘图形创建动画 174

4.3.2 使用遮罩创建动画 180

4.3.3 使用引导路径创建动画 186

4.4.1 使用“动作”面板 190

4.4 使用Flash制作交互动画 190

4.4.2 帧中的ActionScript 194

4.4.3 按钮中的动作 195

4.4.4 影片剪辑中的ActionScript 198

4.4.5 编辑动作函数 200

4.5 导出与发布Flash影片 202

4.5.1 导出影片 202

4.5.2 发布影片 203

习题 209

第二篇 综合实例篇 211

5.2 创建站点及网页 213

第5章 超炫实例1——经典表格网页 213

5.1 站点定位及结构设计 213

5.3 用表格布局网页 216

5.4 为网页中的栏目添加内容 219

5.5 为网页内容添加超链接 221

5.6 在Fireworks中制作banner 222

5.7 在网页中添加其他内容 228

习题 232

第6章 超炫实例2——全Fireworks网页 234

6.1 设计整体布局 234

6.2 导入准备好的图片 235

6.3 使用蒙版制作导航栏目 237

6.4 使用行为添加页面互动区域 239

6.5 为导航栏创建链接 243

习题 245

第7章 超炫实例3——全Flash网页 246

7.1 制作网页内容 246

7.1.1 制作dang an影片剪辑元件 246

7.1.2 制作li cheng影片剪辑元件 248

7.1.3 制作zhuan ji影片剪辑元件 250

7.1.4 制作yanchanhui影片剪辑元件 252

7.2.1 制作Button图形元件 254

7.2 创建制作导航按钮的素材 254

7.2.2 制作Select影片剪辑元件 255

7.2.3 制作Buttonmove的影片剪辑元件 255

7.2.4 制作星光移动的影片剪辑元件 256

7.3 制作导航按钮 258

7.3.1 制作About按钮 258

7.3.2 制作其他按钮 259

7.4 在场景中制作网页 260

7.5 预览与发布Flash网页 263

习题 264

8.1 使用Flash制作banner动画 265

第8章 超炫实例4——个人网页 265

8.2 在Fireworks中制作页脚导航栏图片 269

8.3 在Fireworks中制作网页图片 272

8.4 在Dreamweaver中布局页面 273

习题 275

第9章 超炫实例5——企业网页 276

9.1 使用Flash制作页面广告动画 276

9.1.1 创建及导入动画素材 276

9.1.2 创建“建筑外观”画面 278

9.1.3 创建“亲水园林住宅”画面 279

9.1.4 创建“居家休闲”画面 281

9.1.5 创建“商业便利”画面 283

9.1.6 创建“无限延伸”画面 286

9.2 在Dreamweaver中布局整个页面 291

习题 294

第10章 超炫实例6——学校网页 295

10.1 使用Flash制作banner动画 295

10.2 在Dreamweaver中制作网页 305

习题 309

第11章 超炫实例7——主题网页 310

11.1 在Fireworks中处理收集的素材 310

11.2.1 导入图片 312

11.2 使用Flash制作旋转的主题内容 312

11.2.2 制作按钮元件 313

11.2.3 制作圆环图形元件 314

11.2.4 为Circle图形元件中的按钮添加脚本 319

11.2.5 创建旋转的动画 319

11.2.6 创建MenuMovie影片剪辑元件 321

11.2.7 创建场景动画 325

11.3 使用Flash制作banner动画 330

11.4 在Dreamweaver中制作主题网页 332

习题 336

附录 部分习题参考答案 337