第2课 美化网页显身手

第1课简单网页尝试做教学目标：1、掌握在网页中输入文字和设置文字格式的方法；2、掌握保存和预览网页的方法；3、初步感受用网页发布信息的优势。

教学重难点：1、用表格编排文字；2、保存网页；3、预览网页。

教学过程：一、导入互联网为我们提供了一种全新的信息传播方式。

各式各样的网页呈现了大量生动的图像、声音、视频、动画，并构成了互联网丰富多彩的资源。

今天我们选用FrontPage来学习制作网页的基本过程。

二、新授课1、认识网页制作窗口。

⑴、启动FrontPage程序，打开它的窗口。

FrontPage窗口主要由菜单栏、工具栏、编辑区等组成。

⑵、关闭任务窗格。

⑶、把指针指向常用工具栏，查看各个按钮的名称和功能。

2、用表格编排文字。

⑴、显示“布局表格和单元格”窗格。

⑵、插入一个1行1列的表格，调整行高和列宽，并设为居中对齐。

⑶、在表格上方输入标题，在表格中输入正文，最后设置文字格式。

⑷、单击“预览”标签，预览效果。

3、保存网页。

⑴、执行保存操作，打开“另存为”对话框。

⑵、以“当老师”为文件名，把文件保存到对应的文件夹中。

4、在IE窗口中浏览网页。

单击编辑区左下角的“预览”标签，就会显示出网页的效果。

三、学生操作练习，教师巡视指导。

四、小结本节课我们认识了网页制作软件FrontPage，学习了简单的制作网页的方法。

第2课美化网页显身手教学目标：1、掌握在网页中插入图像的方法；2、进一步熟悉设置单元格样式的方法；3、增强利用图文展现信息的意识，提高审美的能力。

教学重难点：1、设置单元格的背景；2、插入图像。

教学过程：一、导入打开资源库，对比两个网页，哪个更有吸引力？仅有文字的网页显得有些单调。

今天，我们学习简单的美化我们的网页。

二、新授课1、设置单元格背景。

⑴、选中单元格，单击表格，再单击单元格，在表格属性中，找单元格；⑵、设置单元格填充颜色。

还可选择图像作为背景。

2、设置单元格的边框。

⑴、选中单元格，单击表格，再单击单元格，在表格属性中，找单元格；⑵、依次单击“样式”“格式”和“边框”，最后设置边框颜色。

我的网页我装扮创新整合点技术应用：（说明在教学中使用了相关的软硬件）：1.为提高课堂教学效果使用电脑投影和极域电子教室进行学生演示和教师讲解。

2.为便于学生理解和掌握制作了ppt演示文稿。

3.海尔一体机和投影机为学生学习准备好硬件设备。

评价方法：（说明在教学过程中将用到评价工具，如何评价以及目的是什么）：1.学生的自我评价。

（主要用于一些情感、态度和价值观方面的内容，因为这部分内容没有一个标准答案，学生自己动手操作，才能反映出情感教育的真正的价值，而不要虚伪的情感）2.小组同学自己的互评。

（主要用于对场景教育的判断了，判断是基于史实，因而判断的正确反映出对史实的掌握程度，而史实又是学生能够自己掌握的内容，因而小组之间的互评，能反映出互帮互助的学习要求。

）3.教师评价。

（对于一些理解实质类方面的内容，需要较强的抽象思维能力，而六年级学生在网页审美观点还需要提高，因而需要教师进行引导。

）尊重和爱护学生的学习积极性，对每个学生的成绩和点滴进步都要加以肯定。

可采用口头表扬和精神奖励的方式，如奖给红星等。

特别要注意对学习后进取得的进步及时给予表扬。

资源应用：（说明在教学中资源应用的思路、制作或搜集方法）1、以生为本，为学生提供宽阔的发展空间。

2、整合活用教材教学资源，提高课堂教学效率。

