Dreamweaver 的使用

1. Dreamweaver的使用 主讲教师 杨 薇

2. Dreamweaver的主要内容简介 • 窗体简介 • 网页创建的基本过程 • 表格 • 框架 • 层 • 表单

3. Dreamweaver的功能 它是一种所见即所得的编辑软件，简单易用, 在制作网页时自动生成了HTML代码，同时也提供了编辑HTML代码的功能，大大方便了习惯使用HTML代码编辑网页的用户。

4. Dreamweaver的界面 浮动面板 对象面板 属性面板 状态栏

5. 对象面板与属性面板 • 对象面板和属性面板是制作网页时使用最多的工具，因为需要放置在网页中的绝大多数内容可以由“对象”面板方便快捷地插入，而属性面板则是对象面板的最好搭档。

6. 对象面板分为六个子面板： • 表单 • 框架 • 字符 • 文件头 • 特殊 • 隐藏

7. 制作网页的一般过程 • 新建网页 • 指定网页标题 • 保存网页 • 编辑、修改、浏览网页

8. 实例

9. 表格的使用 建立页面 设置表格的行与列数 设置表格其它属性 输入表格数据 保存

11. 框架 框架用于网页划分为几个区域，各个区域是一个独立的显示窗口，这样可以在不同的显示区域显示不同的文件，框架最普通的用途是将页面划分为一个导航区域、一个标题区域和一个内容区域。

12. 框架的划分也要适度，如果划分过多，将会使屏幕显示的各个区域变小，浏览内容变得困难，而且页面也显得比较分散，因此创建框架结构的网页以2—3个最好。框架的划分也要适度，如果划分过多，将会使屏幕显示的各个区域变小，浏览内容变得困难，而且页面也显得比较分散，因此创建框架结构的网页以2—3个最好。

13. 创建框架的方法 新建页面 打开创建框架对话框 选择创建框架的位置 输入内容 保存框架 （用保存所有框架命令）

14. 框架的种类

15. 框架实例

16. 层的使用 层是页面中包含网页元素的一种容器，通过层的使用，可以增强对页面的控制以及使页面动态可变。

17. 创建层 建立页面 确定插入层位置 插入层 改变层的属性

18. 改变层的属性 选中层 打开层属性面板 更改层的ID，以用来标识层 设定层的位置 设定层的大小 改变层的可视性 设定层的背景图像或背景色

19. 层的实例

20. 层实例2

21. 交互页面设计 超级链接的使用 表单的使用

22. 超级链接的使用 超级链接是互联网的特征功能。超级链接的对象有许多种。网页、图像是最常用的链接对象，而声音、电影等也可以作为链接的对象。超级链接可以将媒体文件嵌入在网页内，也可以从一个页面跳转到另一个页面。

23. 插入超级链接 建立一个文档 输入链接文字 选定文字 打开制作链接对话框 选择链接目的 保存文件

24. 文字超链接应用

25. 电子邮件链接

26. 图片链接

27. 表单的设计 表单是一级有文本输入框、单选多选按钮等构成的一级输入表，用户可以在该输入表中输入信息，页后将其提交给Web页面上的相应程序，从而做出处理。

28. 创建表单 新建一个文档 添加表单 设置表单属性 保存页面

29. 表单实例