时间：2023-07-31 17:25:23
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网站制作方法，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
关键词：信息技术课；课程整合；信息技术
中图分类号：G434 文献标识码：A 文章编号：1673－8454(2012)06－0056－03
许多信息技术教师反映，在倡导信息技术与学科整合中，信息技术学科没有出头之日，许多信息技术学科教师甚至产生转行念头。实际上，信息技术与其他学科整合，是把信息技术作为促进自主学习的认知工具和情感激励工具，调动学生学习主动性、积极性，使学生创新思维与实践能力在整合过程中得到有效锻炼与提高，实现信息技术与课程整合的最高目标。我们必须加强信息技术课研究性学习，主动与其他学科进行整合。首先，在教学过程中，必须创设学生可以参与的教学环境，引起学生的浓厚兴趣。其次，在教学方法上，通过设置不同层次任务，引导学生在完成任务中学习相应信息技术知识和方法，培养学生分析问题和解决问题的能力。再次，教学内容上，密切结合学生学习和生活经验，安排一些探究性问题，引导学生利用已有知识和经验，进行主动探索。还有，教学内容要有延伸性，可以与社会、自然、语文、美术等学科整合，提高学生综合实践的能力。
下面，笔者就以“说不尽的桥――桥之美”网页制作综合实践为例，来谈谈信息技术课如何与其他学科进行有机、有效整合。
一、教学内容分析
《初中信息技术》(山东教育出版社1第四册网页制作综合实践部分，内容是对以前所学网络知识及网页制作的综合运用及延伸。通过学习，学生已经掌握网上信息的收集、处理和FrontPage 2003网站制作方法、技巧，但内容、方法还是比较零散的，没有形成一个整体的使用和实用意识。因此。以知识整合来强化知识系统性很有必要。笔者决定将这部分内容和《初中语文》第三册《说不尽的桥》做一次尝试整合。
二、教学对象分析
学生在学完制作一个简单网页、文本、图片、表格、多媒体信息加工、链接后，已初步掌握了加工素材的方法和能力。网站制作侧重培养学生信息集成能力：网站设计也给学生提供了展示个性的机会：网站自评、小组互评使学生领会网站的编排原则、页面布局方法、色彩搭配形式，提高他们审美能力。以语文中主题单元为内容制作网站，学生感觉新鲜，有新意，从而产生浓厚的兴趣。
三、教学重点与难点
1.建立起系统分析问题的概念，站在全局角度规划信息、集成作品。
2.完整经历网站布局的设计、网站制作、网站调试、网站评价的过程。
3.对《说不尽的桥》的素材进行集成、筛选、加工、处理。
4.网站制作中各种技巧的综合运用。
四、教与学策略设计
1.教学策略
(1)以徐志摩的《再别康桥》诗歌引入，展示济南正在建设的小清河上的桥的图片，引领大家通过制作网站来完整介绍桥的有关知识。问题引领促进学生积极思考，问题调查培养学生的观察、发现及思考的能力。
(2)以任务为驱动，制定总课题《说不尽的桥――桥之美》，把桥梁的知识、桥的历史、形形的桥、济南桥的调查作为必选主题，其他小课题自选，用文字、图片、音频、视频、动画表现形式来体现主题思想，将教学重点、难点逐个攻破，开发学生潜能、发展个性，全面提高学生的信息素养。
2.学法指导
(1)指导学生采用实践调查、网络搜索、课堂讨论的方式，充分发挥他们的主体能动性，进行自我探究。
(2)指导学生分组合作，通过实地调研找到解决问题的办法，提高学生动手能力、协作能力及运用知识解决实际问题的能力。
五、先期准备工作
设计和制作网站，不仅是让学生对以前所学知识、多媒体信息进行加工，更重要的是提高学生网站设计能力和动手实践能力，培养学生的情感态度、价值观以及沟通能力，提升学生信息素养。因此，在主题选择定位上，笔者进行了如下设置：
介绍桥相关知识：①介绍桥的作用、特点、分类。②从古到今、从结构到造型，介绍形形的桥。③介绍桥之最。④介绍黄河大桥、燕山立交桥等等济南特色桥。
介绍桥文化艺术：①桥与山水。②桥与园林。③桥与文艺，有关桥的古诗、对联、俗语、谚语、成语、桥的传说、关于影视和绘画中的桥。
描绘心目中的桥：①人们用桥造出的新词，桥在其中的含义。②设计我心中的桥――我是桥梁设计师来设想未来的桥。
开展实践活动：①为“济南燕山立交桥”写一份“司机指南”。②目前，过街天桥形同虚设，原因在哪里?做调查寻找解决问题的办法。
建议访问的素材网站：
；。
六、教学过程设计
一是创设情境、引入主题
以徐志摩的《再别康桥》朗诵作为背景音乐，展示中国最高的石拱桥――赵州桥，目前济南正在建设的立交桥、小清河上漂亮的桥的图片等引入主题。发问：如果你是一位网站制作人。用怎样的图片、视频、声音来展示“桥之美”?用怎样的文字来介绍渲染“桥之美”?用怎样的网络布局来体现“桥之美”?
二是小组协作、主动探讨
针对城市中立交桥、过街天桥现状，组织一次社会实践调查。
项目教学理论在“网页制作”教学中的实践研究
在“网页制作”课程教学中，笔者尝试应用项目教学理论，以“将在淘宝上开花店而需要制作一个花店网站‘芯依花店’”为总项目，根据项目教学的四要素进行教学设计，将此教学理论贯穿整个教学过程。
教学设计与分析
1.教学情境的设计
（1）多媒体网络平台。学生可通过教室网、校园网及因特网提供的网络资源、QQ、Email及论坛等网络通讯工具，实现资源的搜集，同类网站的调查，生生间、师生间的对话、交流、协商和讨论等活动。
（2）教师提供数字化学习资源。资源包括：a.教学项目的目标和要求；b.网页制作教学的课件和教案；c.网站制作素材资源库；d.网页制作学习资源库。资源库为学生的自主学习提供了有效的依据、方法和资源，有助于学生形成完整的知识体系。
（3）虚拟实验环境。由于本“网页制作”需实现浏览商品库及提交订单等动态数据库功能，笔者设计了局域网内的动态数据库链接及提交功能等虚拟网络实验环境。
2．教学过程的设计
笔者根据项目教学理论中的内容要素以建立“芯依花店”网站项目为中心进行内容设计。项目分为四个子项目：①站点规划及素材准备；②网页制作；③站点的测试（IIS的安装和站点的管理及测试）与；④网站的评价。具体的学习内容、活动与评价如下：（1）子项目一：站点规划及素材准备（4课时）。
工作任务：a.分组（全班分成8个组）、分派任务书；b.小组讨论规划站点；c.建立站点；d.准备素材。学习活动：a.以小组为单位对此网站进行需求分析，查阅资料并综合同类网站的结构及内容等分析，确定本网站的结构，确定不同栏目，建立站点，并初步进行规划；b.收集网站所需展示的素材，能使用相应的软件对所需的素材进行分类整理及编辑。（2）子项目二：网页制作（8课时）。
工作任务：小组合作完成网站，要求网页风格一致，小组各人分别承担一个以上栏目的网站制作，包括：“公司简介”、“产品展示”和“在线订单”。
学习活动：a.学生通过自主学习与探究、讨论、互助，学习数字化资源库中的网页制作知识，最终完成页面站点制作，掌握网页制作方法与技巧；b.学生进行网页制作，并完成各网页间的链接。（3）子项目三：站点的测试与（4课时）工作任务：各组对本组的站点进行测试及。
学习活动：a.完成IIS安装；b.尝试站点的；c.测试网站内各链接是否有效，提交功能等能否实现；d.对未实现的功能继续调试至成功。（4）子项目四：网站的评价（2课时）工作任务：通过学生自评，生生互评，小组互评及教师评价等形式对“网页制作”的学习内容及过程进行评价。
学习活动：a.学生个人对本人所制作的部分进行展示，并谈谈主要学习收获；b.小组内对各成员的学习态度及各自完成的页面内容等进行评价；c.小组间进行网站的展示与评价；d.教师对学生的学习过程及作品进行评价。
教学实践
1．教学内容、活动及情境的实施
（1）创设情境
教师演示一般购物网站为学习情境，通过观摩学习，并结合本“芯依花店”网站建立的实际需求，指导学生在学习中应掌握的知识点：a网站风格的一致性；b.网站中各网页的链接；c.“在线订单”页中提交功能的实现。通过对多个网站进行观摩学习，提高学生学习的积极性。
（2）自主探究、合作学习、完成项目
首先，在规划站点阶段，小组学生通过对资源库中的网站结构进行分析，由小组的每位学生制作一个站点规划图，最后在小组内相互讨论并在教师的指导下将制作最完整的站点规划图作为小组的站点规划图。接着，在网站制作阶段，要求小组学生进行明确分工，有负责查资料的，有负责处理图片的，有负责处理文字的，也有负责进行网站布局的。在学习过程中，自然会碰到疑难问题，如：如何在网页中插入视频、添加“弹出信息”、“打开浏览器窗口”等，对于这些问题，教师不是直接去告诉学生答案，而是引导学生到数字化资源库或因特网中寻找答案，通过多次让学生尝试去解决问题，小组学生最后形成自主探究学习的习惯。有些小组的学生在解决问题后，针对相应的问题写出了小组的学习笔记，通过班级QQ群与其它小组的学生进行分享。然后，在站点测试阶段，各小组的每个学生对本小组网站通过“链接检查器”对整个站点的链接进行检查，有些小组的学生为了使本组的网站不出现错误，通过教室网请求其他小组学生进行链接检查，指出错误再进行讨论、修改，直到不出任何差错为止。
最后，在站点阶段，学生不理解FTP服务器的设置，教师通过“多媒体广播教学系统”的转播功能，统一解答。在“芯依花店”项目制作过程中，实行分组比赛，组内进行明确分工，责任到人，更好地促使个人自主探究，小组合作交流，共同解决问题，极大地提高学生的学习主动性和合作能力。
2．教学评价与结果
教学评价采取自我评价、同学互评、过程评价和教师评价。教师制订学生作品评价标准：A.作品是否与计划的目标相一致（40%）；B.网站的基本要素是否完整，网站是否能被大多数学生认同，意味着点击率的高低（10%）；C.作品汇报的展示手段是否有利于交流（10%）。D.小组各成员随机回答问题的质量及次数（10%）；E.各小组的学习笔记，学习笔记中应体现在学习过程中通过什么方法解决了网页制作中哪些疑难问题（10%）；F过程评价（20%）。
（1）自我评价：各组成员根据评价标准进行组内讨论，进行自我评价，提出需要改进意见并进行改进。
（2）同学互评：各组成员根据评价标准进行组内讨论、组间讨论，对其它组的项目进行评价，提出需要改进意见。
（3）过程评价：主要反映小组成员是否积极参与项目，成员之间是否具有良好的沟通、交流；小组成员之间是否互相帮助，具有较好的集体荣誉感；在学习过程中，小组成员是否严格遵守上课和机房纪律。
（4）教师评价：教师根据评价标准对作品进行评价，最后由教师对每组的作品进行点评，结合其它评价成绩完成教学评价。通过项目教学，学生完成了功能完备、界面友好的“芯依花店”网站，学生的自主学习能力和合作能力得到提升。
教学反思笔者在实践中发现以下问题，需在组织教学过程中重点关注：
（1）小组学习者相互依赖关系的形成
正相互依赖关系是指在小组成员之间形成一种积极的相互关系，使每个成员意识到自己是小组的一员，要与其他同伴荣辱与共，要对其他同伴的学习负责。在创建“芯依花店网站”的教学中通过两个方面确定学习者之间的相互依赖。一是正目标相互依赖，每小组要求每个学习者必须要负责项目的一个子项目；二是学习项目之间的相互依赖，各个项目之间相互依赖，只有发挥各小组成员的特长，各小组员共同出谋划策才能制作出具有本组特色的网站。
（2）明确各小组成员的责任
小组成员的责任是指小组中的每一个成员必须承担一定的任务，主要是为了避免能力强的学生代替其他学生完成学习任务所采取的必要措施。在教学中，采用三种方法来确定个人责任：（1）每个成员必须负责一个子项目，小组完成总项目的质量由小组中的每一个子项目的完成质量来决定；（2）随机提问。即随机提问小组中的每一个成员，根据成员的表现来评价小组活动的质量；（3）查阅各组的学习笔记。学习笔记是记录学生之间通过讨论、寻求网络帮助及教师的疑难解答解决了什么疑难问题，得出了什么结论，掌握了哪些知识等。如果小组成员不积极参与就会影响到全组成绩，这种由小组成员之间相互影响而产生的压力可以促使每个组员认真地参与小组活动。
关键词:网页制作项目教学法 主观能动性创新精神
在网络技术迅速发展的今天,上网已成为一种潮流。因此网页制作成为当今社会上一种热门的技术技能,随之也成为技工学校计算机专业学生的一门必修课。
《网页制作》这门课程与其他课程的教学相比,它是一门有较强的工具性和实用性的实践课,而且涉及计算机图像处理、文字版面处理和动画制作等相关知识。所以只有在实际教学中突破以往的教学模式,才能培养学生自我探索、独立研究能力与自主创新精神。
一、打破传统教学模式,培养“理论联系实践”思维方式
网页制作课程传统的教学方式是先由教师对网页制作的各个知识点进行讲解,然后安排学生在机房验证教师讲课的内容。在这种方式下,学生虽然能掌握一定的实践技能,但是真正走上工作岗位之后很难承担实际项目的开发,与市场需要的网页制作应用型人才存在较大的差距。为此,我深入网站公司,将企业网站建设的项目引入课堂教学,教学中先向学生展示这些网页,然后分析其结构布局及制作方法,让学生既学到真正的理论知识,又真正地学以致用,并为以后的工作积累项目开发的经验。
二、激发学生学习兴趣,提高课堂教学效率
著名教育学家陶行知先生说过:治学以兴趣为主,兴趣愈多,则从事卖力,从事卖力,则成效显著。如何调动学生的兴趣至关重要。在课堂教学中,我们遵循由易到难、循序渐进的原则,采用任务驱动法组织教学。在项目教学的基础上,针对项目的教学任务,引导学生运用已学知识进行同步练习。在教学过程中巡回指导,及时纠正问题,引导学生思维迁移,产生良性循环,以此唤起学生学习情绪,达到预期的教学效果。
三、注重知识点的迁移,提高学生自主学习能力,发挥学生主观创意
创意是优秀作品的源泉,填鸭式教学只能抹杀学生的学习兴趣。充分发挥学生的主观创意,制作出多姿多彩的个性网页,这才是我们教学所追求的目标。
四、在网页制作课程教学中应用项目教学法,提高学生自学能力
一般而言,人学习的动力有两种,一种为兴趣,一种为目的。为兴趣而学习乃学习的至高境界,问题在于培养学习兴趣是项复杂的工程,不可能一蹴而就。为目的学习是目前绝大多数学生学习的动力来源。他们学习的目的并不是老师们想象中的毕业分配、工作就业,因为这些都是遥远的事,眼下学习真正的目的只有一个:应付考试。项目教学法正是构建一个与考试一样甚至比考试更近期的目标强迫学生完成,通过刺激学生学习的动力,从而提高学生学习的主动性。
五、加强实践,注重培养创新意识
网页制作是一门实践性很强的课程。实践是教学中不可或缺的重要环节。加强实践,一方面要培养学生分析问题的能力,另一方面更应该注意培养学生的主动性。创新是发展的灵魂,所以在驱动任务的安排上要特别注意把握好教师讲授与学生实践的尺度,留给学生一定的创新空间。
六、重视评价,促进学生个性发展
在传统的教学中,考评都是以笔试为主,这显然与网页制作课程的实践性要求不相适应。明确考评标准,确立实践的突出地位显得非常重要和必要。
评价的标准注意应包括如下几点:一是网站制作技术不能过于简单。二是网站的具体内容要丰富完整,切合主题。三要有创造性,在制作方法、内容设计中力求创新评价的过程,既是学生展示自己的本领、展示自己知识面的最佳时机,又是学生反思自己的学习过程。通过评价,可以使学生明确下一阶段自主学习的方向,充分体现教学目标的个性化。同时也把学生在制作过程中发现的新技术、新方法与大家共享。激发学生学习动机,提高学习的积极性、主动性,促进学生个性发展。
七、结束语
目前,计算机网络技术发展十分迅速,《网页制作》涉及到的知识面也在不断更新扩充,探讨精炼有效的教学法还有待更多的实践摸索和广大同仁之间相互交流,希望本文能起到抛砖引玉的作用。
参考文献:
[1]胡波.网页制作课程教学方法探讨[J]. 电脑知识与技术.2006(8): 222-227
[2]谢良辰.对《网页制作技术》课程实验教学设计探讨[J]. 教学与管理, 2006(7):104
[3]王栋松.在计算机课程教学中开展项目教学法的研究[J].职业教育研究,2005,(11)
关键词：网站设计；创新意识；教学改革；成果
《网站设计》是一门综合性非常强的课程，涉及的知识面相当广泛，是一门能有效锻炼学生自主学习能力和实践能力的课程。如果学生只会根据教材案例制作，重复前人所做的工作，就会很难设计出具有一定水平的反映创新意识的网站。针对这一问题，在《网站设计》课程的教学中就需要合理组织安排教学内容、改进教学方法及教学评价方式，将教师的主导作用与学生的主体作用相结合，引导学生快速入门、将理论与实践融会贯通。
一 明确教学目标，把握教学内容
1 教学目标。高等职业教育的专业教育性质决定了职业技术学院培养的人才是技术应用型人才，在能力方面应具有较强的解决实际问题的能力、专业应用能力、现场指挥协调能力和动手操作能力等。而在理论知识方面，应以“必需、够用”为度，不必追求知识的系统性和完整性。因此，《网站设计》的教学目标应是让学生学习网站设计知识和技术、培养网页设计动手能力，以使学生将来能更好地适应企业“网页设计师”岗位的用人需求。
2 教学内容。为了达到这个教学目标，教师要重视教学内容的选取。每一种软件的教学，都不可能在较短时间内，把所有的功能讲得一清二楚，因此，教学中必须有重点、取合，抓住主要线索进行教学，才能收到‘事半功倍的效果，才能达到举一反三的目的。《网站设计》涉及到的内容和网站设计工具以及辅助工具非常多，要想面面俱到在短时间内是不可能完成的。为了在有限的课时内较好完成教学目标，教师必须以“必需、够用”为原则，强调够用就行，教学内容应以就业为导向，将学生日后就业可能遇到的问题纳入到教学内容中。从实际需要出发，从项目、案例出发，需要哪些内容就讲解、讲透哪些功能，突出“学以致用”。应当讲解最为实用的知识，便于学生产生兴趣和学习掌握。注重教学内容的新颖性、实用性、拓展性、综合性和可操作性。
根据课程内容及授课对象的特点，把握如下教学重点：
(1)网站设计基础知识。讲解计算机网络基础知识，网站设计的相关概念，比如HTML文件、服务器和客户机、IP地址与域名、虚拟主机、统一资源定位符(URL)、文件传输协议(FTP)、超文本、超媒体与超链接、GIF、JPEG与PNG图形格式、网站、网页和主页等。
(2)网站设计基本技术。讲解如何建立站点、如何处理网页对象、网页布局制作工具的使用、动态网站设计技术、模板和库项目的使用、站点的管理和上传等。
(3)图像处理基本技术。讲解图形图像的基本理论，矢量图和位图图像的处理、GIF动画制作、图像的优化、在网页中使用图像的方法。
(4)动画制作基本技术。讲解动画制作的原理、Flas制作的步骤、不同类型基本动画的制作技术、动画中添加声音、影片的导出等。
二 《网站设计》教学策略
教学策略是指对完成特定教学目标而采取的教学活动程度、方法、形式及媒体等因素的总体策略。根据《网站设计》课程的特点，在整体上设计为采用任务驱动式教学方法，将知识点整合进任务中，并创造性地采取以下措施：
1 教学前期，教师提出课程的总体任务。在教学前期就给学生提出明确的任务，以完成任务作为驱动来进行教学。如要求：制作个人主页到网上，主页内容自定，学生可按自己的兴趣选题，要求主题突出，内容详实；学生可以自行制作，亦可与其他同学合作，如果是与其他同学合作，一定要合理分工，期末按分工的内容给学生进行评分。
2 先学网站，再学网站设计。在课程刚开始时，让学生先做一个只有两三页的简单网站，网站内容不重要，甚至可以是一个没有页面内容的空站点，然后在局域网或互联网上，使每个人都有属于自己的网站和固定的IP地址。
(1)在局域网上，的步骤为：开始一程序－管理工具－internet信息服务－本地计算机－网站－默认网站右键“默认网站”－属性－将Web站点的IP地址设置成本机IP地址－将Web站点的IP地址映射到做好的网站文件夹相应路径下－完成。
然后，打开浏览器，输入本机的IP地址即可浏览网站，在局域网内的其他机器上只要输入相应的IP地址，也可访问。
(2)在互联网上，在互联网上申请免费或收费的空间和域名，然后利用FTP软件上传网站。这样就能在学习的起始阶段，就为学生搭建良好的属于自己自由开发的空间，处于真实的制作环境中，不仅能够激起学生学习该课程的兴趣，而且能够激发学生学好网站设计课程的强烈愿望，全身心投入其中。因为每个人都有自己的网站和IP地址，相互可以访问，从而促进相互共享信息、相互协作、相互学习、相互评价。
三 采用任务驱动式教学方法，将知识点整合进任务中
所谓“任务驱动”，就是在学习过程中，学生在教师的帮助下，紧紧围绕一个共同的任务活动中心，在强烈的问题动机的驱动下，通过对学习资源的积极主动应用，进行自主探索和互动协作的学习，通过完成任务的过程。
在《网站设计》的教学中，要在学生头脑中先建立起网站设计的基本概念，通过对网络上优秀站点的介绍和分析，为学生逐步引出一个明确的学习任务：要求学生根据自己的兴趣命题制作一个网站。当然，根据课时安排的不同，可以组织学生独立制作或者团队协作完成。
为了帮助学生完成目标任务，在教学内容的安排上，宜用一个大的建站实例贯穿整个学时段的教学活动。这个实例应该以覆盖网站建设全过程为佳，从需求分析开始，到设计布局、搭建框架、添加素材、建立超级链接、添加图片、动画及各种特效等，随着教学进度的深入逐步丰满和完善网站主题，最后延续到网站的和维护。以任务为牵引，以实例为样板，合理安排课程结构和教学顺序，这样能使得学习循序渐进，由浅入深。在单个学时的安排上着重讲解网站设计的技术点，在整体上通过实例把各个技术点联系起来，和实际应用有机地结合，使学生在学习网站设计技巧的同时对网站整体开发设计有了全面了解。
课程的开始，学生的网站比较简单，只有一两个网页，随着教学内容的深入，网页的制作技术由简单到复杂，网页的数量逐步增多，网站的内容逐步丰富起来，并不断地改进与完善。
四 网站作品的评价
对学生作品的评价，应该在制作前把评价的标准告知学生，使学生对制作要求有一个全面的了解，也知道自己努力的方向，使学生在制作过程中有据可依。
评价的标准注意应包括如下几点：
1 完成一个完整的站点，即有主页，主页上能链接到几个完整页面。
2 网站的具体内容要丰富完整，切合主题。
3 要有创造性，在制作方法、内容设计中力求创新。
评价的过程，既是学生展示自己的本领、展示自己知识面的最佳时机，又是学生反思自己的学习过程。通过评价，可以使学生对别人作品有一定了解，发现自己的不足之处，总结整理自己在上一阶段中所掌握的知识，吸取别人的优点来弥补自己的不足，也使学生明确下一阶段自主学习的方向，充分体现教学目标的个性化。同时也把学生在制作过程中发现的新技术、新方法与大家共享。通过对学生作品的评价展示，可激发学生学习动机，提高学习的积极性、主动性，促进学生个性发展。
关键词：动画创作；信息素养；教学相长；原有素材
在高中信息技术教学中，多媒体技术应用于选修模块中对动画的制作中的一节内容是讲解Flas的制作。动画有浅显、易懂、夸张、幽默等特点，对于学生的感观认识起到积极的调动作用，教师讲解相关的内容更有激情，这也是我运用动画素材进行讲课的主要原因。
一、巧用动画，引入课题
食品安全是2014年最热议的话题，特别是相关报道中有关假食用油是地沟油提炼而成对于各种假食品添加剂的滥用等问题的出现，人们开始怀疑自己餐桌上的食品安全问题。
高中学生具备一定的食品安全知识和明辨是非的能力需要教师正确的引导。我在讲网页制作时选用网站的课题就是――话食品安全。引入课题的是一段网络上流传很广的《心太软》改编的歌词，配音是周星驰主唱，整个画面全部是动画制作，从地沟油到苏丹红全是唱歌配动画的形式出现，既有周星驰的诙谐幽默，又有各种伪劣食品对人们身体造成伤害的警示，让学生深深记住打击食品中的造假刻不容缓。
这样引入话题，学生对于本课中需要讲的网站制作话题多了兴趣，特别是食品安全中不仅仅是地沟油和食品添加剂的问题，还有学生平时爱吃的各种小食品上面的安全标志哪些是合格的，哪些是虚假的，也有了一些辨别方法，为做网站收集素材打好了基础。
二、参照动画片中原有素材，绘制动画元件
高中学生喜欢动画的程度，是我在讲Flas制作时真正发现的。我讲动画元件制作时，学生对于运用Flash中的工具菜单制作简单的规则图形相当不错，但运用铅笔工具去绘制图形，学生体验得少，借此我在上课前，运用工具菜单绘制动画片中的《龙猫》《美少女战士》《喜羊羊与灰太狼》等动画片中的主人公，上课时一展示，学生来了兴趣，我借此讲了如何来绘制这些动画元件，学生开始创作……
预留时间学生创作完成后进行了全班展示，有画哆啦A梦、猪八戒吃西瓜的，有各种动漫人物，特别对于宫崎骏动画片中的主人公画的人很多，还有画自己喜欢的小动物的，展示结果让我明白学生对于动画的喜爱程度有多高。
接着将制作好的元件创建补间动画、逐帧动画、添加引导层动画，学生创作热情高，制作的动画质量也有所提高，特别是对于自己绘制的动画元件，当用Flash创建成动画时，赋予了自己所创作动画新的生命力，展示过程中我看到了学生的创新。
三、运用动画寓教于乐，乐在其中
每年春季学校开展艺术节比赛，在为期一个月的艺术节作品展示中，学生对于参加的电脑作品比赛，涌现出许多优秀作品，在上交的作品中有几个班的学生是单纯运用视频编辑软件进行相关素材的加工，运用会声会影来进行后期的配音制作。其中有一个班的学生先用Flash制作动画片头以及拍摄花絮，再运用会声会影将录制的视频和动画进行合成，这种制作方法我在讲多媒体作品集成中用到过，但是没有想到学生会将自己班级同学参加英语风采大赛时的表演，通过照相、摄像，运用动画制作将它合成一个集动画、视频于一体的作品，当这件作品上交后，我们这些评委老师也看到学生用心制作带给我们的感动，因为从学生的作品中体现了学生能运用现学的动画制作技术和视频编辑技术，将它们恰如其分地融合在自己的作品中，其中在片尾添加了他们的拍摄花絮，让每位评委老师看后都忍俊不禁。
学习是先学然后知不足的过程，通过参加电脑作品比赛，学生对自己在创作中出现的问题会添加我的QQ号，有技术上的难题时会在QQ上问我，我会给他们及时解答。
四、互帮互学，提高动画制作水平
在我所教的学生中，也有一些爱钻研的孩子，但是他们平时由于功课多也没有时间去操作电脑，这时我会在每个班选一些电脑操作水平比较高的学生来带动他们，在平时的课堂上让他们互帮互学，在课后遇到一些问题时互相探讨，在电脑作品比赛中这种团队的带动作用得到充分的体现。
艺术班的学生，他们制作的动画作品是关于全班同学从高一升入高二参加学校所有的比赛和大型活动，收集素材需要全班同学将自己拍的照片用到这部动画作品中，在班长的带动下全班同学通过自己的QQ空间，将照片保存下来，发到本班群文件中，再由班中的两名同学对这些照片进行加工处理美化，创作的同学将这些照片进行编排，添加相应的解说词和背景音乐，最后动画作品制作成功后，先在本班进行播放，让全班同学提出修改意见，再修改加工，定稿。当这部动画作品呈现在我们评委老师面前时，我们有一种深深的感动，特别是配的音乐是《北京东路的日子》，仿佛看到十年后艺术班学生回忆的影子……
高中信息技术教学中我要运用的方法还需要自己在教学中不断总结经验，不断完善自己的教学过程中成长，在教和学的过程中和学生一同成长，才能将自己学到的技术知识传授给学生，同时提高学生的信息素养，提高自己的教育教学水平。
关键词：Android；本地化应用；移动学习；移动课件
文章编号：1007-1423（2013）04-0055-05
0 引言
移动学习是一种依托无线网络技术、移动计算技术和多媒体技术，利用移动通信设备，随时随地获取学习资源和服务的一种新型数字化学习方式。移动终端以其具有的小巧便携性、学习时间与学习内容的零散碎片性、学习者个体学习的灵活自主性及互动交流的及时有效性等特点，为广大移动学习者提供了方便、快捷的学习环境。
课件是根据教学大纲的要求，经过教学目标确定，教学内容和任务分析，教学活动结构及界面设计等环节，而加以制作的课程软件。移动课件是适合移动学习的课件，是移动学习资源的重要组成部分。目前，适合移动学习的课程学习资源匮乏、资源分布不均、资源更新成本高、资源共享程度低，这其中最大的原因就是开发技术还比较复杂。很多高校无线网络还没有完全覆盖，也严重制约学生进行移动学习的积极性。本文以《安全用电》手机课件的制作为例子，描述了如何在Android平台上，利用开源中间件Rexsee，采用HTML5+CSS+JavaScript设计网页课件，最后打包成本地化应用。本地化应用可以不受网络的限制，随时随地都可以使用，便于进行移动学习。
1 移动课件设计原则和制作流程
1.1设计原则
移动课件的设计开发，必须遵循移动学习的原理，适合移动学习的特点。一个优秀的移动课件应该满足下面的原则。
（1）内容适合性原则
移动学习的最大特点就是随时随地，例如公车上、地铁上，而且学习过程容易受到干扰。所以内容必须有一定的吸引力，而且界面友好。
（2）知识点零散性原则
移动学习是零碎的，所以学习内容不能过于系统完整，最好是分专题，知识点比较零散的。如本例子中的课件《安全用电》就分为4大主题，每个主题又分为若干知识点，彼此间没有紧密联系。
（3）简约性原则
手机的屏幕比PC小，限制了屏幕上内容的容量，所以在具体内容的设计上要有针对性的精简和取舍，而且要图文并茂，文字太多会使学习者感觉鼓噪无味。适当地穿插合适的图片能够提高学习者的兴趣。本课件在制作的过程中尽量使用图片和动画，提高学习者的学习兴趣。
（4）少输入原则
手机的输入远没有PC和笔记本方便，所以应该尽量减少用户输入的环节，一些互动功能也尽量要求简约，通过屏幕触摸就可以完成输入，例如本课件中的测试模块就都采用选择题目，使用户能够轻松完成测试。
（5）自适应原则
考虑到手机终端的分辨率众多，所以程序必须支持分辨率的自适应，系统设计多个样式表，根据不同分辨率，自动调用相关的样式，实现多机型的支持。
1.2制作流程
移动课件开发一般要经历7个阶段，下面以《安全用电》课件为例子，介绍具体的开发流程。
①选题。选题很重要，不是所有的主题都适合于手机表现，一般认为内容大众化，有一定的普及性，这样的内容才值得做成移动手机课件，本例子选题就是考虑到电的通用性，每个人都需要了解和掌握电的知识，但是目前很多人相关知识还比较缺乏，需要提高安全用电的意识。
②规划。收集相关资料，确定采用的技术路线，本课件目标是做成本地化的应用，由于原生开发难度比较大，所以采用基于中间件的开发方式，最终决定采用Rexsee，该中间件号称会HTML就会Android开发，降低移动开发的门槛，适合广大初学者使用。
③课件设计。确定课件的知识结构，教学内容组织方式，UI界面设计，交互方式设计等。
④原型制作。确定了技术架构和设计方案之后，就是课件的具体制作了，这个时候最好先测试一下该技术路线和方案的可行性，先拿其中一小块内容制作一个测试案例，没有问题之后才继续下去。如果技术已经成熟，开发过多个应用，这一步可以跳过。
⑤课件制作。完成所有内容的制作。
⑥课件测试。测试版本，修改完善。任何一个软件不可能一出来就是完美的，一般都会经历几次迭代。最后才形成发行版本。
⑦正式。在各大应用商店，或者直接挂在网站上面提供下载。
2 移动学习课件的开发方式
目前开发移动学习课件的技术还比较复杂，主要有基于SDK（Software Development Kit，即软件开发工具包）的开发方式，基于HTML5和CSS3、直接开发Web App的方式，还有混合式的开发方式。
2.1基于SDK的开发方式
这种方式开发出来的应用一般称为本地化应用（Native App），例如IOS系统下面的应用，必须在MAC系统下，采用Objective-C语言，一般采用XCode作为开发环境。Android系统下面的应用则采用Java语言，一般是采用Eclipse作为开发环境。本地化应用可以充分地阐扬硬件设备和操作体系的功能特点，并可以完全不受收集限制，运行效力高，可以完全发挥硬件的性能，但同时，因为技术门槛的原因，在具体实现上须要面对开发周期较长、成本较高、调试与后期维护相对错杂的问题，所以高校中能够采用该方式开发移动教学课件的人员还比较少。
2.2基于HTML5和CSS3的Web App开发方式
近两年，随着HTML5技术的发展和完善。以HTML5为主要驱动的Web App，客户端不再需要开发工作，退化为使用内置的浏览器与用户交互，服务器端以HTML5、CSS3、JavaScript作为前端供浏览器展示，使用其他服务器端技术实现业务逻辑和数据库管理。这种方式能够实现不同终端的适配问题，实现“一次开发，多平台运行”，而且易于扩展和升级，已经成了未来的一个趋势。但是，这种方式开发出来的应用离不开网络的支持，而且性能稍差，难于使用设备的特性，例如传感器、通信录、蓝牙、GPS定位、推送等功能。所以这种方式，也不适合制作本地化的移动学习资源。
2.3混合开发模式
Native App开发难度高，工作量大，Web App受限于浏览器前端技术，两者各有优缺点。在这种情况下，混合开发成为很多用户的选择，对于侧重性能、体验、设备特性、本地数据管理部分，采用Native的方式，其余内容采用Web的方式，这种方式开发的应用一般成为Hybrid App。目前，国内外已经出现了很多Hybrid App的开发框架，例如国外的PhoneGap、AppCan，国内的Rexsee，这些框架把移动终端的功能封装成API，用户可以通过JavaScript直接调用移动终端功能，这种方式模糊了原生应用与Web应用的界线，而且降低了开发难度，用户只要会HTML和JavaScript就可以进行移动开发。这种开发方式适合于刚进入移动应用开发的人群，特别是高校中想制作应用于移动终端的教学课件的教学工作者，本文以国内开源中间件Rexsee为例子，介绍如何快速开发本地化的教学课件。
3 课件具体开发
Rexsee是国内开源的一款移动中间件，与其他中间件所有平台都支持有所不同，它选择深度支持An-droid平台，并不支持IOS平台。在Rexsee框架下，用户使用HTML5+CSS3+JavaScript就可以进行移动开发，无须了解Android和Java，服务器端支持使用任何语言，例如Java、PHP，Python，.NET等。Rexsee支持访问Android本地资源，支持Android原生功能，媲美An-droid原生体验，其最大的亮点就是支持在线编译生成APK客户端，无须使用Eclipse等工具。下面介绍如何利用Rexsee开发移动课件。
（1）搭建模拟器运行环境。基于Rexsee的移动应用的开发，可以像传统的Web制作方式进行，所有应用都可以做成HTML页面，开发前先在本机搭建手机模拟器，模拟器的配置如下：
①安装Java JDK
②到Rexsee官网下载模拟器，也可以使用Android SDK。
③解压模拟器之前装好Java JDK，配置Java的环境变量。
④解压模拟器。例如到C盘下C：＼RexseeEmulator，配置好Android Home环境变量参数。
⑤下载开发版，安装到模拟器。
（2）在Dreamweaver中制作网页课件。课件制作可以像传统的静态网站制作方法一样，在Dreamweaver中进行。Dreamweaver CS5.5完全支持HTML5，而且支持多种预览界面。本例子中静态网站的结构如表1所示。
具体页面结构与传统网页制作方法相同，在JavaScript标签块或*.js文件中调用Rexsee的各种的函数和方法，具体效果得在模拟器中才能看到。
为了便于功能拆分，尽量把内容分拆在不同的
HTML页面，每个页面的具体结构如下图：
其中style.css是课件的通用样式文件，负责整个课件的样式风格的控制；common.js负责UI呈现和控制，Rexsee中间件的各种方法一般都以rexsee开头，目前支持95%的Android原生功能，本例子中，通过调用Rexsee常见的几个方法，实现了屏幕界面的定制和分辨率的自适应。
如图2所示，通过调用Rexsee的API函数，重新定制了手机屏幕的底部菜单栏目。
（3）打包。制作完毕之后，把整个课件目录打包成*.zip文件，在Rexsee官方网站上面的在线编译栏目那里，上传之后就可以生成*.apk文件。
（4）安装到手机上面，下面是课件最后的运行效果图。
