动态网站设计制作与维护电子教案史桂红 项目2.pptVIP

步骤5：测试动态站点 在站点MyClass下新建空白文档“test.asp”,并在文件的代码视图中输入如下内容并检查网页内容。 今天的日期是%=date()% （1）新建空白文档test.asp： 右击“文件面板”中的站点MyClass，在弹出的快捷菜单中选“新建文件”命令，输入文件名“test.asp” 即可。 （2）输入内容： 双击刚才新建的test.asp文件，在左侧的文档编辑窗口中选取“代码”二字，进入“代码视图” 中； 在代码body/body间输入上述内容，存盘。 任务一 创建本地站点 （3）检查网页内容： 法一：单击文档编辑窗口的右上方的“在浏览器中预览/调试”选项，在弹出的菜单中选“预览在IExplore”命令，如下图所示。 法二：使用快捷键F12。 法三：打开IE浏览器，在地址栏中输入http://localhost/test.asp,检查网页内容。 任务一 创建本地站点 法四：进入Internet信息服务对话框中，选中“默认网站”选项，鼠标右击“index.asp”文件，在弹出的快捷菜单中选“浏览”命令。 任务一 创建本地站点 若结果显示为“今天的日期是XXXX”（其中XXXX为系统的当前日期），则表示动态站点创建成功。 任务二 管理本地站点class 任务 将静态站点Class复制，将复制后的站点重命名为class(static)，删除MyClass1站点 操作步骤： （1）执行“站点”→“管理站点”命令，弹出“管理站点”对话框，如图所示。 * * 项目二 环境的搭建及调试 知识技能目标 1、会本地静、动态站点的创建； 2、会本地静、动态站点的管理； 工作任务列表 任务一：创建本地站点（重点） 子任务1：建立本地静态站点class 子任务2：建立本地动态站点MyClass (以ASP 作为动态网页开发技术)（采用两种方法完成） 任务二：管理本地站点class 任务一 创建本地站点 子任务1：创建本地静态站点class 我们将使用Dreamweaver CS3完成网站站点的创建工作 步骤1：检查C:\ClassWeb文件夹是否存在，不存在则创建该文件夹。 步骤2：启动Dreamweaver CS3。 法一： “开始”/“程序”/“Adobe Dreamweaver CS3”/ “Adobe Dreamweaver CS3”； 法二：若桌面上有Dreamweaver CS3快捷方式，双击快捷方式即可完成启动工作。 步骤3：建立本地静态站点“class”。 （1）使用菜单“站点”/“新建站点”命令，在弹出的“站点定义”向导对话框。选择“基本”选项卡。如下图所示： 任务一 创建本地站点 （2）在“你打算为您的站点起什么名字？”标签下面的文本框中输入要创建的站点名称：“class”。其它选项取默认设置，单击“下一步”按钮。 任务一 创建本地站点 （3）在弹出的是否使用服务器技术对话框中，由于我们此处创建的是静态站点，所以选取“否，我不想使用服务器技术”一项，单击“下一步”按钮。如下图所示： 任务一 创建本地站点 （4）在弹出的“在开发过程中，你打算如何使用你的文件？”中选取“编辑我的计算机上的本地副本，完成后再上传到服务器”，选项。 （5）在窗口下方的“您把文件存储在计算机上的什么位置？”下方的文本框中输入或选取保存站点的文件夹，此处我们选取C：\ClassWeb文件夹，单击“下一步”按钮。如下图所示： 任务一 创建本地站点 （6）在弹出的设置是否与远程服务器相连的对话框中的“您如何连接到远程服务器”下的下拉列表框中选取“无”，设置为不与远程服务器相连。如下图所示。 任务一 创建本地站点 （7） 单击“下一步”按钮，便会显示在站点定义向导中所选择设置的详细报告，若感觉满意，单击“完成”按钮，完成本网站的创建，如图所示，否则单击“上一步”按钮重新修改各项设置。 任务一 创建本地站点 任务一 创建本地站点 子任务2：创建本地动态站点MyClass (以ASP 作为动态网页开发技术) 该任务是创建名为MyClass的本地动态站点。创建动态站点，需安装和配置Web服务器，所以本任务的实现由下述几个步骤完成： 1、安装服务器端脚本ASP的工作环境IIS（Internet Information Server） 2、设置Web服务器 3、创建名为MyClass的动态站点 4、测试动态站点 IIS是ASP运行时的工作环境，我们要建立动态站点，必须先安装与设置IIS（Internet Information Service） 步骤1：IIS的安装 Windows 2000 Server、Windows 2000 A