(动态开发工具.docVIP

教学内容： Asp开发工具 教学目的： 1. 掌握Dreamweaver开发工具的窗口界面 2. 掌握站点的建立和管理方法。 教学重难点： Dreamweaver窗口组成的熟悉 站点的建立和管理。 教学方法： 引导法、演示法 教学学法： 小组实践、观察法 教学过程 引入 Dreamweaver是当今流行的网页编辑工具之一，采用了多种先进的技术，利用其图形化程序设计的窗口，能快速、搞笑的创建网页，系统自动生成与之相应的程序代码，使网页创作过程变得简单。 新授课 工作区布局 2.“设计”视图模式 Dreamweaver提供了“设计”、“拆分”、“代码”3中设计视图模式。3中模式可以通过工具栏的“设计”、“拆分”、“代码”按钮进行切换。 设计模式： 该模式是一种所见即所得的网页设计模式，其效果正如我们所看到的网页一样。 拆分模式： 该模式，是将编辑窗口拆分成两部分，上部分显示网页的代码，下部分显示设计视图窗口，当在“设计”视图模式选中某个对象时，在“代码”视图中同时显示与之对应的代码。 代码模式 该模式下显示的是网页的所有代码，可在该模式下编写自己的asp代码。 3.搭建本地站点 站点是管理一个网站的相关资源，资源可以是文件，网页，图片等。 过程如下： 新建文件夹D:\WEB。 可以利用windows资源管理器新建，也可以在dreamweaver右边的“文件”面板中新建。 b．执行“站点”-----“新建站点”命令：弹出如下对话框 c．在弹出的对话框中单击“高级”选项卡，在“站点名称”文本框中输入“web”，在“本地根文件夹”文本框中输入“D:\WEB\”，如下图 d. 执行“文件---新建”命令，在“新建文档”窗口中选择“空白页”---asp vbscript，图下图 e.将文件另存为D：\web\s1.asp f.观察屏幕右边“文件”面板可以看见站点的树形结构。 g.右击“站点”，可以对站点中的文件盒文件夹进行操作。 注： 建立站点有“基本”和“高级”两种方法，“基本”就是一个简单的向导建立站点的方法。 4.管理本地站点 对于一个已经创建好的站点，可以通过“管理站点”来编辑、删除、复制站点，如下图： 教学小结： 这一节课只要讲了dreamweaver的基本操作和站点的管理。 作业 P15页上机操作 教学反思：