创建站点教案.docVIP

创建站点 教学环节及手段 教学内容 备注 组织课堂 复习知识 任务流程 导入任务 分析任务 完成任务 知识总结 举一反三 任务目标 启发思路 分组完成任务 学生自评或互评 教师点评总结 任务目标 启发思路 分组完成任务 学生自评或互评 教师点评总结 布置作业 集中学生注意力，准备上课。 通过提问复习上节课所学内容。 1．常见的网站主题类型都有哪些？什么是个人网站，个人网站通常包含哪些栏目？ 2．用自己的语言描述网站的栏目与网站目录结构之间的联系。 在上一任务中，通过浏览大量的网页了解了网页的基本概念，确定了网站的主题类型并选择Dremweaver 8作为开发软件。如何启动软件，如何使用软件按照规划创建网站是接下来所面对的首要问题。 提出任务：创建个人网站站点。 使用桌面及“开始”菜单是最常见的方法。启动软件后，可以通过软件的菜单完成网站站点的创建。 1．启动软件Dreamweaver 8。 通过学生尝试操作，使用两种常见方法启动软件。 ⑴ 打开计算机后，单击“开始”菜单中的“程序”选项，选择“Macromedia”目录下的“Macromedia Dreamweaver 8”选项, 运行Dreamweaver 8。 ⑵ 双击桌面上的“Macromedia Dreamweaver 8”快捷方式图标，运行Dreamweaver 8。 启动软件Dreamweaver 8后，介绍软件的界面及起始页的功能。 运行Dreamweave 8后，首先显示一个起始页，在起始页中包括“打开最近项目”、“创建新项目”、“从范例创建”3个方便实用的项目，如果想在以后运行时隐藏起始页，可以勾选这个窗口下面的“不再显示此对话框”，也可以通过“编辑”菜单的“首选参数”选项，在“常规”选项卡中选择是否显示起始页，建议选择显示。 2．创建网站站点。 在启动软件的基础上，通过学生尝试操作，使用“站点”菜单中的“新建站点”选项进入新建站点流程。 ⑴ 在弹出的“站点定义”对话框中，选取“基本”选项卡，输入网站名称“幽幽我心的个人网站”，单击“下一步”按钮。 讲解URL的概念及语法结构。 ⑵ 在“站点定义”对话框的“编辑文件，第2部分”，选择“否，我不想使用服务器技术” （ASP、JSP等服务器技术在动态网页开发教材中会有详细地讲解与应用），然后单击“下一步”按钮。 ⑶ 在“站点定义”对话框的“编辑文件，第3部分”，选择“编辑我的计算机上的本地副本，完成后再上传到服务器(推荐)”。然后依据任务一中规划的目录结构，在“您将把文件存储在计算机上什么位置？”中设定为“D:\mysite”，确定网站根目录文件夹，然后单击“下一步”按钮。 ⑷ 在“站点定义”对话框的“共享文件”设定步骤中，选择“无”，暂不设定远程服务器的连接，单击“下一步”按钮。 ⑸ 完成以上操作后，“站点定义”对话框会显示“总结”内容。仔细核对后单击“完成”按钮。 至此，站点定义已经完成，查看Dreamweaver 8界面右边面板组中的“文件”面板，可以在站点列表中发现，名为“幽幽我心的个人网站”的新站点已经创建，并且该站点下没有任何内容。 通过完成以上任务，学习了软件的启动方法以及创建网站站点的流程。 1．新建一个站点，名称为“pra1-1”，使用“高级”选项卡完成新建过程，保存位置为“D:\pra1-1”，其他参数保持默认即可。 在新建站点的过程中，使用“高级”选项卡完成新建过程更为直观，需要进行设置的参数与使用“基本”选项卡完成是一致的。 每组4名同学，先用所学的“基本”选项卡创建方法完成这一过程，再类比完成题目要求的操作。 由各组学生代表分析说明本组完成任务情况。 分析各组完成情况并进行相应评价，按组给出成绩。 2．使用搜索引擎搜索并打开5个不同主题类型的网页，记录并分析它们的URL，将其URL中的协议类型、域名和目录结构等内容填入表JYFS1-2中。 使用浏览器浏览一个网页的时候，浏览器的地址栏中显示出这个网页的URL地址。 分组完成搜索任务，并由组长带领分析URL。 每组展示一个搜索分析结果，各组之间互评分析结果。 总结学生分析结果，并评价各组完成情况。 新建一个以自己姓名命名的个人站点，该站点使用“ASP JavaScript”服务器技术,暂不设置远程信息与测试服务器，站点保存在“D:\pra1-2”文件夹中。 学生回答 力求通过任务导入，吸引学生学习兴趣。 先由学生尝试操作，再由教师总结，从而掌握操作方法。 引导学生在菜单栏中找到正确的选项。 创建站点的两种教学方法： ⑴ 教师直接演示站点创建的操作过程。 ⑵ 学生在教师的引导下逐步完成创建过程。 教师作为引导者和组织者，学生分组上机操作，完成相应任务并进行评价。