3、捕捉“契机”，让生成更加精彩。

教学内容分析这节课是小学《信息技术》第6册网页制作中的第2课内容,是在学生初步认识并掌握了网页制作基本操作的基础上，指导学生对网页文字进行修饰，并配上漂亮的背景，及插入水平线以分隔层次，从而完成对网页的美化任务，提高自身艺术修养。

教学目标知识与技能目标：1.掌握用网页编辑软件打开网站和修改网页的方法。

2.学会为网页设置背景。

3.学会使用水平线美化网页。

4.学会预览网页过程与方法目标：1.学生能够熟练、灵活地美化自己的网页作品。

2.通过与同学的交流、评价，能够对自己的设计进行反思，进行修改，完善和优化自己的网页作品。

8、美化网页教学目标：知识与技能：能在网页中插入图片，设置图片属性，对图片进行简单编辑；能通过网页属性设置网页的背景。

过程与方法：通过自主探究，小组合作，培养学生的动手实践能力和合作交流能力。

情感态度价值观：通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。

重点、难点或关键：插入图片，设置图片属性，对图片进行简单编辑.了解网页的整体风格、能有意识地将图片放在“images”文件夹下教学流程：师：最近，海西教育网在招聘微博小编辑，同学们想不想去试一试呢要成为小编辑可不是一件简单的事，它必须要下苦工，要知道优秀的网站应该具备的条件。

让我们先来看一下下面几个网站实例。

展示三坊七巷、海西教育网站实例，引导学生四人一组进行观察，交流，提出引导性的问题：优秀的网站应该具备哪些条件呢请个别小组的代表汇报自己的想法，并用实例验证。

师小结：色彩合理；主题鲜明；版面协调……师：要想成为小编辑需要完成很多挑战，首先必须上交一个具有个性特性的自我介绍。

接着展示两个自我介绍网站页面，一张是没有美化的，一张是经过美化的，引导学生进行比较，明确学习任务.挑战一：为网页“梳妆打扮”课件出示任务：网页中文字的字体太单调，不好看，请同学们将文字设置成自己喜欢的格式。

引导学生自主操作，教师巡视。

请学生口述操作过程，教师操作并小结。

挑战二：使网页“图文并茂”课件出示任务：给网页加上图片，让网页更加丰富。

1.引导学生回顾word中插入图片的方法，然后引导学生根据教材44页步骤自主尝试。

2.学生口述，教师操作。

引导学生观察，让学生发现插入图片后出现问题“图片太大，位置不好”引出：挑战三：图片我会修1.引导学生回顾word中修饰图片的步骤；2.然后让学生引导学生，根据教材45~46页的内容对图片进行修剪；3.请小组代表上台操作；4.教师进行小结；此过程中故意使用站点外的图片作为插入对象，保存网页时，引导学生观察并思考出现问题的原因。

第3节《美化网页》教学设计一、学习者分析教学的对象是初中二年级的学生。

在学习本章节之前，学生已经学习了网络基础知识，具有一定的使用计算机的能力；而在本章前面的学习中，学生学习了如何建立一个（本机内的）站点和网页的建立与保存，对网页编辑等有一定的基础，而且对制作网页有较高的兴趣。

二、教材内容分析1.本节的主要内容及在本章中的地位本节是网页制作中最重要、最精彩的部分，也是学习网页制作的重点内容。

正是由于有了各种美化网页的方法，网页才会显得吸引学生的学习。

因此，要通过本节的学习，充分激发学生的学习兴趣。

2.教学重点、难点：重点：（1）表格的制作与属性的设置；（2）插入图片与图片的处理；（3）超链接的制作及设置；（4）横幅广告管理器的设置；（5）悬停按钮的设置与运用。

难点：（1）表格的修饰；（2）超链接的制作及设置；。

（3）横幅广告管理器的设置。

