《Dreamweaver网页制作教案》.docVIP

? ?认识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.htm