网页制作教学设计.doc

平湖市职业中专 “学生自主、小组合作”课堂教学设计方案专用纸（试用）
课题：创建站点
（设计者：费天琰 授课班级：二29 授课时间 9.10 共2课时）
【设计思路】
本次课是《边学边做Dreamweaver CS5网页设计案例教程》教材第一章第三节“管理站点”的内容，该课主要是学习网页制作的首要关键步骤，也决定了今后是否能顺序完成网页制作的基础工作。
【教学目的】
1、掌握在Dreamweaver 8中定义和管理站点的方法，并熟练操作
2、在站点中创建文件夹和文件的方法。
【教学重点和难点】
定义和管理站点的方法和步骤
【教学准备】
器材（资料）：机房
【教学过程】
教 学 过 程
教师活动
学生活动
一、复习
根据上节课学过的HTML，在[设计]中将修改页面的背景和字体
二、新授
定义站点：
本地信息：是指本地站点信息，包括站点名称、本地站点的根文件夹等。在Dreamweaver中制作网页，必须定义一个本地站点。
1、使用【基本】选项卡定义站点

2、使用【高级】选项卡定义站点

3、管理站点
是指对Dreamweaver中已经存在的站点，重新进行相关参数的设置。方法是，选择【站点】/【管理站点】命令，打开【管理站点】对话框，单击【编辑】按钮，在弹出的对话框中，按照向导提示一步一步地进行修改即可，这与创建站点的过程是一样的，也可以直接使用高级选项进行修改。

4、导出站点
方法是，在【管理站点】对话框中选中要导出的站点，然后单击【导出】按钮，弹出【导出站点】对话框，设置导出站点文件的路径和文件名称，最后保存即可。导出的站点文件的扩展名为“.ste”。
5、创建文件和文件夹
在【文件】面板中，创建文件夹的方法是，用鼠标右键单击根文件夹，在弹出的快捷菜单中选择【新建文件夹】命令，然后在“untitled”处输入新的文件夹名，然后按Enter键确认。

在【文件】面板中用鼠标右键单击根文件夹，在弹出的快捷菜单中选择【新建文件】命令，在“untitled.html”处输入新的文件名，如“index.html”，按Enter键确认。

学生操作步骤提示：
(1)选择[站点]/[新建站点]命令创建一个新站点，名字为“personsite”
(2)设置不使用服务器技术
(3)设置文件的保存位置为“D:\personsite”
(4)暂不使用远程服务器
(5)将创建的站点导出，文件名为”personsite.ste”
根据提示出站点“personsite”中创建文件夹和文件
(1)在[文件]面板中使用鼠标右键快捷菜单命令创建文件夹“personsite”
(2)选择[文件]/[新建]菜单命令创建一个空白HTML文档
(3)选择[文件]/[保存]菜单命令将文档保存为”person.htm”
三、小结

学生操作

学生练习：操作并认识站点创建的基本方法

学生操作：根据要求创建相应文件和文件夹

学生操作：根据提示使用站点向导创建一个本地静态站点“personsite”
[课后反思]
作为高二29班除CorelDRAW软件外，另外开设的一门专业课，相比较而言，这门网页制作更难一些，上课也相对讲授多一些。有一部分学生似乎不太认真学习，觉得过难，操作也不积极，导致本课学习站点建立，两极分化现象特别严重，今后的课堂还要多多强调站点的重要性以及加强练习，鼓励积极性。
4