网页设计

1．Dreamweaver 8 编辑界面

Dreamweaver 8 包含有一个崭新的、简洁高效的设计开发界面，新式的页面布局，开放的编码环境，

而且新增了众多的功能，改善了软件的易用性，无论处于设计环境还是编码环境都可以方便地生成页面。

（

1）标题栏：显示网页文件标题与名称。

（

2）菜单栏：包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助等十个菜单项，可以完

成所有操作。

（

3）对象插入栏：包含用于将各种类型的

“对象”（如图像、表格和层）插入到文档中的按钮，分为

常用、布局、表单、文本、

HTML、应用程序、Flash元素等七组。

（

4）文档工具栏：包含各种按钮，它们提供3种

“文档”窗口视图（“设计”视图、“代码”视图、“拆分”

视图）的选项、各种查看选项和一些常用操作（如在浏览器中预览）。

（

5）文档窗口：显示当前创建和编辑的文档，有

“设计”视图、“代码”视图和“拆分”视图三种视图方

式。当

“文档”窗口有一个标题栏时，标题栏显示页面标题，并在括号中显示文件的路径和文件名。当“文

档

”窗口在集成工作区布局中处于最大化状态时，它没有标题栏；这种情况下，页面标题以及文件的路径

和文件名显示在主工作区窗口的标题栏中。当

“文档”窗口处于最大化状态时，出现在“文档”窗口区域顶部

的选项卡显示所有打开的文档的文件名；若要切换到某个文档，请单击它的选项卡。

（

6）属性面板：用于设置、查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。

（

7）标签选择器：显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签可以选

择该标签及其全部内容。

（

8）文件面板：可以管理文件和文件夹，能访问本地磁盘的全部文件，类似于Windows 资源管理器。

（

9）面板组：是组合在一个标题下面的相关面板的集合，包括设计、代码、应用程序、历史记录、框架

等面板。单击组名称左侧的展开箭头可以展开相应面板。

2．课程网站主页的创建

下面以制作《现代教育技术》课程网站为例，介绍

Dreamweaver 的基本操作。

（

1）定义本地站点

开始用

Dreamweaver 制作网页时，首先要定义一个本地站点。作为一个网站，里面有很多网页文

件、图片，甚至

Flash 动画等，如果不进行管理归档就无法方便地进行网页发布。定义本地站点，就是在

 

硬盘上建立一个目录，将所有的网页和相关的文件都放在里面，以便进行网页的制作和管理。

① 在 D

“

盘根目录下新建一个文件夹，命名为

myweb”，这个文件夹将作为网站的站点文件夹，以

后所有的网页文件、素材都放在这个文件夹下。

② 

“

选择 站点

/

”

“

新建站点 命令（或 站点

/

”

“

”

“

”

站点管理 命令，单击 新建 按钮），弹出 定义站点 向导

（图

4-1-3

“

”

“

”

所示），输入站点的名字 现代教育技术 ，单击 下一步 ；

1