Web前台设计实例教程

第Ⅰ篇 使用Dreamweaver 4.0进行网页设计和网站管理

第1章 初识网页

1.1 网页实例

1.1.1 个人网站“星星点灯”

1.1.2 商业网站“指南针”

1.2 有关网页制作的基础知识

1.2.1 网页的基本组成元素

1.2.2 HTML简介

1.2.3 WWW的工作机制

1.2.4 网页制作“三剑客”

小结

第2章 Dreamweaver 4.0概貌

2.1 Dreamweaver 4.0的新增功能

2.2 Dreamweaver 4.0的工作环境

2.2.1 主编辑窗口

2.2.2 属性检测器

2.2.3 对象（Objects）面板

2.2.4 启动（Launcher）面板

2.2.5 历史（History）面板

2.2.6 HTML样式（HTML Styles）面板

2.2.7 CSS样式（CSS Styles）面板

2.2.8 库（Library）面板

2.2.9 HTML源代码检查器

2.2.10 框架（Frames）面板

2.2.11 层（Layers）面板

2.2.12 模板（Templates）面板

2.2.13 快捷菜单

2.3 用户参数的设置

2.3.1 常规（General）参数设置

2.3.2 源代码颜色（Code Colors）参数设置

2.3.3 源代码格式（Code Format）参数设置

2.3.4 代码重写（Code Rewriting）设置

2.3.5 CSS样式（CSS Styles）设置

2.3.6 文件类型/编辑器（File Types/Editor）设置

2.3.7 字体/编码（Font/Encoding）参数设置

2.3.8 突出显示（Highlighting）参数设置

2.3.9 面板（Panels）设置

2.3.10 状态栏（Status Bar）参数设置

2.3.11 其他设置

2.4 Dreamweaver 4.0的菜单简介

小结

第3章 创建新的网页

3.1 本地站点管理

3.1.1 新建本地站点

3.1.2 站点文件管理

3.1.3 站点地图

3.2 创建网页

3.2.1 创建网页的有关操作

3.2.2 设置页面属性

3.2.3 网页的预览

3.3 插入文本

3.3.1 文本的样式

3.3.2 文本的颜色

3.4 插入图像

3.4.1 插入普通图像

3.4.2 插入翻转图像

3.4.3 外部图像编辑器

3.4.4 设置图像属性

3.5 插入其他修饰符

3.5.1 插入项目符号

3.5.2 插入分隔线

3.5.3 插入特殊字符

3.5.4 插入日期和时间

3.5.5 插入注释文字

3.5.6 插入行终止符号

3.6 段落的格式

3.6.1 创建新段落

3.6.2 对齐段落

3.6.3 缩进段落

3.7 创建超级链接

3.7.1 文本的超级链接

3.7.2 图片的超级链接

小结

第4章 网页定位技术

4.1 表格

4.1.1 创建表格

4.1.2 设置表格属性

4.1.3 表格的嵌套

4.1.4 填充表格

4.1.5 表格的修改

4.1.6 表格中行. 列及单元格的设置

4.2 框架与框架集

4.2.1 创建框架和框架集

4.2.2 创建嵌套的框架集

4.2.3 编辑框架

4.2.4 生成无框架内容

4.3 图层

4.3.1 CSS简介

4.3.2 层的分类

4.3.3 创建层

4.3.4 设置层属性

4.3.5 有关层的操作

4.3.6 层的嵌套

4.3.7 将层转换为表格

4.4 模板

4.4.1 模板的概念

4.4.2 创建模板

4.4.3 使用模板编辑器

4.4.4 编辑模板

4.4.5 自动更新

4.4.6 在模板中使用样式. 时间线及行为

小结

第5章 动态HTML技术

5.1 什么是动态HTML

5.2 行为的概念

5.2.1 什么是行为

5.2.2 行为的附加及修改

5.3 使用Dreamweaver 4.0中的行为

5.3.1 调用JavaScript（Call JavaScript）

5.3.2 改变属性（Change Property）

