第三节 破土动工--建立站点(湖南省湘潭市雨湖区)

第三节 破土动工——建立站点
一、教学目标：
知识与技能：
（1）认识Dreamweaver,熟悉Dreamweaver软件环境；
（2）掌握建立空站点的操作方法；
（3）掌握新建文件夹的操作方法；
（4）掌握新建网页的操作方法
过程与方法：
巩固设计网站结构的方法
情感态度与价值观 ：
（1）形成良好的文件命名习惯；
（2）树立成功建站的信心。
二、教学重点：
（1）理解选择网页制作工具的原则；
（2）理解站点的概念；
（3）理解建立站点文件夹的意义；
（4）能够完成建立站点、在站点中建立文件夹和网页的一系列任务。
三、教学难点：
（1）巩固设计网站结构的方法；
（2）掌握网页命名的技巧。
四、教学方法 对比教学法，探究学习法，模仿学习法
五、教学准备：
教学资源网站； 相关素材整理归类；
六、教学过程：
1、导入新课
（1）介绍网站。网站是由超链接将多个网页组织在一起的集合，其中包含了许多网页文件以及图片、Flash动画等素材。
如：http://site./ ( http: / / site. / )就是一个网站。
将素材或信息分类是网站的最大特点。
（2）介绍站点。
站点,就是指网站中具体位置。
如：http://ksei.bnu./hnit/student/student/main.htm ( http: / / ksei.bnu. / hnit / student / student / main.htm )
就是站点。
网站由多个站点组成。
2、新课学习
★页制作工具。
Dreamweaver是专业的网页制作软件。它最大的特点就是“所见即所得”的可视化编辑，也提供HTML代码。即使是初学者，也能够利用它制作出很漂亮的网页。
★建空站点
1、启动Dreamweaver：
“站点”→“新建站点”→“站点定义”。
2、设置站点属性。
（1）“ 站点定义”→“基本”命名为“life_water”。
（2）“下一步”选择“否，我不想使用服务器技术”。
（3）“下一步”选择“编辑我的计算机上的本地副本，完成任务后再上传到服务器（推荐）。
（4）“文件夹”→“下一步”→“您如何连接到远程服务器”→“无”。
（5）“下一步”→“站点定义总结”→“完成”。
★建文件夹和网页
新建文件夹
（1）“文件”→右键单击“站点life_water”→“新建文件夹”名为“untitled”，将其改为
“shuiziyuangaikuang”。
（2）右键单击“shuiziyuangaikuang”→“新建文件夹””→“shijieshuikuang”，同样地的方法依次建立“zhongguoshuikuang”、“jiaxiangshuikuang”文件夹。
（3）重复上述步骤，将“baohushuiziyuan”及其子文件夹“shuidelangfei”、“shuidewuran”和“shuidebaohu”建立好。
　新建网页
1．在“文件”面板中右键单击“站点_-ife—water”，在弹出的快捷菜单中选择“新建文件”，这时会新增一行，一个新的网页就建好了。
2．将处于重命名状态的网页命名为“index．htmi”。
3．设置“index．html”为网站首页。
(1)执行“站点”→“管理站点”命令，选中“lire—water”站点，单击“编辑”菜单，弹出“站点定义”对话框。
(2)在“高级”选项卡“分类”栏中选择“站点地图布局”，在右侧区域“主页”一栏选择刚才建立好的“index．html”，单击“确定”，“index．html”就成了网站的首页。
（3）双击“index．html”左边的工作区变成网页的编辑区域，可输入文字。
（4）保存文件。执行“文件”→“在浏览器中预览”→“IExplore 6.0 F12”进行预览。
★学生上机操作的任务和目标：
（1）认识Dreamweaver,熟悉Dreamweaver软件环境；
(2）新建站点；
（3）新建文件夹；
（4）新建网页。