教科版选修3《建立站点与制作网页》教案.docx

《教科版选修3《建立站点与制作网页》教案.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、最新教科版选修3《建立站点与制作网页》教案——建立站点【学目标】知识与技能：（1）认识Dreamweaver,熟悉Dreamweaver软件环境；（2）掌握建立空站点的操作方法；（3）掌握新建文件夹的操作方法；（4）掌握新建网页的操作方法过程与方法：巩固设计网站结构的方法情感态度与价值观：（1）形成良好的文件命名习惯；（2）树立成功建站的信心。【教学重点】（1）理解选择网页制作工具的原则；（2）理解站点的概念；（3）理解建立站点文件夹的意义；（4）能够完成建立站点、在站点中建立文件夹和网页的一系列任务。【教学难点】（1）巩固设计网站结构的方法；（2）掌握网页命名的

2、技巧。【教学方法】对比教学法,探究学习法,模仿学习法【教学准备】教学资源网站；相关素材整理归类；【教学过程】1、新课介绍网站。网站是由超链接将多个网页组织在一起的集合,其中包含了许多网页文件以及图片、Flash动画等素材。如：将素材或信息分类是网站的最大特点。介绍站点。站点,就是指网站具体位置。1/32、新课学习★页制作工具。Dreamweaver是专业的网页制作软件。它最大的特点就是“所见即所得”的可视化编辑,也提供HTML代码。★建空站点1、启动Dreamweaver：“站点”→“新建站点”→“站点定义”。2、设置站点属性。（1）“站点定义”→“基本”命名为“

3、life_water”。（2）“下一步”选择“否,我不想使用服务器技术”。（3）“下一步”选择“编辑我的计算机上的本地副本,完成任务后再上传到服务器（推荐）。（4）“文件夹”→“下一步”→“您如何连接到远程服务器”→“无”。（5）“下一步”→“站点定义总结”→“完成”。★建文件夹和网页新建文件夹（1）“文件”→右键单击“站点life_water”→“新建文件夹”名为“untitled”,将其改为“shuiziyuangaikuang”。（2）右键单击“shuiziyuangaikuang”→“新建文件夹””→“shijieshuikuang”,同样地的方法依次建立

4、“zhongguoshuikuang”、“jiaxiangshuikuang”文件夹。（3）重复上述步骤,将“baohushuiziyuan”及其子文件夹“shuidelangfei”、“shuidewuran”和“shuidebaohu”建立好。新建网页1.在“文件”面板中右键单击“站点_-ife—water”,在弹出的快捷菜单中选择“新建文件”,这时会新增一行,一个新的网页就建好了。2.将处于重命名状态的网页命名为“index．htmi”。3.设置“index．html”为网站首页。（1）执行“站点”→“管理站点”命令,选中“lire—water”站点,单击“

5、编辑”菜单,弹出“站点定义”对话框。（2）在“高级”选项卡“分类”栏中选择“站点地图布局”,在右侧区域“主页”一栏选择刚才建立好的“index．html”,单击“确定”,“index．html”就成了网站的首页。（3）双击“index．html”左边的工作区变成网页的编辑区域,可输入文字。2/3（4）保存文件。执行“文件”→“在浏览器中预览”→“IExplore6.0F12”进行预览。★学生上机操作的任务和目标：（1）认识Dreamweaver,熟悉Dreamweaver软件环境；（2）新建站点；（3）新建文件夹；（3）新建网页。3/3