《教育技术学》毕业论文

内蒙古师范大学毕业论文

题 目 人教版初中信息技术课程学习资源网站的设计与开发

学 院 教育学院

专 业 教育技术学

班 级 16级教育技术汉班

姓 名 王宇

学 号 20161101518

指导教师 郭伟

完成日期 2020 年 4 月 5 日

人教版初中信息技术课程学习资源网站的设计与开发

【摘要】本网站的主题是人教版初中信息技术课程学习资源网站的设计与开发，既有资源的设计开发，又有网站的设计与开发。信息技术课程划分为五个部分，信息与信息技术、Microsoft Office、flash、photoshop、计算机病毒。围绕这五个部分，进行学习资源的开发，包括课程简介、课程内容、教学课件、电子教案、教学软件、教材介绍、教学案例、课后测验九个方面。依次给出总体结构以及主页、每一个方面的设计与开发，旨在构建一个学习信息技术的网站系统，意将该网站应用于用于教学，供教师和学生使用。i

【关键词】人教版初中信息技术课程、学习资源、网站设计、开发

Design and development of learning resources website of IT course in junior high school

【Abstract】The theme of this website is the design and development of the learning resources website of junior high school information technology course of peoples Education Edition, which includes both the design and development of resources and the design and development of website.Information technology course is divided into five parts, information and information technology, Microsoft office, flash, Photoshop, computer virus.Around these five parts, the development of learning resources includes nine aspects: course introduction, course content, teaching courseware, electronic teaching plan, teaching software, teaching material introduction, teaching case and after-school test.In order to build a website system for learning information technology, the website is intended to be used in teaching for teachers and students to use.【Key Words】junior high school information technology course，learning resource，website design,develop

目 录

1.1网页设计软件1.学习网站实现的技术支持

dreamweaver cs5是一款网页编辑软件，能够快速的通过插入等方式，编辑页面，并且在代码界面里自动生成代码，是一款快速便捷交互性好的软件。在这款软件中，可以插入图像，表格，表单，视频等文件，还可以通过框架或表格进行布局，使网页页面更加美观。dreamweaver cs3 同样也是一款网页编辑软件，与cs5不同的是，dreamweaver cs3可以插入flashpaper、flash视频、flash文本、flash按钮，使网页更加多元化，可以更方便供用户使用。

1.2图像处理软件

Photoshop Photoshop是一个图像处理软件，是Adobe公司发明创造的。photoshop 被称为“思想的照相机”，是目前最流行的图像和制作工具，它能够带你走进无与伦比的图像艺术空间。它最擅长的还是创建各种各样的图像处理效果，越来越多的艺术家、广告设计者都青睐于它，目前，也是中学生要求学会的一项技能，初中要求初步了解，简单应用。到了高中，还会进行深度学习。并且，在网页设计中，也少不了用它对图像进行处理加工，使页面更加美观。

1.3动画编辑软件

Flash是一个二维动画制作软件，给学生呈现动态效果，不再是单纯的反复运动，而是可以在画面里进行菜单选择和操作以及插入音频文件，深深受到用户的欢迎。在学习资源的设计与开发中，它不仅是一个教学内容，也是制作软件，目的就是提供动态效果，吸引学生的注意力，激发学生的兴趣。

1.4文字处理软件

文件处理软件在逐步更新，功能在不断完善。对于教案以及教学课件的制作，离不开Microsoft Office中的word、excel、ppt.。笔者采用的是Microsoft Office 2007。powerpoint是幻灯片制作软件，能够制作出集文字、图形图像、声音以及视频剪辑等媒体元素于一体的多媒体演示文稿，并且加上动画，转场特效声音等多媒体效果，大大吸引了学生的兴趣，提高了学生的课堂效率。

1.5录屏软件

对于视频的录制，可以选取camtasia studio，它是一款集剪辑与录屏的一款软件，录制声音时，既可以录制系统声音，还可以录制麦克风声音，这样我们就可以边讲课边录屏了，在编辑的过程，我们可以插入标记，摄像头等，非常便捷的进行微课的制作。由于camtasia studio 在录像时有时卡顿，我选择了第二种录屏软件—liveview,也是一款简单实用的录屏录像软件，可以实时录制电脑屏幕的图像、操作、支持桌面选取等，唯一遗憾的是不能进行剪辑。

