1、平湖市职业中专 “学生自主、小组合作”课堂教学设计方案专用纸(试用)课题:创建站点(设计者:费天琰 授课班级:二29 授课时间 9.10 共2课时)【设计思路】本次课是边学边做Dreamweaver CS5网页设计案例教程教材第一章第三节“管理站点”的内容,该课主要是学习网页制作的首要关键步骤,也决定了今后是否能顺序完成网页制作的基础工作。【教学目的】 1、掌握在Dreamweaver 8中定义和管理站点的方法,并熟练操作2、在站点中创建文件夹和文件的方法。【教学重点和难点】定义和管理站点的方法和步骤【教学准备】器材(资料):机房【教学过程】 教 学 过 程教师活动学生活动一、复习根据上节课学
2、过的HTML,在设计中将修改页面的背景和字体二、新授定义站点:本地信息:是指本地站点信息,包括站点名称、本地站点的根文件夹等。在Dreamweaver中制作网页,必须定义一个本地站点。1、使用【基本】选项卡定义站点2、使用【高级】选项卡定义站点3、管理站点是指对Dreamweaver中已经存在的站点,重新进行相关参数的设置。方法是,选择【站点】/【管理站点】命令,打开【管理站点】对话框,单击【编辑】按钮,在弹出的对话框中,按照向导提示一步一步地进行修改即可,这与创建站点的过程是一样的,也可以直接使用高级选项进行修改。4、导出站点方法是,在【管理站点】对话框中选中要导出的站点,然后单击【导出】按
3、钮,弹出【导出站点】对话框,设置导出站点文件的路径和文件名称,最后保存即可。导出的站点文件的扩展名为“.ste”。5、创建文件和文件夹在【文件】面板中,创建文件夹的方法是,用鼠标右键单击根文件夹,在弹出的快捷菜单中选择【新建文件夹】命令,然后在“untitled”处输入新的文件夹名,然后按Enter键确认。在【文件】面板中用鼠标右键单击根文件夹,在弹出的快捷菜单中选择【新建文件】命令,在“untitled.html”处输入新的文件名,如“index.html”,按Enter键确认。学生操作步骤提示:(1)选择站点/新建站点命令创建一个新站点,名字为“personsite”(2)设置不使用服务器
4、技术(3)设置文件的保存位置为“D:personsite”(4)暂不使用远程服务器(5)将创建的站点导出,文件名为”personsite.ste”根据提示出站点“personsite”中创建文件夹和文件(1)在文件面板中使用鼠标右键快捷菜单命令创建文件夹“personsite”(2)选择文件/新建菜单命令创建一个空白HTML文档(3)选择文件/保存菜单命令将文档保存为”person.htm”三、小结学生操作学生练习:操作并认识站点创建的基本方法学生操作:根据要求创建相应文件和文件夹学生操作:根据提示使用站点向导创建一个本地静态站点“personsite”课后反思 作为高二29班除CorelDRAW软件外,另外开设的一门专业课,相比较而言,这门网页制作更难一些,上课也相对讲授多一些。有一部分学生似乎不太认真学习,觉得过难,操作也不积极,导致本课学习站点建立,两极分化现象特别严重,今后的课堂还要多多强调站点的重要性以及加强练习,鼓励积极性。4