青岛版信息技术八年级上册教案Word格式.docx

1、 4、搜集整理网站素材； 5、选择网站制作工具（frontpage2000）。三、Frontpage2000的站点管理1、 初识Frontpage根据打开程序的一般方法，自己试着打开Frontpage。并思考有没有其它的打开方法。2、 新建站点教师演示：“文件”-“新建”-“站点”，打开“新建”对话框。学生操作：（1）指定新站点的位置为“D：情感小屋”，并选择站点类型为“只有一个网页的站点”。 （2）观察界面发生了什么变化？在“文件夹列表”中自动生成了哪几个文件或文件夹？它们有什么作用？3、 打开站点“文件”-“打开站点”。四、实践与创新的： 访问以下网站，描述它们各自的主题和风格，并画出网站

2、的结构图和主页的布局图。 ./01/indes.html 搜集整理关于赞美父母的诗句、文章、图片或歌曲，分组合作设计“我的父母”网页。（包括页面结构、内容、版面布局、网页的风格和内容，通过表格的形式记录下来）五、小结：网站规划的一般步骤、Frontpage的站点管理六、教学反思：第2课 设计网站首页认识网页的工作原理；了解网页编辑的一般过程。学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。善于从身边的广告、书刊中学习版面设计知识，并学以致用。在网页中插入文字、图片、水平线及网页的保存、预览。在网页中插入文字、图片和水平线。展示一个包含有文字、图片和水平线的网页，并通过对这三部

3、分的介绍激发学生的学习欲望。一、在网页中输入文字小组合作并操作：根据前面所学知识，即在WORD中输入文字的操作，在“D：情感小屋”站点中，双击打开主页文件“index.htm”，对照小宇在上节课中设计的首页效果图，在编辑窗口输入相应文字，并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等操作。二、在网页中插入图片“插入”-“图片”-“来自文件”在“Banner位置”处插入存放在“D：素材”中的Banner图片，并对所插入的图片进行大小调整。注：为便于上传，网页中图片一般采用容量较小的格式，如JPEG、GIF、PNG等。三、在网页中插入水平线学生阅读相关内容，试着自己在网页中的标题与正文之

4、间插入一条水平线，并设置“水平线属性”。（教师巡回指导）四、保存网页同WORD操作相似，并尝试用不同的方法保存index.htm，考虑哪种方式更方便？试一试：将刚刚插入到网页中的图片指定保存位置为：本站点的“images”文件夹。五、预览网页方法一：利用FrontPage自带的预览功能;方法二：通过浏览器预览。练一练：按照上面介绍的两种方法预览自己的网页，分析它们各有什么优缺点？六、添加新网页“文件”-“新建”-“网页”七、实践与创新：1、根据第1课的规划，参照小宇设计的“我的父母”所示的界面，设计制作网页“我的父母”，其文件名为：Parents.htm，标题为“我的父母”。2、对新建的网页进

5、行预览，并改变预览窗口的大小，你会发现什么现象？有什么办法可以解决这个问题？八、小结：在网页中插入文字、图片、水平线及网页的保存、预览，添加新网页。九、课后反思：第3课 网页中的表格理解表格在网页设计中的重要作用。学会使用表格布局网页；灵活掌握表格调整的方法。了解学校概貌，发现校园之美；养成良好的生活和学习习惯。在网页中插入表格及表格的调整。通过对“某校园鸟瞰图”与下载的“中学生作文网”的首页作比较，引导学生发现网页中表格的运用。一、表格的作用阅读本部分内容，思考：在网页中使用表格有何作用？表格可使网页中的文字、图片、动画等素材排列整齐有序，并且不会因浏览窗口大小的改变而改变排列方式。二、在网

6、页中插入表格阅读相关内容，试着在站点“情感小屋”中打开首页文件Index.htm，分别插入四个表格，依次为：2*3、2*2、1*4和2*1，宽度都为780像素，水平居中。三、表格的调整 行高和列宽的调整手动操作 方法二：通过单元格属性或表格属性调整 单元格的合并和拆分（1）选中想要合并或拆分的单元格；（2）单击鼠标右键，在快捷菜单中选择“合并单元格”或“拆分单元格”。 插入或删除表格中的行或列（1）选择相应的行或列；（2）单击鼠标右键，在快捷菜单中进行相应选择。4、 平均分布行和列（1）选择需要平均分布的行或列；参照“情感小屋”网站首页布局的内容，调整前面插入的表格，并将在第1课中输入的内容移