2.学习网站的设计原则

2.1 选题

本网站的主题为人教版初中信息技术课程学习资源的设计与开发，此次选题是想为毕业后从事教学方面做准备，我在假期时成功被应聘为一名中学信息技术老师，回想起大三下学期到呼和浩特市土默特学校实习，那时教的初二年级，教师的教学模式落后，依旧是教师教，学生学。教学效果并不太好，我总结了一下经验，认为学校学生不重视是一方面原因，最重要的原因还是教师，教师没有激发起学生的兴趣，因此，我想改变一下教学方式，做一些新颖有趣的学习资源，能够激发学生的兴趣。

2.2 设计原则

2.2.1自主性原则

本网站的设计初衷是想锻炼学生的自主性，能够让学生主动的学，像此次疫情的影响，好多同学没有学习资源或没找到合适的学习资源，导致学习效率不高，有些盲目。拥有这样的网站，教学课件，教学资源，教学素材，教学软件，教学的练习题应有尽有，学生可以根据教师的教学步骤有条不紊的进行学习，类似于程序教学原则，学生可以自定步调，小步子的进行学习，符合学生的个性化学习，更重要的培养了学生的主动性。

2.2.2多媒体化原则

提供的教学资源既有动态又有静态，动态的包括视频的制作以及动画的制作，静态的制作包括思维导图提供框架，ppt提供教学课件，word提供教案等。教学资源丰富，集文字、图片、视频、音频于一体的多媒体，引起学生的注意力，不再像之前的学习资源形式单一，学生枯燥乏味，缺乏学习的兴趣。

2.2.3交互性原则

一个网页拥有良好的交互性有利于吸引用户，一个链接，一个视觉颜色，一个优质内容都会给用户良好的体验。在教学测验的过程中，通过storyline3设计了交互系统,这是一款交互性特别好的课件制作软件，里面有丰富的功能，供教师使用，其中测验部分类型部分也十分广，学生能够进行在线测验，也能够及时的获取反馈。同时在设计密码登录时，只有学生添加了自己的信息，才能进行跳转。还有，在整个过程中，设置了许多超链接，学生可以随意的点击自己感兴趣的部分，这些都属于良好的交互性。

2.2.4实用性原则

计算机课程是一门实用性和基础性相结合的课程，实用性则体现在学生可以用计算机所学知识去解决生活中的问题，在设计学习资源时，并不总按书本上的知识，照搬照抄，而是要结合学生的实际，例如在讲ps中要讲一些学生经常会用到的图像处理功能，如去除人物背景，磨皮，红底照变蓝底照等。这样一些的图像处理方法是学生所需求的，学生才愿意去学习。

3.学习网站实现功能

3.1 信息技术课程概述

通过spry折叠式面板创建了课程的概述，学生可点击标题栏进行收缩与展开，同时运用了spry选项式面板，学生可以选择自己感兴趣的模块进行学习，当不用时，也可以进行收缩。

3.2 用户信息的登陆

利用spry折叠式可创建，里面包括密码登陆，联系我们，友情链接。点击标题栏即可让用户迅速体验。

3.3 教学软件和教材的下载

教学软件通过超链接的形式可以去下载并且去安装。教材通过图片的展播，让学生了解所需要的教材。

3.4 教学课件、教案的浏览与下载

本网站提供了初一年级到初三年级典型的教案和教学课件，教案和课件转化为flashpaper文件，如果学生预览满意即可下载所需要的资源。

3.5 教学视频、教学素材的欣赏与下载

教学视频包括典型视频，其中有动画，微课，生动活泼的展现了教学内容，运用多媒体形式让学生轻松容易的学习。作品展示主要包括flash动画和ps图片，非常美观，学生能够喜欢，并且学生可以下载相应的素材去制作，如有不会的同学，同时，素材里还包括制作步骤。学生也可以通过自己的努力，制作像电影海报片等炫酷的图画。

3.6 在线测试功能

教师运用storyline3交互系统软件去设置练习题，首先学生要输入自己的的名字，接着学生可以按顺序去做，也可以点击标题有选择的去做，做完之后可以获得及时有效的反馈，在测试过程，教师设置了做题时间，还设置了多少分为通过率，类似计算机等级考试。测试的类型有单择题、多选题、判断题。

