Dreamweaver 4实站演练

第1章 基本须知

1-1 网站制作流程与设计基础

网站制作流程说明

网页设计基础

1-2 HTML标记语言

什么是HTML标记

1-3 必备工具与相关软件介绍

图库

网页编辑软件

图像处理软件

网页动画软件

Gif动画软件

1-4 网页图片特性

图片分辨率

图片格式

1-5 域名与空间的申请

申请虚拟空间

申请域名

第2章 Dreamweaver你好

2-1 Dreamweaver4新增功能

Macromedia标准化用户界面

快捷键编辑器（Edit Keyboard Shortcuts）

组合式面板

显示HTML样式（Roundtrip HTML）

完整的源代码编辑功能

分窗编码与设计（Show Code and Design Views）

JavaScript除错功能

内建O’Reilly参考手册

超强排版功能

轻易插入Flash文字和按钮

与Fireworks更紧密的结合

资源管理（Assets）

网站报告（Reports）

内建Email

Macromedia Exchange

2-2 系统需求

PC族

Mac族

2-3 工作环境介绍

排版区（Document Window）

工具箱（objects）

浮动面板（FloatingPanel）

快速激活栏（Launcher Bar）

属性面板（Properties）

第3章 自我介绍Part1首页设计

3-1 学习目标

3-2 个人风格的网站规划

站点结构设计

浏览设计

站点风格

3-3 网站文件夹的分类方式

不分类式

依文件类型分类

依网站结构分类

3-4 建立不分类的网站文件夹

3-5 参数设定

General（一般设定）

Font／Encoding（字体／编码设定）

Preview in Browser（设定预览的浏览器）

3-6 网页背景、文字等属性设定

Title（设定标题名称）

Background Image（网页的背景图片）

Background（网页的背景色）

设定文字颜色

边界设定

Document Encoding（网页字体编码设定）

3-7 插入图片

将Banner放入网页中

保存与预览网页

第4章 自我介绍PART 2页内设计

4-1 学习目标

4-2 新增网页

4-3 图片

插入图片

图片属性面板

改变图片大小

图片提示文字

4-4 文字

输入文字

关于字体

更改字体

字体大小

文字颜色

图文对齐方式

4-5 快速制作其他页面的秘诀

4-6 内部网页与信箱的链接

内部网页间的链接

信箱链接

回到首页

4-7 上传

第5章 网络同学会PART 1

5-1 学习目标

5-2 社区性的网站规划

5-3 建立依文件类型分类的文件夹

5-4 自动换页的首页设计

5-5 表格排版

利用表格排版的网站

插入表格

选取表格

调整大小

表格属性

单元格属性

用表格做Banner

用表格做导航条

内容的编排

第6章 网络同学会Part2——表格网页的制作

6-1 学习目标

6-2 Layout View排版

Layout View状态下加入Layout Table（排版表格）

Layout View状态下加入Layout Cell（排版单元格）

选取与移动单元格

调整大小

隐藏表格标题行

加入图文

Layout View的参数设定

Spacer Images空白图片的使用（Fixd＆Autostretch）

删除Spacer Images

6-3 留言讨论区

申请PC home免费空间与讨论区

链接打开新窗口

6-4 自动加上主题的信箱链接

6-5 CSS样式表的应用（CSS Styles）

CSS样式表面板

链接文字去底线

滑过变色的链接文字

第7章 网络同学会PART3

7-1 学习目标

7-2 套用样板快速建站（Templates）

编辑样板

套用样板

设定可编辑区域

7-3 导入Excel数据

导入Excel数据

表格排序

7-4 弹出式菜单（Jump Menu）

无按钮的弹出式菜单

有按钮的下拉菜单

7-5 插入Flash与Shockwave动画

版面设置

Insert Flash

Behavior：Open Browser Window打开自定义的浏览窗口

Insert Shockwave

7-6 使用内建Flash按钮与文字

Insert Flash Button

Insert Flash Text

Shockwave参数设定

Behavior：Control Shockwave or Flash

7-7 CuteFTP上传网站

删除多余的文件

Cute的FTP上传网站

第8章 网络写真

8-1 网络写真

用“Dreamweaver”和“Fireworks”制作写真集

8-2 套用现成样板的网络写真集

使用现成样板建立站点

设定图片的外部编辑器

用Fireworks改变图片大小

底片化的图片效果

样板中文文字显示的处理

第9章 公司网站制作Part 1

9-1 学习目标

9-2 商业站点的网站规划

架设公司网站的好处

架设公司网站需要注意的事项

产品分类方式

站点结构设计

9-3 依网页分类的文件夹

定义站点

9-4 框架网页的概念与制作（Frames）

框架概念

切割框架

手动式的切割框架

选取框架

保存框架

调整框架大小

Frameset属性设定

Frame框架属性设定

设定框架背景色

其他应注意事项

9-5 插入图片导航条（Insert Navigation Bar）

新增页面

插入图片导航条

重新编辑完成的图片导航条

第10章 公司网站制作Part 2

10-1 学习目标

10-2 插入鼠标换图——Insert Rollover Image

用Layout View排版功能完成Banner

自动加上收件人、附件、主题与密件的信箱链接

插入鼠标换图Insert Rollover Image

插入分隔线Insert Horizontal Rule

10-3 Insert Script

为何选择JavaScript

JavaScript能用来做什么

图片振动效果

10-4 利用CSS样式表控制网页背景

利用CSS控制网页背景

10-5 图层（Layers）

建立图层（Draw Layer）

选取与移动图层

将对象插入图层中

调整图层大小

图层属性面板

图层控制面板

10-6 时间轴动画

时间轴面板

时间轴与图层

非直线前进动画

重复播放

时间轴与Behavior行为命令

第11章 公司网站制作Part3

11-1 学习目标

11-2 HTML样式（HTML Styles）

打开HTMLStyles控制面板

查看HTMLStyles面板上现成的文字样式

新增HTMLStyle

套用HTMLStyles

重新编辑或删除样式

11-3 Assets认真的对象管理员

打开Assets对象管理员面板的三种方式

Assets对象管理员面板

更新站点清单

将对象新增到收藏夹清单中

使用Assets对象管理员里的对象

套上颜色或链接

改变对象的排列顺序

选取多个Assets对象

利用Assets对象管理员寻找对象的文件位置

将对象分享给其他网站

将对象从收藏夹清单中删除

为收藏对象起个小名

群组收藏对象

11-4 Library超级图库

输入特殊符号

将对象加入Library

套用Library

修改Library对象

Library对象属性面板

11-5 回填表单

11-6 锚链接

锚链接练习

11-7 图像映射

第12章 网页花招大全

12-1 Behavior行为命令

Check Plugin检测外挂程序

加入背景音乐

按下按钮才播放音乐

Popup Message信息窗口

Set Text of Status Bar

Show-Hide Layers显示隐藏图层功能

12-2 有了Swish作梦也会笑

Swish

加入其他效果

调整动画长度

加入图片

加入声音

保存动画

输出动画

插入Dreamweaver中

12-3 拥抱DHTML

动态欢迎文字

十字鼠标特效

渐亮效果图片

第13章 Extension专区

13-1 安装Extensions组件

下载Extensions组件

安装Extensions扩充组件

13-2 水印特效

13-3 跑马灯

13-4 卷动窗口

附录A 常见总是Q＆A