网页制作教学设计VIP免费

创建网站，制作首页句容市第二中学赵娟【教材分析】这节课是第10章第2节《制作网站》的第一课时，我把重点放在了站点的创建、简单的首页制作，以及网页的保存上。由于Frontpage与Word同属于Office组件，所以窗口无需过多讲解，而对于Frontpage的4种工作模式虽然课本上是先于《创建网站和制作首页》出现，但我认为此知识点结合后面学生制作的首页来呈现更为妥当，这样学生不仅能轻松的理解4种工作模式的区别，还能在“代码”工作模式中看到自己制作的网页所对应的HTML语言，使他们感受到编程不再是遥不可及、深不可测。至于首页的制作，只是对学生做了简单的要求，要求他们用Word学过的操作来完成课堂练习，实现知识的迁移。而网页中常见的背景音乐，滚动字幕，超级链接等将放在之后的课时中学习。对于网页的保存，它既是重点，也是一个难点，所以我把保存分成了两个步骤，第一次保存是在没有图片的情况下进行的，其操作与Word类似；第二次则是在第一次的基础上添加了图片，这时的保存需要进行“更改文件夹”的操作。这样通过对比能使学生对网页的保存操作记忆更加深刻。【教学思路】1、由于学生平时接触网络比较多，对丰富多彩的网页、网站很熟悉，因此在这节课的开始并没有为学生展示一些网站和网页，而是用PPT直接出示了教学内容——《创建网站，制作首页》，使学生明确这节课的教学目标。2、学生平时浏览的都是大型的、复杂的网站，当教师提出要自己动手制作时，他们难免有点胆怯，于是教师演示了一个学生作品样例，简单的个人网站——《心灵驿站》。制作个人网站比书本上的样例更加贴近学生生活，更易激发学生的兴趣，可以消除学生的畏难情绪，增强他们的信心。3、这节课使用的软件是Frontpage，由于它与学生非常熟悉的Word软件同属于Office组件，很多操作都与Word相似，所以对于Frontpage窗口教师无需讲解镇江好课堂句容市级竞赛教案学生可以通过类比Word，实现知识迁移。4、新建站点虽然是个全新的知识，但是学生可以通过自学书本P48上的步骤来完成，教师需要做的是进行及时的指导和帮助，并对新建站点中出现的两个文件夹image、_private进行简单的解释。5、在网站首页的制作中涉及到文字，图片，背景的设置和排版，这些内容可以使用在Word中学过的方法来操作。整个过程中，教师可以给予点拨、提示，同学之间可以相互帮助，并以小组为单位提出本组成员在操作中的难点，教师进行集体讲解。6、在展示学生的作品并进行点评的过程中，需要引入一个重要的内容——Frontpage的四种工作模式，并提出HTML语言。虽然这些内容在课本上是先于创建网站和制作首页出现的，但我认为此时结合实例来呈现更为妥当，这样学生不仅能轻松的理解4种工作模式的区别，还能在“代码”工作模式中看到自己制作的网页所对应的HTML语言，使他们感受到编程不再是遥不可及、深不可测。6、本节课用到的课堂练习中一共有4个任务，前三个任务是相对比较基础，一般的同学都能完成，而任务4的设置有两个目的：第一，很多学生在设置背景时认为和插入图片是一回事，通过任务4让他们能够区分；第二，网页中没有图片等信息时，保存和WORD没什么区别，而当添加了图片后，保存时则需要更改文件夹。【教学目标】1、了解Frontpage窗口组成，以及编辑窗口的4种工作模式；简单了解网页编辑中的HTML语言。2、掌握站点建立的方法；学会网页制作中的基本操作（添加背景、文字输入、插入图片、网页保存等）。3、培养学生自主探究、小组合作的学习能力；帮助他们树立正确的审美观，提高他们的审美能力【教学重点】网站的建立、网页制作中的基本操作（添加标题、插入水平线、文字输入、插入图片、设置背景、网页保存等）。【教学难点】网站的建立、网页的保存【教学方法】运用引导、演示、任务驱动、学生自主探究、师生互动、同学互助合作等方式【教学过程】一、情境导入教师：1、利用PPT出示本节课的内容《创建网站，制作首页》，指出大家平时都是浏览现成的网站，而今天我们就来自己动手制作网站，使学生明确本节课的教学目标。2、演示一个简单的个人网站样例——《心灵驿站》。由于学生平时浏览的都是大型的、复杂的网站，当教...