Dreamweaver网页制作教案

认识Dreamw eaver 一、学习目的 了解Dreamw eaver，学会利用Dreamw eaver 制作网页。 二、学习内容 Dreamw eaver 的基本知识。 【学习步骤】 1、 Dreamw eaver 的功能 Dreamw eaver 可以像普通的字处理软件一样编辑Internet 上以HTML 格式保存的所有文件， 也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamw eaver 可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、 Dreamw eaver 的窗口 （1） 标题栏 （2） 菜单栏 （3） 工具栏 （4） 视图栏 （5） 文件夹列表 （6） 工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现 的。 普通视图方式是Dreamw eaver 对网页所见即所得编辑方式的最佳体现，在此方式下，可以 像在Word 中那样直接进行各种编辑操作，实现网页编辑的所有功能。 HTML 视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML 代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于 HTML 语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果，Dreamw eaver 提供了预览视图方式。 4.安装 dreameaver 的方法 安装及注册 5.关闭 dreameaver 6.保存网页的方法 三、小结 Dreamw eaver 的基本知识 建立一个简单的站点 一、学习目的 了解Dreamw eaver，学会利用Dreamw eaver 制作网页。 二、学习内容 Dreamw eaver 的基本知识；建立一个简单的站点；进行简单的网页编辑。 【学习步骤】 1、创建空白站点。 执行菜单命令“文件”—“新建”—“站点”，就会出现 8 中站点向导。出于简单，可 选择“空站点”按钮，并在“指定新站点的位置”框中填入站点的位置。在指定新站点的位置后，单击“确定”即建成一个空站点。 2、建立一个简单的文字网页 建立了一个站点之后，就应该在站点中加入网页了。 ① 创建空白网页 执行菜单命令“文件”—“新建”—“网页”，就会出现一对话框，选择“普通网页” 模板并单击“确定”即建立了一个新的空白页面。 ② 网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”，它们之间的相互...