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

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）“ 站点定义”“基本”命名为“life_water”。（2）“下一步”选

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

4、huikuang ”文件夹。（3）重复上述步骤 , 将“ baohushuiziyuan ”及其子文件夹“ shuidelangfei ”、“ shuidewuran ”和“ shuidebaohu ”建立好。新建网页1. 在“文件”面板中右键单击“站点 _-ife water ”, 在弹出的快捷菜单中选择“新建文件” , 这时会新增一行 , 一个新的网页就建好了。2. 将处于重命名状态的网页命名为“index htmi ”。3. 设置“ index html ”为网站首页。（1）执行“站点”“管理站点”命令, 选中“ lirewater ”站点 , 单击“编辑”菜单 , 弹出“站点定义”对话框。（2）在“高级”选项卡“分类”栏中选择“站点地图布局”, 在右侧区域“主页”一栏选择刚才建立好的“index html ” , 单击“确定” ,“ index html ”就成了网站的首页。（3）双击“ index html ”左边的工作区变成网页的编辑区域, 可输入文字。2 / 3（4）保存文件。执行“文件”“在浏览器中预览”“IExplore6.0F12 ”进行预览。学生上机操作的