3.课时安排：第三节《美化网页》使用四个课时学习，其中，第一课时：表格的制作与设置；第二课时：插入图片与动画；第三课时：超链接的使用；第四课时：网页修饰、按钮与横幅广告管理器。

三、教学目标1.知识与技能（1）掌握网页中运用表格的方法；（2）掌握网页插入各种图片的方法；（3）学会应用超链接；（4）学会设置网页背景、移动字幕，设置横幅广告管理器和制作悬停按钮的操作。

2.过程与方法（1）通过美化网页的各种方法的学习，让学生从制作的层面认识网页世界；（2）通过制作网页的实践，让学生掌握网页制作的基本方法。

3.情感态度价值观通过表格、图片、按钮、声音、超链接等的实现，体验制作网页的成功感，激发学生的创作欲望，使学生形成主动学习的态度，积极参与到信息技术的学习中来，并在学习的过程不断提高综合运用信息技术的能力。

四、教学理念和方法注重以学生为主体，让学生主动探索，主动地构建知识体系，把理论知识运用到实践。

同时也倡导学生互相帮助进行学习，培养合作观念。

五、教学过程设计1.教学内容的组织与呈现方式课程围绕网站《名城广州》的制作，通过实际的问题引出所学知识，把网页表格、图片、超链接等等逐一展现，让学生把细化的知识逐一击破，再把所学知识应用到创作中去，逐步构成自己所要完成的作品，充分调动学生学习的积极性与灵活性，同时充分利用多媒体电子教室控制系统屏幕广播功能进行实时演示与讲述，提高课堂效率。

《美化网页兴趣高》教学设计教学目标1、掌握在网页中插入图像的方法2、熟悉设置单元格样式的方法3、提高审美意识，善于发现美，美化生活从自身做起4、教学重、难点重点：在网页中设置单元格背景、单元格边框及插入图像难点：在网页中设置单元格背景及插入图像教学过程：（一）激发兴趣导入新课教师活动：今天老师接到学校的一个重要的通知，帮助学校招聘小小编辑员（课件出示通知内容）参与校园网站的建设，同学们想不想去试一试呢？同学们真是热情高涨，但是要成为小小编辑员可不是一件简单的事，必须通过重重的挑战，你们准备好了吗？那就让我们马上进入基础小测验，看看大家是否具有火眼金睛，能够“慧眼识美”。

教师活动：请同学们认真观看以下几张网页，引导学生从图片、色彩、版面方面思考，哪个网页效果好？学生活动：指生回答问题教师活动：通过同学们的回答，我们可以总结出一个优秀的网页需要有网站的主题、应用好色彩、合理搭配图片，规划好版面，才能使网站具有与众不同的风格。

教师活动：老师这里有一张网页，根据优秀的网页具有的条件，你有什么想法？展示：“我有一个飞天梦”网页学生活动：指生回答教师活动：是的，今天就让我们一起来学习《美化网页兴趣高》。

马上迎接我们成为小小编辑员的第一个挑战----------为网页插入图片，让网页图文并茂。

【设计意图：让学生观察，感受网站界面设计的成功，激发学生学习的欲望。

