《网页制作案例分析：教案、学案、作业》

《网页制作案例分析：教案、学案、作业》 网页制作案例分析 一、教案 课题 网页制作 课型 新授课 1、学习创作电子作品的相关知识和技能; 知识与技能 2、了解网页制作的基本方法和步骤; 3、学会用FrontPage 2000制作简单网页。 1、能根据需求选择合适的媒体表达思想, 过程与方法 2、能采用适当的工具和方法呈现信息、发表观点、教学目标 交流思想。 1、经历并实践创作电子作品的全过程,形成积极主 情感态度 动学习和利用信息技术、参与信息作品创作的态度, 与价值观 2、认真负责的利用网络媒介进行信息的表达和交流， 树立健康的信息表达和交流意识。 了解网页制作的基本方法和步骤，熟悉在网页中插入字幕、表格、教学重点 图片的方法。 教学难点 网页制作过程中对象的使用方法和操作 教学用具 多媒体电脑、网络教室 教学方法 任务驱动、讲练结合法、合作探究教学法 教学过程 I、引言:经过前面的学习，我们已经能够通过访问一个个的网页来获取我们需要的信息，但是越来越多的人已经不能满足于网上浏览，他们设计、制作出自己的网页，并在网上发布，进行广泛的信息交流。用网页来呈现信息已经成为 第 1 页 共 6 页 一种趋势和时尚。我们大家想不想拥有一个自己的网页呢,那么从今天就开始我们网页的创作之旅。 II、讲授新课 制作你的第一个网页 准备工作:首先在D盘建立一个文件夹。(用来存放网页及相关文件) 1、建立站点 (1)在窗口中选择菜单命令“文件”—“新建”—“站点”。 (2)出现“新建”对话框，选择“空站点”，指定新站点的位置:“D:\yz”，单击 确定 。 2、打开站点(新建站点后，系统默认打开) 3、插入表格 (1)单击菜单栏中“表格”--“插入”--“表格”菜单命令; (2)出现“插入表格”对话框如图。(如果将表格的“边框粗细”设置为0，在浏览网页时，我们将会看不见表格了。) 4、给网页添加内容 按照要制作的网页要求，输入文字，设置文字属性，插入字幕，插入图片。 (1)插入滚动字幕:将鼠标指针移到第一个单元格内，单击菜单栏中“插入”—“组件”—“字幕”命令;出现字幕属性对话框后，按要求修改字幕属性。 (2)插入图片:网页中最主要的元素除了文字，就是图片。如果网页中只有文字，而没有图片的搭配装饰，一定会显得呆板。那么在FrontPage 2000中如何为网页加上图片呢, ?将光标移到编辑区内你想放置图片的地方，单击窗口工具栏中的“插入图片”按钮，弹出“图片”对话框，同时，叠加了一个“选择文件”对话框; 第 2 页 共 6 页 ?选择好你想要的图片，然后单击 确定 。 (3)在指定位置输入文字“校园风光”、“教师天地”、“学生天地”、“给我写信”，并设置这些文字的属性，这样，所要求制作的简单网页就制作好了。 5、网页的保存 单击文件菜单—保存文件—保存位置(yz[新建的站点])--文件名(index)--更改网页的标题—单击(保存)--保存嵌入式文件到指定文件夹中 III、教学小结 IV、练习、作业 1、练习网页制作过程中基本元素的使用方法。 2、课余时间设计一个有特色的网页。(观察身边的事物，设计一个有特色的网页，或以我的校园或以我的班级或以我的爱好为主题) 分析: 这是2003年在泰安举行的一次全省优质课比赛的一个老师作品，当时他是泰安的一个老师，用背景材料和音乐都是跟泰山和他的学校相关联的，因为他抽签抽到了第一个讲，所以印象很为深刻，课堂虽然很传统但学生积极性较高，活动很配合，里面内容和深度把握较好，用了讲授法 演示法 分组法 分层次 启发很多种教学方法，是那种稳中求胜的类型，只是缺点为亮点教为朴素，虽然有些创新意识但发挥的程度较浅。 二、网页制作 (学 案) 学习目标:1、学习创作电子作品的相关知识和技能;2、了解网页制作的基本方法和步骤;3、学会用FrontPage 2000制作简单网页。 第 3 页 共 6 页 学习重点:了解网页制作的基本方法和步骤，熟悉在网页中插入字幕、表格、图片的方法。 制作你的第一个网页 准备工作:首先在D盘建立一个文件夹。(用来存放网页及相关文件) 1、建立站点 (1)在窗口中选择菜单命令“文件”—“新建”—“站点”。 (2)出现“新建”对话框，选择“空站点”，指定新站点的位置:“D:\yz”，单击 确定 。 2、打开站点(新建站点后，系统默认打开) 3、插入表格 (1)单击菜单栏中“表格”--“插入”--“表格”菜单命令; (2)出现“插入表格”对话框如图。(如果将表格的“边框粗细”设置为0，在浏览网页时，我们将会看不见表格了。) 4、给网页添加内容 按照要制作的网页要求，输入文字，设置文字属性，插入字幕，插入图片。 (1)插入滚动字幕:将鼠标指针移到第一个单元格内，单击菜单栏中“插入”—“组件”—“字幕”命令;出现字幕属性对话框后，按要求修改字幕属性。 (2)插入图片:网页中最主要的元素除了文字，就是图片。如果网页中只有文字，而没有图片的搭配装饰，一定会显得呆板。那么在FrontPage 2000中如何为网页加上图片呢, ?将光标移到编辑区内你想放置图片的地方，单击窗口工具栏中的“插入图片”按钮，弹出“图片”对话框，同时，叠加了一个“选择文件”对话框;(也可以操作菜单来完成) 第 4 页 共 6 页 ?选择好你想要的图片，然后单击 确定 。 (3)在指定位置输入文字“校园风光”、“教师天地”、“学生天地”、“给我写信”，并设置这些文字的属性，这样，所要求制作的简单网页就制作好了。 5、网页的保存 单击文件菜单—保存文件—保存位置(yz[新建的站点])--文件名(index)--更改网页的标题—单击(保存)--保存嵌入式文件到指定文件夹中 分析:此学案当时是纸制的，每个学生一份，还是很有参考价值，学生在学习中使用率不错。基本掌握好了自己就可以熟中生巧，在艺术素养上可以进一步提升网站质量。 三、练习、作业 1、练习网页制作过程中基本元素的使用方法。 2、课余时间设计一个有特色的网页。(观察身边的事物，设计一个有特色的网页，或以我的校园或以我的班级或以我的爱好为主题) 学习后记:(课下请同学们完成下面的问题，并且写下本节课的学习心得) 一、网页制作小组成员名单及分工: 网页制作组长: _____________________________________________________ 网站名 策划 活动策划ppt下载游戏策划下载民宿策划下载游戏策划shu下载英文歌曲大赛策划免费下载 : _______________________________________________________ 素材收集整理: _____________________________________________________ 第 5 页 共 6 页 网站制作: _________________________________________________________ 二、建站构思 1、网站的名称 ______________________________________________________ 2、网站的主题 ______________________________________________________ 3、网站的内容 ______________________________________________________ 三、通过本节课的学习，你认为网页制作还需要考虑哪些因素, 四、通过对一些优秀网站的参观，你有哪些新的构思 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 , ， 分析:作业细致，有压力才有动力，有评价才能更好的激发学生的兴趣。作业把学生应该掌握的具体步骤和构图更深刻的表达出来，值得借鉴 第 6 页 共 6 页