5.3.3 检查浏览器（Check Browser）

5.3.4 检查插件（Check Plugin）

5.3.5 控制Shockwave或Flash（Control Shockwave or Flash）

5.3.6 拖动图层（Drag Layer）

5.3.7 跳转到URL（Go To URL）

5.3.8 编辑跳转菜单（Jump Menu）

5.3.9 打开浏览器窗口（Open Browser Window）

5.3.10 播放声音（Play Sound）

5.3.11 弹出信息（Popup Message）

5.3.12 预载图像（Preload Images）

5.3.13 设置导航条图像（Set Nav Bar Image）

5.3.14 设置文本（Set Text）

5.3.15 替换图像（Swap Image）

5.3.16 替换图像恢复（Swap Image Restore）

5.3.17 验证表单（Validate Form）

5.4 用时间线制作DHTML动画

5.4.1 时间线的概念

5.4.2 准备图层

5.4.3 使用时间线创建时间线动画

5.4.4 通过拖动路径创建时间线动画

5.4.5 修改时间线的属性

5.4.6 加入行为

小结

第Ⅱ篇 使用Fireworks 4.0进行网络图形设计

第6章 Fireworks 4.0快速入门

6.1 Fireworks 4.0简介

6.1.1 Fireworks的优点

6.1.2 Fireworks涉及的基本概念

6.1.3 Fireworks 4.0的新增功能

6.2 Fireworks 4.0应用程序界面

6.2.1 Fireworks 4.0的窗口结构

6.2.2 使用浮动面板

6.3 入门实例

小结

第7章 Fireworks 4.0实例

7.1 Fireworks 4.0功能概览

7.2 绘图工具的使用实例

7.2.1 一个网站Logo图像的制作

7.2.2 十字花形按钮的制作

7.3 创建动画

7.3.1 简单动画的例子

7.3.2 复杂动画创作实例之一——淡入. 淡出的动画效果

7.3.3 复杂动画创作实例之二——一个主页标志（Logo）的制作

7.4 热点和切片

7.4.1 创建热点

7.4.2 创建切片

7.5 创建弹出菜单（Pop-up Menu）

7.6 应用Fireworks 4.0中的遮罩（Mask）

7.6.1 创建位图遮罩

7.6.2 创建矢量遮罩

7.6.3 区域内遮罩

7.6.4 多对象遮罩

7.6.5 对象组遮罩

7.6.6 文字遮罩

7.6.7 一个利用遮罩原理生成按钮的实例

7.7 创建按钮和导航条

7.7.1 简单二态按钮的制作

7.7.2 标准四态按钮的制作

7.7.3 导航条的制作

7.8 动态翻转图

7.8.1 关于翻转图的基本概念

7.8.2 利用拖拽方式制作翻转图

7.8.3 传统翻转图的制作方法

小结

第8章 Fireworks 4.0中文件的导入和导出

8.1 文件的导入方式

8.1.1 打开

8.1.2 用导入方式生成Fireworks文档

8.1.3 在已打开的Fireworks文档中导入文件

8.2 文件的导出

8.2.1 导出图像实例

8.2.2 导出的结果

8.2.3 用导出向导来导出图像

8.2.4 导出中的优化和预览

8.2.5 导出一个区域

8.2.6 导出矢量路径

小结

第Ⅲ篇 使用Flash 5.0进行动画设计

第9章 Flash 5.0概述

9.1 Flash简介

9.1.1 Flash的发展背景

9.1.2 Flash的特点

9.2 初识Flash 5.0

9.2.1 Flash 5.0的新增功能

9.2.2 Flash 5.0对计算机环境的要求

9.2.3 Flash 5.0的安装

9.3 Flash 5.0的工作环境

9.3.1 基本工作环境介绍

9.3.2 时间线窗口

9.3.3 控制面板

9.4 使用Flash 5.0建立一个动画

9.5 学习资源

小结

第10章 基本动画制作

10.1 动画中的帧