4.学习网站结构设计

4.1专题学习网站的总体结构设计

学习网站的总体结构设计（如表1）

学习网站包括九个部分，课程简介、课程内容、教学课件、电子教案、教学视频、教学软件、教材介绍、教学素材以及课后复习测验。其中教学内容范围为初中信息技术，将其归为五大类，信息与信息技术、Microsoft Office办公软件、flash动画、photoshop和计算机病毒。由于时间有限，不能把全部内容做出来，挑出有代表性的内容进行学习资源的制作。其中，课程内容主要介绍的是电子版的教材，让学生在预习时有很好的参考，也为教师在备课时能够钻研教材做准备。教学课件部分主要的形式是ppt,教师将知识通过梳理，有逻辑的呈现给学生，让学生循序渐进的去学习。电子教案部分包括初一初二以及初三年级典型的教案，其中教师将其本节课的目标任务呈现出来，目的让学生能够明白此节课的学习目标，与自己学习的程度进行一个对比，明确自己还存在哪些差距。教学视频包括老师本人录制的课程，包括老师从网上找到的易于学生理解计算机发展史等的动画，还包括网络上优秀教师的教学视频。教学软件包括初中信息技术所要学习的软件，帮助学生课下时间也可以加强练习。教材部分仅仅是图片的展示，我们所学习的课本是人教版，而不是其他版本。教学素材既包括课上的素材，也包括课后拓展的素材，方便学生使用网站上的资源进行练习flash和photoshop，并且网站提供的下载功能，还可以为不具备上网条件的学习者创造学习的条件。ii课后测验部分提供了交互功能，能够及时有效的进行反馈，方便学生能够及时认识到自己的错误并且去改正它。

4.2学习网站页面设计

4.2.1主页的设计与开发

本学习网站既可用于课堂教学，还可以用于学生的课外学习。因此，主页的设置是至关重要的。主页分为四部分，标题部分、导航栏、内容部分和页脚部分。如图1，标题部分是logo,采用的是人教版信息技术的封面，目的是突出主题，还插入了flash动画，使网页更加生动。导航部分采用表格布局，设置了css样式，与主题的颜色相近。在每一分类中设置了超链接行为，鼠标经过时区域变为绿色，让用户有更好的体验。内容部分用div布局，嵌入表格，表格内是更具体的分类，学生可以进行点击进入每一个子网页，根据教育类网站的特点定位本网站的色彩基调，主要以明快的蓝白相间色调为基础，这样的网站看起来简洁，使学生产生信赖的感觉。iii中间部分是关于初中计算机主题图片的展播，点击还可进入课程简介。页脚部分是版权设置。样式与导航栏类似。使页面既美观又均衡。页面的整体配色可下载网页颜色搭配工具，当你选择某一颜色时，就会帮你搭配好其他颜色，不会显得颜色特别突兀，给用户一种舒服的感觉。

图十四 课后测验网页制作

5.结束语

本文从课程简介、课程内容、教学课件、电子教案、教学视频、教学软件、教材介绍、教学素材、课后测验九个方面对人教版初中信息技术课程学习网站进行设计与开发，构建了一个适合初中学生学习信息技术课程的网站，具有很强的实用性及趣味性。在学习和使用中，有许多不完备的地方，如课程内容的不完善以及没有用到数据库和动态网页，使网页交互性不太强，需要在以后的职业道路进一步改善和改进。

i

iii

【致谢】

毕业设计和毕业论文的完成离不开郭伟老师的指导，本专业需要毕业设计，从放假前老师就要求我们去学习，提供了大量的参考数目。对于网页设计，刚开始我们还是一知半解。通过学习，学到了很多，能够模仿其他网页做出属于自己的网页。对于资源设计，我们一开始毫无头绪，在老师的一再提醒下，终于确定了主题，开始着手。毕业论文的书写，老师提供了论文提纲，里面有丰富的内容选择角度，让我们从自己的实际情况去书写。总之，感谢郭伟老师的帮助与指导。

【参考文献】

[1]李姝博.“网页设计”专题学习网站的设计开发[J].中国科技信息,2014(02):97-101.

机器人技术本科毕业论文

液态乳加工技术(毕业论文)

部队学技术申请书

教育技术 教学计划

教育技术 工作计划