(如何制作网页教学设计.docVIP

第二单元 制作网页 教学内容： 教学目标： 教学重点： 教学难点： 课时安排： 第6课 网页制作 课时：6 教学目标： 了解网页、网站、首页的概念； 了解窗口组成，熟悉窗口元件； 了解网页组成的元素； 学会打开网页制作软件； 学会制作简单的文字网页； 通过观察网页，了解网页中所包含的元素（图片、文字、视频、动画、按钮、表格等），通过制作简单网页，体会网页制作的方法； 培养学生处理信息的能力，（所自己的所思所想制作成网页，整理和规划自己的信息，使其发挥影响力，表达自己的思想和情感）。 教学重点：了解窗口组成，熟悉软件，制作简单网页； 教学难点：理解站点、首页、网页的关系及概念； 教学准备：学生喜欢的各类网页（包括各类元素且与学生生活或学习相在的网站，几个学生自己的网站或网页） 教学方法：学生自我探究、演示法、小组合作、任务驱动 教学过程： 情境导入：同学们很久没有用地机房了，想看看网络最近都流行什么吗？让我们一起走近网络，看看网络里都有哪些网页，网页里又藏着哪些元素； 学习新课，看了别人制作的网页，他们制作的网页都有什么元素呢？（文字、图片、声音、视频、动画等提示）你想不想把自己的所思所想制作成网站或网页呢？从今天我们就一起来学习制作网页！ 了解网站、网页、首页之间的关系； 我们一起来看看上届学哥学姐制作的网站大家就会恍然大悟； 学生打开网页素材文件夹，打开某人的文件夹，这个保存网页和网页所需要的素材的文件夹就叫网页，它里面有许多什么呢？大家自己看看，打开试一试；你能说一说，他们三者是什么关系吗？谁是大辈，谁是小辈呢？学生说一说？ （所有由首页链接的网页集合起来就是网站；所有一个网页设计者，会在订立某个主题后，再依所需要的内容，经过设计量化为各个不同的网页。网站一定要有主题，经过规划才能吸引人。） 打开网页制作软件 知道了他们三者之间的关系，我们制作网页还缺一样东西，制作网页的软件（DREAMweaver\frontpage\fireworks\flash\hitdog\homesite\)这些软件都可以制作网页，但适合我们新手用的软件有前两种，后面的都是专业设计网页的复杂的软件了，现在我们来找找看它在哪里，试着打开它吧！（学生打开软件，并帮助小组同学打开） 看看它，是不是似曾相识，哪些个东西你见过，它叫什么名字？ 同学们可以对照课本一个一个来看看，试一试他们都能干什么，有什么用？ 主菜单：展示软件的有功能 插入工具栏：包含将各种对象按钮文件是所用的面板。 文档窗口：制作网页时的主要编辑区； 页面切换标签：打开多个网页地可以在此切换； 标签选择器：位于窗口下方状态中，显示设计查看模式中目前选择范围的标签阶层。 网页制作软件有一些新的窗口元素，你现在明白它干什么的了吧？如果你忘记了，可以翻我们的课本来回忆。 3．制作一个简单的网页 有了先前的铺垫知识，我们就可以制作网页了。 一起来试一试吧！展示网页作品，这要一个网页其实我们在WORD中也作过，想想我们当初是怎么做的？学生说一说，（先输入文字，后修饰文字就可以）。 学生尝试制作网页。 学生提出问题，小组讨论解决问题。 展示学生作品：说一说，自己的做法，遇到什么困难，如何解决的。 4．保存网页： 我们的网页都作好了，并且各有风彩，把这么辛苦制作的作品应该怎么保存呢？学生保存文件，介绍自己有几种保存方法，保存到了哪里？ 5．浏览网页 我们刚才保存的网页，看看它的真实效果吧，它究竟和我们在网上看到的网页有什么区别呢？怎么才能打开它呢？ 学生尝试打开网页，并介绍有几中打开方式（预览，文件打开命令，选择打开方式） 6．本课小结：通过本节课的学习，你有什么收获吗？还能提出什么新的问题吗？ 安全提示：最近天气变化无常，请同学们注意及时增减衣服，保护好自己的身体。 第6课规划网站与创建站点 课时：6 教学目标： 了解建立网站步骤； 了解网站的概念； 了解网站的结构； 学会设计网站的结构； 学会规划网站； 学会收集和加工素材； 学会创建站点； 学会在站点下制作网页； 学会在网页中插入图片； 体验网站制作的乐趣，明确只有合作才能完成大任务； 教学重点：规划网站，收集加工素材； 教学难点：规划网站 教学准备：网站介绍课件、网站样例； 教学方法：小组合作教学法、讲授法、小组讨论法、任务驱动教学法 教学课时：第6课时 教学过程： （一）教学引入：同学们一定听说过百度、搜狐等大型网站，想知道他们是怎么制作出这么丰富的网站的吗？今天我们就一起来揭秘网站制作的全过程。 （二）学习新课 1．了解网站制作步骤 创建一个网站， 不是凭着满腔热情 勇往直前就可以达到目的，需要事先妥善的规划，仔细的考虑，规划一个好的主题和结构才能建立一个好网站。展示网站样例，说明网站的制作过程是通过小组的