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