7、到表格内。预览网页，测试调整效果。四、设计网页模板教师操作：“文件”-“另存为”-选择“Frontpage模板（*.tem）”，并命名模板文件名（如：“情感小屋”）将网站首页文件Index.htm存储为网页模板，命名为“我的模板”，然后以利用模板的方式新建一个网页。五、实践与创新：运用表格重新设计Parents.htm的网页布局，预览时改变浏览器窗口的大小，观察网页的布局是否会发生变化？这说明表格对于网页内容还能起到什么作用？六、小结：在网页中插入表格、表格的调整和网页模板的设计。七、课后反思：第4课 网页的美化了解美化网页的常用方法，理解美化网页对提高网站质量的作用。学会在网页中设置背景、音

8、乐、FLASH动画和滚动字幕。提高审美意识，善于发现美，美化生活从自身做起。在网页中设置背景、音乐、FLASH动画和滚动字幕。前面我们学习了网页制作中最基本的文字、图片、水平线的插入，并且还知道了怎样使用表格使网页中的内容排列的更整齐，层次更分明。这里同学们再考虑你更喜欢什么样的网页？一、设置网页的背景学生活动：阅读课文第一部分，并利用前面所学内容，给自己的网页加上一个背景，使页面更加美观，更能衬托网页的主题。打开“情感小屋”站点，并打开主页文件Index.htm，在“网页属性”对话框“颜色”栏中设置文本和背景的颜色，并进行预览。二、设置表格的背景比较：观察两幅电视背景墙效果图，比较多色彩背景

9、墙和单色背景墙哪种让客厅更加充满活力？通过比较，同学们知道了多色彩背景墙可以让房间显得更加生动活泼，在网页中我们也可以通过设置表格或单元格的背景来达到局部色彩的变化，使网页变得生动有活力。方法：将光标定位在某一单元格内，单击鼠标右键，在快捷菜单中选择“表格属性”或“单元格属性”分别进行设置。在你的网页表格中，先后设置不同的背景颜色和背景图片，体验背景对网页的美化作用。三、插入背景音乐通过阅读课文，小组合作，在“情感小屋”站点中插入一个背景音乐。教师总结：在网页中单击右键，选择“网页属性”命令，在对话框中进行设置。四、插入Flash动画 步骤：“插入”-“高级”-“插件”，在“插件属性”对话框中

10、进行设置。将光标定位在网页的适当位置，选择插入一个Flash动画文件。反复修改对话框中各参数的值，体会不同参数值的不同效果。五、插入滚动字幕 小组合作思考操作：怎样可以让你网页中的文字或图片动起来，使它们更加醒目呢？ 教师总结：“插入”-“组件”-“字幕”，在“字幕属性”对话框中进行设置。将光标定位在输入标题的单元格内，按照上述步骤进行插入字幕的操作。六、实践与创新：运用本课所学知识，分别对以下三个网页进行美化。文件名要求参考样图School.htm设置网页和表格背景第1课“网页版面布局示意图c ”Domain.htm添加滚动字幕“海内存知己，天涯若比邻”；插入一个Flash动画；设置纯文字单

11、元格的背景色。第1课“网页版面布局示意图d ”Neighbor.htm设置单元格背景；设置背景音乐第1课“网页版面布局示意图e ”一、本课小结：设置网页背景、表格背景、插入背景音乐、Flash动画及滚动字幕。课后反思：第5课 建立超链接理解超链接的概念，理解导航栏在网页设计中的重要性。学会在网页中插入超链接和导航栏；掌握将链接指向站点内、站点外和电子邮箱的方法。体会万物皆有联系，互相影响，或此消彼长，或相互促进。设置超链接和网站导航栏。任何事物都不是独立存在的，考虑你的周围有哪些事物存在着一定的联系？ 如：我与同桌是同学，我有老师，有父母一、设置超链接阅读课文第一部分，小组讨论，完成以下问题：

