Dreamweaver网页制作教案.pdf

认识Dreamweaver

一、学习目的

了解Dreamweaver，学会利用Dreamweaver制作网页。

二、学习内容

Dreamweaver的基本知识。

【学习步骤】

1Dreamweaver

、的功能

Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保

存的所有文件，

也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插

入各种插件，以产生特殊效果。

Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的

方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理

清晰。

2Dreamweaver

、的窗口

1

（）标题栏

2

（）菜单栏

3

（）工具栏

4

（）视图栏

5

（）文件夹列表

6

（）工作区

3.网页工作区的三个视图方式选项

HTML

它们分别是“普通”、“”“预览”，它们之间的相互切换十分容易实现

的。

普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此

方式下，可以

像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。

HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网

页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。

对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语

法成分。

Dreamweaver

为了在制作网页过程中能够随时查看网页的实际效果，提供了

预览视图方式。

4.安装dreameaver的方法

安装及注册

5.关闭dreameaver

6.保存网页的方法

三、小结

Dreamweaver的基本知识

建立一个简单的站点

一、学习目的

了解Dreamweaver，学会利用Dreamweaver制作网页。

二、学习内容

Dreamweaver的基本知识；建立一个简单的站点；进行简单的网页编辑。

【学习步骤】

1、创建空白站点。

8

执行菜单命令“文件”—“新建”—“站点”，就会出现中站点向导。出于简

单，可

选择“空站点”按钮，并在“指定新站点的位置”框中填入站点的位置。在指

定新站点的位置后，单击“确定”即建成一个空站点。

2、建立一个简单的文字网页

建立了一个站点之后，就应该在站点中加入网页了。

①创建空白网页

执行菜单命令“文件”—“新建”—“网页”，就会出现一对话框，选择“普

通网页”

模板并单击“确定”即建立了一个新的空白页面。

②网页工作区的三个视图方式选项

HTML

它们分别是“普通”、“”“预览”，它们之间的相互切换十分容易实现

的。

普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此

方式下，可以像在Word中那样直接进行各种编辑操作，实现网页编辑的所

有功能。

HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网

页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。

对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语

法成分。