】(二）任务驱动自主探究挑战一：梳妆打扮-------给网页添加图片，让网页图文并茂请同学们打开“桌面”学习包文件夹网页，为网页梳妆打扮，插入学习包挑战一里的图片，可以参考课本P12--P13页或者挑战一里的锦囊1，看看哪个小组的同学完成最快。

教师活动：教师巡视指导学生活动：上台演示插入图像的方法教师活动：协助学生进行补充方法和技巧【设计意图：让学生自主学习，掌握插入图像的方法和技巧】挑战二：穿花衣------给单元格添加背景请同学们给网页穿上花衣裳，可参考课本P9----P11页，我们除了使用系统设定的颜色作为单元格的背景也可以添加背景图片，可参考挑战二里的锦囊2，完成挑战。

信息技术教学《美化网页》信息技术教学《美化网页》【通用2篇】信息技术教学《美化网页》1教学目标：1、通过学习在网页中插入图片、设置图片属性、编辑图片和添加背景，学会美化网页的方法；2、通过探究学习，小组合作，培养学生动脑、动手能力，合作交流能力；3、通过学习提高学生的审美能力、自身艺术修养水平。

教学重难点：重点：插入图片、设置图片属性、编辑图片和添加网页背景难点：合理美化网页教学准备：相关教学课件、网站、图片等教学过程：一、作品对比，导入新课1、展示网页，引发兴趣：引言：教师展示未美化的网页和美化过的网页，学生认真观察。

揭题：通过美化的网页，更吸引我们，那么怎样美化网页？揭题（板书：8.美化网页）二、回顾旧知，打开网站展示学习要领（板书：一、插入图片）三、回顾旧知，打开网站1．教师演示讲解2、学生活动：打开桌面上的.网站四、引导在网页中插入图片1．回顾：如何在ppt中插入图片。

2．师生互动交流。

在网页中插入图片和ppt中插入图片的方法非常相似，教师提示插入图片过程3．布置任务：活动一。

4．巡视全班，个别辅导。

5．学生代表演示，发现问题。

3．学生边复述过程教师边出示板书。

定位光标—插入—图片—来自文件五、设置图片属性1．教师展示未排版过的网页，讨论交流，说明光插入网页还不够，还要对图片进行设置。

（板书：二、设置图片）2．教师演示设置图片方法。

同学们边复述操作方法教师边出示板书鼠标右击图片—图片属性—外观3．学生动手设置图片。

做一做：活动二4．巡视全班，个别辅导。

引导学生在探究过程中，要细心观察图片属性对话框中各选项设置，如保持纵横比。

六、编辑图片1．提问：只要图片的文字或者画的部分，可以做到吗？那就要编辑图片。

（板书：三、编辑图片）2．教师演示编辑图片步骤，出示板书。

鼠标右击图片—显示图片工具栏3．学生动手编辑图片。

4．巡视全班，个别辅导。

引导学生编辑图片除了“裁剪”功能，还有其他编辑图片的的功能，如调整图片的明亮度等七、添加网页背景1．展示美化过的网页。

一、教学目标知识与技能：1. 了解网页美化的基本原则和方法；2. 掌握使用HTML和CSS代码美化网页的技巧；3. 能够运用图像、色彩、布局等元素，设计出美观、实用的网页。

过程与方法：1. 通过案例分析，学习网页美化的原则和方法；2. 利用HTML和CSS代码，实践网页美化的技巧；3. 小组合作，设计并展示美化后的网页。

情感态度价值观：1. 培养学生对网页美化的兴趣和审美意识；2. 培养学生创新精神和团队合作能力；3. 培养学生关注信息技术发展的意识，提高信息技术素养。

二、教学重难点重点：1. 网页美化的基本原则和方法；2. 使用HTML和CSS代码美化网页的技巧。

难点：1. HTML和CSS代码的运用；2. 网页美化的创新设计。

三、教学准备教师准备：1. 教学PPT；2. 网页美化案例及素材；3. HTML和CSS代码示例。

学生准备：1. 学习过的HTML基础知识；2. 学习过的CSS基础知识。

四、教学过程1. 导入：通过展示精美的网页，激发学生的学习兴趣，引出网页美化的主题。

2. 新课导入：介绍网页美化的基本原则和方法，如布局、色彩、图像等。

3. 案例分析：分析并进行网页美化案例的讲解，引导学生理解并掌握美化方法。

4. 实践操作：让学生利用HTML和CSS代码，实践网页美化的技巧，教师巡回指导。

5. 小组合作：学生分组合作，设计并展示美化后的网页，互相评价、交流。

6. 总结提升：总结本节课的学习内容，强调网页美化的原则和方法。

五、课后作业1. 完成课后练习，巩固本节课所学内容；2. 设计一个个人主页，运用所学网页美化技巧，下节课进行展示。

教学反思：本节课通过案例分析和实践操作，让学生掌握了网页美化的基本方法和技巧。

在教学过程中，注意引导学生关注网页美化的原则，培养学生的审美意识。

通过小组合作，培养了学生的创新精神和团队合作能力。

但在教学过程中，也要注意因材施教，针对不同程度的学生给予适当的指导，提高课堂教学效果。

青岛版初中信息技术八年级上册网页的美化说课稿[大全]第一篇：青岛版初中信息技术八年级上册网页的美化说课稿[大全]1.4 网页的美化尊敬的各位评委老师：上午好。

我是信息技术号考生，今天我说课的题目是网页的美化，我将从教材分析，教法学法，教学过程这三个方面对本课进行说明。

一：教材分析网页的美化是青岛版初中信息技术八年级上册第一单元的第4课，本节课主要讲了网页美化的一些常用方法。

它是前面学习设计网站首页知识的延伸，也为后面更深入地学习网页设计打下基础。

根据课程标准对本节教材内容的要求和学生的认知情况，我从知识，技能，情感态度和价值观这三个方面制定以下教学目标：1.了解网页美化的常用方法，理解美化网页对提高网站质量的作用。

2.学会在网页中设置背景，音乐，Flash动画和滚动字幕。

3.提高审美意识，善于发现美，美化生活从自身做起。

其中，本节课的教学重点是：设置网页和表格背景，插入背景音乐，Flash动画和滚动字幕。

教学难点是：插入背景音乐和滚动字幕。

二：教法学法根据以上制定的目标和重难点，以及学生的认知结构，心理特征，我采用以学生操作为主，辅以情境导入，谈话启发，示范演示等教学方法。

为了突出学生的主体地位，我在学法指导方面作了以下设计：1：采用自主探究的学习方式。

2：采用小组合作讨论的学习方式。

三：教学过程（一）设置情境导入新课在这一环节中，我向学生展示两张内容相同的网页：一张是经过美化的网页，另外一张一点也没做修饰。

预览一下让学生看看效果，然后让学生比较一下：哪一张网页的视觉效果比较好。

并且提出问题:同学们想不想制作一张这样的网页呢？从而引出本节的课题：网页的美化。

这样的设计，符合学生的年龄特征，能激发学生学习新知识的浓厚兴趣，也为下一步的学习做好铺垫。

（二）自主学习探究新知在这一环节，我设计让学生自己学习本节课的内容，并试着自己上机练习，八年级的学生已经有了一定的自学能力和动手操作能力，在自学过程中，学生能够掌握本节教材中比较容易的一些知识点，可能为:设置网页和表格的背景，插入Flash动画。

小学信息技术第三册上让网页“靓”起来2教案泰山版1、知识与技能：学会如何打开站点与网页；掌握在网页中插入与编辑图片、设置背景图片的方法；掌握将插入图片后的网页进行保存的方法。

2、过程与方法：能够通过插入图片和设置背景很好的美化网页。

3、情感态度与价值观：通过美化网页，激发学生的学习欲望，培养学生的审美能力。

教学重点难点1、重点：图片的插入与编辑、设置背景图片。

2、难点：将插入图片后的网页进行保存的方法。

教学方法讲授、演示、上机指导、小组合作师生活动过程设计意图[一]、谈话引入师：上节课大家已经为我们的家园建起了框架，大家愿不愿意让它变漂亮？怎样让它变漂亮呢？大家讨论一下1、站点、网页的打开。

步骤：执行“文件”菜单中的“打开站点”命令。

（结合课文中的图示）出现“打开站点”对话框，在“查找范围”后面的文本框中输入网站所在的地址，在“文件夹列表”处双击“index、htm”文件，打开网站的首页。

教师一边演示，让学生边操作。

2、图片的插入与编辑。

（问题：）大家可以看看“工具栏”中“插入”。

把自己收集的图片如何添加到网页中？(学生实践操作，教师巡视指导)请一学生上来演示，并作讲解。

出现困惑：插入图片后它的大小呢？(提示)：看看鼠标指针“菜单栏”或“工具栏”、右键快捷菜单中有没有能解决此问题的方法。

学生操作，教师巡视指导。

小结步骤：打开网页后执行“插入”菜单中的“图片”命令的“来自文件”项，打开“图片对话框”找到所含图片的文件夹，再通过大家讨论，交流自己的观点，让学生感受自己的创造力，再对家园进行修饰。

打开所需要的文件，选中后，单击“保存”按钮，弹出“保存嵌入式文件”对话框，单击选择保存的位置，找到“我的网站”中的“images”文件夹，单击”确定“项。

教师解说步骤，学生操作。

让学生保存后“文件夹”处的先后变化。

3、利用图片做网页背景。

步骤：在网页编辑区中，单击鼠标右键，选择“网页属性”命令。

打开“网页属性”对话框中的“背景”标签项设置背景属性，勾选“背景图片”前的复选框，单击“浏览”选择背景图片，找到“我的网站/images”文件夹，单击“浏览”按钮，可选择计算机中的图片文件，选种所需的图片，最后单击“确定”。

教案精选：初中信息技术《美化网页》教学设计教案精选：初中信息技术《美化网页》教学设计一、教材分析《美化网页》是山东教育出版社《信息技术》八年级（上）第二章第三节第一课时的内容，它是在学生已完成“我的家乡”网站的构建，学会了基本的修饰网页的方法的基础上，来更进一步进行修饰网页的学习。

本节课主要学习使用导航栏和共享边框以及学会给网页添加背景，这样就会使得网页更形象、直观，更加图文并茂，增加艺术表现力。

本节课的内容很重要，意义深远；如果能把本节课内容掌握好，网页真可以达到图文并茂了的效果了。

二、学情分析初二学生有一定信息技术基础，学生对信息技术课有很浓厚的兴趣，而且在WORD中已经学习过了修饰文档的一些方法，因此在本节课的学习中可以尽可能的让学生进行自主学习、小组合作交流的学习方法进行教学，这样既增强了学生的学习兴趣，也培养了学习良好的自主学习、合作学习的习惯。

三、教学目标：知识目标：1、使用导航栏和共享边框。

2、为网页添加背景。

能力目标：1、学会使用共享边框和导航栏。

2、学会添加网页背景，对网页的各种元素进行合理搭配。

情感目标：在教学中通过引导学生自主探究、师生交流、小组合作等方式，给学生以探索、创新、合作、成功等情感体验，让学生在学习过程中体验与他人合作学习的情感交流，增强自主探究学习的精神和解决问题的能力。

通过对网页的各种修饰，增加学生的审美能力。

四、教学重点及难点：教学重点：使用导航栏和共享边框和添加网页背景。

教学难点：使用导航栏和共享边框五．教学策略本节课以“任务驱动”为主，结合学生自主探究、小组合作交流等方法来完成教学目标。

教学过程在学生已有的知识基础上，采用启发、引导的方式，进一步让学生明确具体的任务，在探究中完成，让师生与生生在互动中交流，以使更多的学生能展示自己。

放手让学生来做，来看，来讲，更能调动学生的积极性和课堂气氛，让学生在有趣的课堂，更好地掌握信息技术的基本知识和操作技能。

所采取的教学模式，使得课堂的学习活动是以学生为中心的，它是在教师提出明确的任务，来给学生创设良好的学习环境，让学生独立探究、合作等方式学习，使学生在完成任务的过程中构建自己的知识，使他们都有较大的收获，让学生在任务驱动下进行学习，既培养了学生的学习方法，也让学生在学习中体验到了成功的喜悦与学习的乐趣。