赣科技版信息科技七年级上册 第8课《网页页面美化》第2课时 教案.doc

第8.2课《网页页面美化》教学设计

课题

网页页面美化

单元

第八单元

学科

信息技术

年级

七年级上

核心素

养目标

1、信息意识：了解网站建设的重要性和基本流程，意识到合理规划和设计网站对于信息传播和交流的重要性。

2、计算思维：掌握基本的HTML和CSS知识，能够使用这些技能进行简单的网页设计和布局，培养解决问题的能力。

3、数字化学习与创新：学会利用互联网资源和工具进行网站的制作与发布，提升数字化学习能力，激发创新思维和创造力。

4、信息社会责任：认识遵守网络道德和法律的重要性，了解在网站建设过程中应注意版权和隐私保护，培养社会责任感。

教学重点

了解网站建设步骤

认识规划的重要性

教学难点

掌握基础设计技能

理解申请域名空间

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

视频导入：《域名和虚拟主机有什么区别》

观看视频，了解域名和虚拟主机的区别。

培养学生的观察力和创造力。

讲授新课

一、想一想

网站建设

1、网站建设

经过前面的学习，同学们已经能够初步使用记事本进行网页的设计，下面我们将来学习网站建设的基本流程。

2、网站规划

在网站开始制作前，我们必须对网站的功能和界面风格进行定位。

依据需求来确定网站要实现的功能，网站的界面包括网页的配色和网页的版式设计等。

不同的网站应该具备不同的特色，例如百度网主要提供强大的搜索功能，所以百度网站简化了界面而突出搜索功能。

央视网提供各种新闻视频服务的功能，用很大的图片模块来突出新闻，吸引游客点击浏览。

那么，如果建设班级网站，应该以方便班级成员的沟通交流以及学习发展为主要目标，所以班级网站应该具备“动态”“风采”“学习”“资源”“联系”“交流”等内容模块。并且在色调上，可以用一些比较青春活力的颜色，如绿色等。

二、议一议

1、班级网站需要实现哪些功能？

（1）动态：发布最新的班级活动新闻和通知，使同学们及时了解重要事项。

（2）风采：展示班级成员的照片和介绍，并分享活动照片和视频。

（3）学习：提供下载学习资料和在线作业提交平台，支持同学们的学习需要。

（4）资源：集合并分享各类学习资源和应用工具链接，方便同学们使用。

（5）联系：显示班级和老师的联系方式，为同学们提供便捷的联系渠道。

（6）交流：设立留言板和在线聊天功能，促进同学间的讨论和沟通。

2、班级网站的主色调应该选择什么颜色，为什么？

（1）绿色：班级网站的主色调可以选择绿色，因为绿色象征着青春和活力，有助于营造积极向上的氛围。

（2）蓝色：蓝色能给人一种冷静和理性的感觉，适合作为学习网站的主色调，促进学生冷静思考。

（3）黄色：黄色通常代表阳光和快乐，作为主色调可以让网站显得更加明亮和愉快，吸引同学们的注意。

（4）橙色：橙色充满活力和温暖，适合作为班级网站的主色调，能够激发同学们的热情和动力。

三、想一想

网站建设

3、网页制作

网站制作一般有两种方式，一种是自己建设，另一种是请专业网站公司制作。

在网站制作前，还需要根据网站的规划设计，提前准备好相关素材，一般素材可以是图片、视频音频、文字材料等。

网站制作的专业软件有很多，功能各有千秋，大家可以选择任意一款软件进行练习。

四、议一议

1、自己建设网站和请专业网站公司制作各有什么优缺点？

（1）成本：自己建设网站成本较低；请专业公司制作费用较高。

（2）技术要求：自己建设需要技术知识；请专业公司无需具备这些技术。

（3）时间：自己建设网站可能需要较长时间；专业公司通常能更快完成。

（4）定制化：自己建设网站可以完全按自己想法和需求定制；请专业公司需要更详细的沟通。

（5）维护：自己建设网站需要自己进行维护和更新；请专业公司通常提供维护和支持服务。

2、网站需要哪些类型的素材，如何收集和整理？

（1）图片：需要清晰且吸引人的图片。可以拍照、网上搜索或用同学的图片，按主题整理。

（2）文字内容：需要简洁准确的文字说明。课本、笔记或网上资料，整理成段落和标题。

（3）视频：需要有趣和清晰的视频。用手机录制班级活动或从网上下载。

（4）音频：需要背景音乐或声音文件。可录制歌曲或从网上下载。

（5）图标和按钮：需要多彩的图标和按钮。免费图标网站下载，按用途整理存档。

五、想一想

网站建设

4、申请空间和域名

在网站做好之后，要使别人能在自己的计算机上通过网络访问你做的网站，需要将其上传到服务器上，并且有一个专属于你的网站域名。所以需要申请虚拟空间和域名。

扩展阅读

虚拟空间模式

虚拟空间模式有三种：主机托管、主机租用和虚拟主机。大多数网站使用虚拟主机，不仅能节省购买主机和租用专线的费用，而且还省去了处理在使用和维护服务器中产生的技术问题。

网站建设

5、申请虚拟空间

要申请虚拟空间，需要登录提供虚拟空间服务的网站进行操作，有一些网站是收费的也有一些