10.2 运动变形动画示例

10.2.1 转动的星星

10.2.2 渐变的星星

10.3 形状变形动画示例

10.3.1 一般变形动画

10.3.2 可控变形动画

10.4 色彩变化动画

10.5 逐帧动画

小结

第11章 高级动画制作

11.1 多层动画制作

11.2 使用引导层

11.2.1 链接引导层

11.2.2 非链接引导层

11.3 使用遮罩层

11.3.1 遮罩层的基本使用

11.3.2 水波效果

11.4 合成声音

11.4.1 声音的引入

11.4.2 声音的编辑

11.4.3 声音属性

11.4.4 在作品中使用声音

小结

第12章 交互式动画

12.1 交互式动画概述

12.2 Flash 5.0的变量. 函数和表达式

12.2.1 常量

12.2.2 变量

12.2.3 函数

12.2.4 表达式及运算符

12.3 播放控制语句

12.3.1 Go To（跳转）语句

12.3.2 Stop（停止）语句

12.3.3 Play（播放）语句

12.3.4 Toggle High Quality语句

12.3.5 Stop All Sounds语句

12.4 控制语句

12.4.1 Set Variable（赋值）语句

12.4.2 If与Else语句

12.4.3 While循环语句

12.4.4 Comment注释语句

12.4.5 Trace（跟踪）语句

12.4.6 函数调用

12.5 动画播放控制

12.5.1 setProperty（调整属性）语句

12.5.2 duplicateMovieClip和removeMovieClip（复制/删除动画片段）语句

12.5.3 装载/卸载外部动画语句

12.5.4 tellTarget（控制目标）语句

12.5.5 getURL（建立URL地址链接）语句

小结

第13章 Flash作品的输出和发布

13.1 作品的输出（Export）

13.2 作品的发布（Publish）

13.2.1 发布当前作品

13.2.2 设置发布作品的格式和参数

13.2.3 发布作品的播放效果预览

小结

第Ⅳ篇 创 作 实 例

第14章 个人网站创作实例——Starshine

14.1 个人网站设计概述

14.1.1 整体规划

14.1.2 制作流程

14.1.3 网站设计规则与禁忌

14.1.4 网站版式结构设计的一般原则

14.2 个人网站实例

14.2.1 网站内容结构

14.2.2 目录结构

14.2.3 建立网站地图

14.2.4 网站的版式设计

14.3 制作引导页

14.3.1 引导页分类

14.3.2 制作引导页中的动画

14.3.3 引导页的最终完成

14.4 网页元素的制作

14.4.1 Logo的设计

14.4.2 背景图案的制作

14.4.3 广告条的制作

14.4.4 小图标的制作

14.4.5 标题设计

14.5 制作全局导航条

14.6 制作首页

14.7 完成个人网站

14.7.1 个人影集的制作

14.7.2 科技版块的制作

14.8 全面检查网站

14.9 发布并宣传自己的网站

14.9.1 发布个人网站

14.9.2 宣传自己的网站

小结

第15章 综合实例——商业网站“指南针”

15.1 建设商业网站的准备工作

15.1.1 规划商业网站

15.1.2 建立商业网站的过程

15.2 “指南针”网站实例概况

15.2.1 浏览整个网站

15.2.2 网站中各文件的层次安排

15.3 建设商业网站——网页设计与制作

15.3.1 定义本地站点

15.3.2 首页设计

15.3.3 页面布局

15.3.4 使用模板建设网站

15.4 建设商业网站——设计和制作网页图像与动画

15.4.1 个性化风格

15.4.2 Logo图像的设计

15.4.3 设计导航条按钮

15.4.4 使用Flash 5.0制作网站首页动画

15.4.5 发挥你的美术才能

15.5 建设商业网站——电子商务实践

15.5.1 电子商务应用的三种模式

15.5.2 实现网上旅游预约

15.5.3 在Dreamweaver 4.0中使用ASP

15.5.4 如何实现社区特色服务

15.5.5 站点的维护