dreamweaver 的使用

Dreamweaver 的使用

主讲教师

杨 薇

Dreamweaver 的主要内容简介

窗体简介 网页创建的基本过程 表格 框架 层 表单

Dreamweaver 的功能

它是一种所见即所得的编辑软件，简单易用 , 在制作网页时自动生成了HTML 代码，同时也提供了编辑 HTML

代码的功能，大大方便了习惯使用 HT

ML 代码编辑网页的用户。

Dreamweaver 的界面

对象面板属性面板

浮动面板

状态栏

对象面板与属性面板 对象面板和属性面板是制作网页时使用

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

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

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

实例

表格的使用

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

框架

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

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

创建框架的方法

1. 新建页面2. 打开创建框架对话框3. 选择创建框架的位置4. 输入内容5. 保存框架（用保存所有框架命令）

框架的种类

框架实例

层的使用

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

创建层

1. 建立页面2. 确定插入层位置3. 插入层4. 改变层的属性

改变层的属性

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

层的实例

层实例 2

交互页面设计

1. 超级链接的使用

2. 表单的使用

超级链接的使用

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

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

文字超链接应用

电子邮件链接

图片链接

表单的设计

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

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

表单实例