12、 设置超链接的目的是什么？ 什么是超链接？ 超链接有哪几种类型？目的：使网页之间形成一个紧密的整体，能够很容易地从一个网页到达另一个网页。定义：超链接是指从一个网页指向一个目标的连接关系。类型：站点内的链接、到其他网站的链接、到邮箱的链接、书签链接。“插入”-“超链接”。大显身手：根据所阅读内容，在“情感小屋”站点中，建立不同类型的链接。二、设置网站导航栏阅读课文第二部分，考虑1、为什么要设置网站导航栏？2、什么是导航栏？3、建立导航栏的方法有哪些？三、实践与创新：1、在你的成长过程中，有多少人为你付出了艰辛的努力？回忆对你帮助较大的1-3人，然后通过书信、电子邮件、电话、QQ等通讯工具表达你

13、的感激之情。 网页中的文字建立超链接后，会有什么变化？你能改变超链接文字的默认颜色吗？四、展示学生作品，查看链接是否正确。五、小结设置超链接、设置网站导航栏六、课后反思：第6课 网站的发布与维护理解网站空间的概念；了解网站上传的原理。掌握网站检查和宣传的方法；学会申请免费的主页空间；熟练使用网站上伟的工具。正确认识自己，诚实地与他人交流，学会展示自己真实的一面。自学法、演示法、观察法、实践法、小组合作交流法。申请网站空间与上传网站。如何让更多的人走进自己的“情感小屋”了解自己呢？怎样才能使自己的网站发布出去？一、网站发布前的检查阅读课文第一部分，考虑：网站发布前要做哪几项检查？1、检查语法；2

14、.检查网站的整体情况；3.检查超链接；4.检查网页中嵌入式文件的存放路径。打开自己的“情感小屋”网站，按照上述项目检查自己的网站是否完善。二、申请网站空间阅读课文第二部分，小组讨论，完成以下问题：1、为什么要申请网站空间？2、怎样申请一个免费的网站空间？3、你知道的可以提供免费空间的网站有哪些？原因：要想把自己制作的网站发布到Internet上，就必须申请一个特定的地点和空间，用来存放整个网站的信息，这个空间我们通常称为网站空间或主页空间。申请方法：登录网站-单击申请免费空间的链接-阅读协议并接受协议内容-按要求填写表格后提交网站发送注册信息到你的邮箱内。常用免费提供空间的网站：中联网、中华网

15、个人主页、方舟网、中通互联、天禧网等。登录一个可以提供免费空间的网站，申请自己的主页空间。三、上传网站阅读课文第三部分，小组合作交流：1、要想将制作好的网站上传到已经申请的免费空间，常用的方式有哪几种？2、开动脑筋：根据你所学到的知识，把你的的网站上传至你申请的免费空间吧！3、在浏览器中输入自己网站的网址，访问自己的主页。四、网站的宣传思考：怎样才能让更多人来访问我们的网站？自己尝试对我们的网站进行宣传？1、网站登录2、交换链接 3、论坛发帖五、课堂小结：网站发布前的检查申请网站空间上传网站宣传网站第7课 制作表单网页了解表单网页的作用，了解表单网页制作与提交。学会在网页中插入表单；正确设置表

16、单信息的收集方式。培养学生善于发现问题，勤于解决问题的好习惯。在网页中插入表单及设置表单信息的收集方式。显示一个带有表单的网页，并提交一信息，引入课题。一、 在网页中插入表单阅读课文第一部分，思考：1、什么是表单？2、表单的基本工作原理是什么？3、怎样插入一个表单？设计一个表单放在你的网页中？二、设置表单信息的收集方式新建站点后，系统会自动生成一个名为“_private”的文件夹，系统默认会将这些信息存入这个文件夹的一个特定文件“form_results.txt”中。将光标定位在表单区域的空白处，单击鼠标右键，选择“表单属性”，打开“表单属性”对话框进行设置。三、实践与创新1、参照本课介绍的表

17、单网页，设计“父母在我心中”问卷调查的表单网页，要求：表单中要含有滚动文本框、复选框、单选按钮。并将网页文件上传到网站空间，并修改相应的链接。2、你能否想办法让反馈信息直接显示在提交表单的网页上？四、展示学生作品，验证表单是否成功提交，分析出错的原因。在网页中插入表单设置表单信息的收集方式六、课后反思第二单元 第1课 认识Flash MX 导学案 【课前延伸】课前认真预习课本，结合上网搜索的知识完成以下问题。1什么是Flash动画？ _2下载一个Flash作品与大家交流。【学习目标】1学会启动Flash MX，认识Flash MX操作界面；2掌握时间轴、帧、关键帧的概念；3学会用铅笔、椭圆等工

