移动互联网时代网页设计和制作课程改革研究.docVIP

移动互联网时代网页设计和制作课程改革研究 　　摘要：分析传统互联网与移动互联网环境下对网页设计与制作技术需求的不同，介绍传统网页设计与制作课程的具体内容，说明在移动互联网时代课程内容改革方案和Web新技术引入的注意事项，以及充分利用移动互联网的特点开展课程改革的设想，指出伴随着移动互联网时代的到来，网页设计与制作课程新的改革势在必行。 　　关键词：移动互联网；网页设计与制作；Web新技术 　　0.引言 　　互联网的飞速发展，使得网络无处不在。如何设计出更优秀的网页来提高网站的知名度和点击率是拥有网站的企业、事业单位和个人共同追求的目标。优秀网页的实现需要先进的网页设计与制作技术，而网页设计与制作课程的建设为网页设计与制作技术的推广提供了非常好的平台。目前，网页设计与制作课程是很多高等院校计算机专业的专业基础课、非计算机专业的公共必修课和一些软件培训机构和高职院校的主干课程之一。这一切都表明网页设计与制作课程的重要性。因此，提高该课程的课堂教学效果也显得尤为重要。 　　随着2009年1月7日3G牌照的发放，中国移动互联网由概念走向应用阶段。2012年5月10日，由长城会及全球移动互联网大会组委会联合主办的“第四届2012全球移动互联网大会（GMIC）”在北京国家会议中心正式召开。大会汇集全球新兴行业精英，探讨行业热点并彼此分享观点，共同推动移动产业向前发展。相比于传统互联网，移动互联网具有更大发展潜力。如何在移动互联网时代对网页设计与制作课程的教学进行改革，使其能够跟上新技术的发展，满足市场的需求是值得从事该课程教学的教师进行研究的一个课题。笔者围绕在移动互联网时代高校非计算机专业公共必修网页设计与制作课程的改革设想展开论述。 　　1.传统互联网与移动互联网对网页设计与制作技术的需求 　　1.1传统互联网的网页设计与制作技术 　　互联网的发展经历了从Web 1.0到Web 2.0的飞速发展，直到目前的Web 3.0。而网页设计技术也在不断地提高。 　　Web 1.0是互联网的初期，主要采用HTML做的静态网页，功能主要用于宣传。使用的主要技术是静态网页开发技术，比如HTML、DHTML、XML、JavaScript等。静态网页的优点是访问速度快，安全性高，漏洞少；缺点是交互性比较差。当然在Web 1.0时代也陆续引入了动态网页技术。 　　Web 2.0是在Web 1.0的基础上发展起来的。在这个阶段，各种动态网页技术相继出现，比如ASP、ASENET、JSP、PHP等，这些技术与数据库结合可以开发出各种动态网站，提高了网站与用户的交互性。常见的新闻网站、博客、社区网站、电子商务、网上银行等都是动态网站。动态网站为人们工作和生活所带来的便利在很多方面都有体现。但是在提供便利的同时也带来了安全问题，高访问量也需要网站具有高的负载能力，因此带动了各种Web架构技术的出现。在Web 2.0时代，Mashup、AjaX、RSS、WiKi、Tag是几个被提及最多的名词。 　　Web 3.0是在Web 1.0、Web 2.0基础上发展起来的，特别是在SOA、云计算等技术的基础上发展起来的。Web 3.0虽然还没有一个特别明确的定义，但是Web 3.0的网站已经相继出现，比如腾讯Webqq 3.0的推出使得Webqq越来越像一款桌面操作系统。还有很多SNS网站，也逐渐凸现出Web 3.0的特点。 　　在传统互联网时期，网页浏览终端以PC机的浏览器为主，Web标准也是遵循各种PC机浏览器的显示标准。只是在新技术不断出现的情况下，网页设计技术在不断地提高和改进，网页布局技术和网页视听效果在迅速地发展和提高。 　　1.2移动互联网的网页设计与制作技术 　　移动互联网就是移动Internet，能让用户在移动中通过移动设备随时、随地访问Internet，获取信息，进行商务、娱乐等各种网络服务。为了提供移动服务，移动互联网和传统网络在终端设备上有很大的改变。移动互联网因其高便携性、应用方便和隐私性等特点，越来越受网民的欢迎。2012年中国移动互联网网民数量预计将达4.51亿。现在移动互联网的流量发展趋势跟10年前的互联网基本上如出一辙。“百度移动互联网发展趋势报告2012 Q1”预言在未来很长时间内，移动互联网还将继续保持强势的追赶态势。 　　移动互联网时代的技术热点除了Web 2.0和Web 3.0技术之外，还出现了一些有关网页设计技术的新的名词术语，比如HrrML 5、响应式网页设计、基于用户体验的移动互联网网页、4大移动平台（iOS、Android、Windows Phone、Symbian）、混合型应用HybridApp（如掌上百度和淘宝客户端Android版，走的是Hybrid App的路线）等。有关HTML 5的