dreamweaver网页制作教案.doc

《dreamweaver网页制作教案.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、.  认识Dreamweaver一、学习目的理解Dreamweaver，学会应用Dreamweaver制造网页。二、学习容Dreamweaver的根本学问。【学习步骤】1、 Dreamweaver的功用Dreamweaver能够像普通的字处置软件一样编辑Internet上以HTML格式保管的一切文件，也就是网页；它支持动态HTML，能够在网页中产生动画；还能够在网页中插入各种插件，以产生特殊效果。Dreamweaver可用于管理站点，它像文件夹一样创立和翻开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织构造，使整个站点条理明晰。2、 Dreamweaver

2、的窗口（1）  标题栏（2）  菜单栏（3）  工具栏（4）  视图栏（5）  文件夹列表（6）  工作区3.网页工作区的三个视图方式选项它们分别是“普通”、“HTML”“预览”，它们之间的互相切换非常容易完成的。普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳表现，在此方式下，能够Word资料.像在Word中那样直接停止各种编辑操作，完成网页编辑的一切功用。HTML视图实践上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里能够用菜单命令停止复制、粘贴、删除、查找等操作。关于HTML言语中的不同成分均用不同的颜色显现，这样比拟容易

3、辨别各种语法成分。为了在制造网页过程中可以随时查看网页的实践效果，Dreamweaver提供了预览视图方式。4.装置dreameaver的办法    装置及注册5.关闭dreameaver6.保管网页的办法三、小结Dreamweaver的根本学问 树立一个简单的站点一、学习目的理解Dreamweaver，学会应用Dreamweaver制造网页。二、学习容Dreamweaver的根本学问；树立一个简单的站点；停止简单的网页编辑。【学习步骤】1、创立空白站点。执行菜单命令“文件”—“新建”—“站点”，就会呈现8中站点导游。出于简单，可选择“空站点”按钮，并在“指定新站点的位置

4、”框中填入站点的位置。在指定新站点的位置后，单击“肯定”即建成一个空站点。2、树立一个简单的文字网页树立了一个站点之后，就应该在站点中参加网页了。Word资料.①  创立空白网页执行菜单命令“文件”—“新建”—“网页”，就会呈现一对话框，选择“普通网页”模板并单击“肯定”即树立了一个新的空白页面。②  网页工作区的三个视图方式选项它们分别是“普通”、“HTML”“预览”，它们之间的互相切换非常容易完成的。普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳表现，在此方式下，能够像在Word中那样直接停止各种编辑操作，完成网页编辑的所有功用。HTML视图实践上

5、是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里能够用菜单命令停止复制、粘贴、删除、查找等操作。关于HTML言语中的不同成分均用不同的颜色显现，这样比拟容易辨别各种语法成分。为了在制造网页过程中可以随时查看网页的实践效果，Dreamweaver提供了预览视图方式。③  输入文本网页中最根本的也是最重要的局部就是网页中由文本构成的容，因而制造网页首先要从文本输入开端。3、设置网页中文字的字体、颜色、大小和效果①   在文本开端处按下鼠标左键，不放手拖到完毕处，选择要设置的文本块。②   执行菜单命令“格式—字体”。③   在“字体”对话框中，单击“字

6、体”选项卡。④   在字体选择窗口中，选定所需求的字体，再肯定文本的字型、大小、颜色、效果等。⑤   按“肯定”即可。4、  网页编辑Word资料.（1）  将图片插入网页（2）  将剪贴画插入网页（3）  参加GIF动画（4）  保管嵌入式图形文件（5）  运用图片工具栏（6）  设置图片属性（7）  设置网页背景（8）  设置超（9）  应用框架（10）   表单的运用 5、小结简单站点的树立过程   设计限时自动关闭的网页一、学习目的理解Dreamweaver，学会应用Dreamweaver制造网页。二、学习容Dreamweaver的根本学问；用Dreamweave

7、r设计限时自动关闭的网页。【学习步骤】设计页面时，经常会从一个页面翻开一个子窗口以供阅读者查看。通常，这种子窗口中的容一经阅读者看过，关于阅读者而言就不再需求，而他们常常会遗忘关掉这些小窗口，致使许多的阅读器窗口翻开着，耗用大量的资源。因而我们能够将子窗口设计成经过一段时间后能够自动关闭的方式。1. 在本地站点中生成一个Smlple文件夹。2. 在Smlple文件夹中，生成名为Index.html以及名为firstpage.html的文件。Word资料.3. 双击Index.html，翻开该文档，进入到文档的设计视图窗口中。4