基于模板和CSS技术Web页面定制.docVIP

基于模板和CSS技术Web页面定制 　　摘 要：提出了一种将内容定制与布局定制相结合的解决方案，在使用模板技术完成内容定制的基础上，使用脚本和CSS技术实现了布局定制，使得用户能随意调整页面的内容和布局，给予用户更大的自定义空间。 　　?す丶?词：定制； 布局； Web应用； 模板； 层叠样式表 　　?ぶ型挤掷嗪牛?TP311 　　 文献标志码：A 　　 文章编号：1001-3695(2008)07-2100-04 　　?? 　　Web page customization based on template and CSS technology 　　??LUO Wei， CHEN Wei 　　??(Laboratory for Internet Software Technologies, Institute of Software, Chinese Academy of Sciences, Beijing 100080, China) 　　??Abstract:This paper proposed a solution which combined page content customization with layout customization.This solution used template technology to realize content customization, and used script and CSS technology to implement layout customization. After applying it, the users can adjust the content and layout of the pages according to their wishes, thus boosting customization extent to a higher level. 　　??Key words：customization;layout; Web application; template; CSS(cascading style sheets) 　　?お? 　　0 引言?? 　　 　　Web 1.0时代的网站，所有的内容完全由网站建设者来提供。建设者为了维持网站的生命力，通常需要花费大量的精力来收集新素材，然后将它们编辑成HTML文档发布作为网站的更新。然而，网站建设者的精力毕竟是有限的，他们能获得的素材也有很大的局限。单靠这样的模式，网站难以保证持久的生命力[1]。?? 　　Web 2.0的正式提出是在2004年第一届Web 2.0大会上。在会议的开场白上，Tim O’Reilly和John Battelle总结了他们认为的表现了Web 2.0应用特色的一些关键原则。其中包括重要的一条：丰富的使用者体验[2]。事实上，如果将目前不断涌现的Web 2.0应用与旧的Web 1.0应用进行比较，一个突出的区别就体现在两者的用户体验上。旧式应用的内容更加固定、更新少、用户能参与的程度低；而新式应用强调用户参与的重要性，它应当提供丰富且轻量级的在线工具，供用户向整个社区提供新的数据[3]。很多内容如社区论坛、blog、评论等均由用户来提供和更新，用户的参与极大地增强了网站的生命力。?? 　　Web 2.0应用强调用户参与的重要性，而要满足不同用户的需要，页面就必须具备更强的可定制性。很多著名网站如Google、Yahoo!均为用户提供了个人主页的定制。在这里用户可以保留自己需要的内容而去掉不需要的，可以按照自己的意愿安排这些元素的顺序，从而尽可能地满足自己的需要并且体现出自己的个性。新一代Web应用给了用户更大的自定义空间，令用户能够设计出属于自己的页面。与旧式的Web应用的静态页面相比，可定制的动态页面更容易获得用户的青睐。然而，现有的页面定制方式仍存在一定的局限性，如前面提到的网站，用户通常只能在网站建设者提供的若干类内容中进行选择，选择的内容集合必须是所有内容集合的子集。尽管这些网站提供了丰富的内容供用户选择，用户仍然受到一定的?┫拗啤＊??? 　　一种解决方案是根据用户的要求，通过生成页面的方式来产生一个包含用户需要内容的页面。这种方式突破了内容的限制，用户提供内容的原则得到了体现。然而，这种生成页面的布局方式通常比较死板，用户很难修改各个元素的大小、位置。对于布局，通常不同的用户有着不同的需求，统一死板的页面并不总能满足用户的需要。如何让用户在能够无限量地向页面添加新内容的同时，又能够随心所欲地控制它们的布局。本文提出了一种基于模板和CSS技术的页面定制解决方案，将内容定制与布局定制结合起来，使用户不仅能选