Dreamweaver网页制作教案

认识Dreamweaver 一、学习目的

理解Dreamweaver，学会应用Dreamweaver制造网页。 二、学习内容

Dreamweaver的根本学问。 【学习步骤】

1、 Dreamweaver的功用

Dreamweaver能够像普通的字处置软件一样编辑Internet上以HTML格式保管的一切文件，

也就是网页；它支持动态HTML，能够在网页中产生动画；还能够在网页中插入各种插件，以产生特殊效果。

Dreamweaver可用于管理站点，它像文件夹一样创立和翻开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织构造，使整个站点条理明晰。 2、 Dreamweaver的窗口 （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言语中的不同成分均用不同的颜色显现，这样比拟容易辨别各种语法成分。

为了在制造网页过程中可以随时查看网页的实践效果，Dreamweaver提供了预览视图方式。 ③ 输入文本

网页中最根本的也是最重要的局部就是网页中由文本构成的内容，因而制造 网页首先要从文本输入开端。

3、设置网页中文字的字体、颜色、大小和效果

① 在文本开端处按下鼠标左键，不放手拖到完毕处，选择要设置的文本块。 ② 执行菜单命令“格式—字体”。

③ 在“字体”对话框中，单击“字体”选项卡。

④ 在字体选择窗口中，选定所需求的字体，再肯定文本的字型、大小、颜色、效果等。 ⑤ 按“肯定”即可。 4、 网页编辑

（1） 将图片插入网页 （2） 将剪贴画插入网页 （3） 参加GIF动画 （4） 保管嵌入式图形文件 （5） 运用图片工具栏 （6） 设置图片属性 （7） 设置网页背景 （8） 设置超链接 （9） 应用框架 （10） 表单的运用 5、小结

简单站点的树立过程 设计限时自动关闭的网页 一、学习目的

理解Dreamweaver，学会应用Dreamweaver制造网页。 二、学习内容

Dreamweaver的根本学问；用Dreamweaver设计限时自动关闭的网页。 【学习步骤】

设计页面时，经常会从一个页面翻开一个子窗口以供阅读者查看。通常，这种子窗口中的内容一经阅读者看过，关于阅读者而言就不再需求，而他们常常会遗忘关掉这些小窗口，致使许多的阅读器窗口翻开着，耗用大量的资源。因而我们能够将子窗口设计成经过一段时间后能够自动关闭的方式。 1. 在本地站点中生成一个Smlple文件夹。

2. 在Smlple文件夹中，生成名为Index.html以及名为firstpage.html的文件。