动态网页----Asp开发工具

《动态网页----Asp开发工具》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教学内容：Asp开发工具教学目的：1.掌握Dreamweaver开发工具的窗口界面2.掌握站点的建立和管理方法。教学重难点：Dreamweaver窗口组成的熟悉站点的建立和管理。教学方法：引导法、演示法教学学法：小组实践、观察法教学过程一、引入Dreamweaver是当今流行的网页编辑工具之一，采用了多种先进的技术，利用其图形化程序设计的窗口，能快速、搞笑的创建网页，系统自动生成与之相应的程序代码，使网页创作过程变得简单。二、新授课1.工作区布局2.“设计”视图模式Dreamweaver提供了“设计”、“拆分”、“代码”3中

2、设计视图模式。3中模式可以通过工具栏的“设计”、“拆分”、“代码”按钮进行切换。A．设计模式：该模式是一种所见即所得的网页设计模式，其效果正如我们所看到的网页一样。B．拆分模式：该模式，是将编辑窗口拆分成两部分，上部分显示网页的代码，下部分显示设计视图窗口，当在“设计”视图模式选中某个对象时，在“代码”视图中同时显示与之对应的代码。C．代码模式该模式下显示的是网页的所有代码，可在该模式下编写自己的asp代码。3.搭建本地站点站点是管理一个网站的相关资源，资源可以是文件，网页，图片等。过程如下：a.新建文件夹D:WEB。可以

3、利用windows资源管理器新建，也可以在dreamweaver右边的“文件”面板中新建。b．执行“站点”-----“新建站点”命令：弹出如下对话框c．在弹出的对话框中单击“高级”选项卡，在“站点名称”文本框中输入“web”，在“本地根文件夹”文本框中输入“D:WEB”，如下图d.执行“文件---新建”命令，在“新建文档”窗口中选择“空白页”---aspvbscript，图下图e.将文件另存为D：webs1.aspf.观察屏幕右边“文件”面板可以看见站点的树形结构。g.右击“站点”，可以对站点中的文件盒文件夹进行操作

4、。注：建立站点有“基本”和“高级”两种方法，“基本”就是一个简单的向导建立站点的方法。4.管理本地站点对于一个已经创建好的站点，可以通过“管理站点”来编辑、删除、复制站点，如下图：教学小结：这一节课只要讲了dreamweaver的基本操作和站点的管理。作业P15页上机操作教学反思：