18、具绘图；4熟练掌握有关帧的操作。【自主学习】1启动Flash MX的方法是：_2画出Flash MX操作界面的简图并口述各部分的作用。3读课文，完成表格：帧的类型在时间轴上插入帧的方法删除帧的方法是：_。4铅笔工具的属性包括：_、_、_、_。铅笔工具的选项提供了_、_、_三种曲线绘制模式。【交流探究】1通过上机操作、观察，完成课本P53中间的“练一练”，并进行小组交流。2上机操作课本P54下面的“试一试”，并完成课本P55的“练一练”，并进行小组交流。3完成课本P56的“试一试”和“练一练”，全班交流。【大显身手】1完成课本P56第1题。2有条件的同学课下完成课本P56第2题。【开阔视野】阅读

19、课本P57FLASH的发展史及其优点。第2课 图层与元件请画出Flash MX 的界面结构简图，并注明舞台、帧窗格、图层窗格和时间轴。1知道Flash元件的分类；2了解不同层的用途；3学会设置Flash MX 文档的属性；4熟练掌握有关层和元件的操作。【阅读课文】1Flash MX 文档的属性包括_、_、_等。2标尺用来测量舞台大小或对象大小，标尺的单位包括_（_）、_（_）、_（_）、_（_）等。3Flash的图层可分为四类：_、_、_、_。4在时间轴图层管理区域可以对图层进行的操作包括：_、_、_、_、_和_等。5何谓“元件”？6何谓“实例”？7元件的类型及其对应的英文名称分别是：_（_）

20、、_（_）、_（_）。可以通过_将动画中的对象转换为元件。8一个复杂的Flash动画会包含许许多多的元件，构成Flash MX 的_.【上机探究】1打开“文档属性”对话框，观察其内容，并完成课本P59上面的“试一试”，然后进行小组交流。2找到时间轴窗口，观察各个按钮，并完成课本P59下面的“试一试”，然后进行小组交流。3完成课本P60的“试一试”和P61的“试一试”，结合“一点通：元件的三种类型”强化“学习目标4”。1完成课本P61第1题。2有条件的同学课下完成课本P61第2题。【查缺补漏】“箭头工具的使用”是小学信息技术第5册学过的知识，请阅读课本P62箭头工具的使用来补习或复习巩固这一知识

21、点。第3课 运动渐变动画 1请画出Flash MX 的界面结构简图，并注明舞台、帧窗格、图层窗格和时间轴。2完成表格：3元件的类型及其对应的英文名称分别是：1了解Flash动画的分类；2掌握运动渐变动画的特点；3学会制作关键帧动画；4掌握制作运动渐变动画的一般步骤。1在Flash MX 中动画分为三类：_、_和_。2解释何谓关键帧动画。3叙述运动渐变动画的制作步骤（首先然后最后）。4关键帧动画中的舞台对象_元件。A.必须是 B.一定不是 C.不必是5运动渐变动画中的渐变对象1完成课本P64上面的“试一试”，保存在自己的学习文件夹中，并进行小组交流。2按照课本P64下面“文字举报电话的制作步骤示

22、例”制作一个运动渐变动画，保存在自己的学习文件夹中，然后进行小组交流。3完成课本P66的“练一练”，把自己的经验拿出来与同学们分享。1完成课本P66第1题。2有条件的同学课下完成课本P66第2题。阅读课本P65Flash的应用，了解Flash动画的广泛应用。第4课 形状渐变动画 导学案在时间轴上插入的方法3铅笔工具的属性包括：1了解形状渐变动画的特点；2掌握形状渐变动画中形状提示点的概念；3学会使用画笔工具；4学会制作形状渐变动画以及为形状渐变动画添加形状提示点的方法。1画笔工具画出的图形只有_部分，不包括_；而椭圆工具和矩形工具由_和_两部分构成。2画笔工具的附属选项包括_、_、_、_。3画笔工具的模式主要控制画笔工具作用的区域，它提供了五种不同的画笔模式：_、_、_、_、_。4解释何谓形状渐变动画。5叙述形状渐变动画的制作步骤。6可以通