基于模板和CSS技术的Web页面定制摘要：提出了一种将内容定制与布局定制相结合的解决方案，在使用模板技术完成内容定制的基础上，使用脚本和CSS技术实现了布局定制，使得用户能随意调整页面的内容和布局，给予用户更大的自定义空间。?す丶?词：定制；布局；Web应用；模板；层叠样式表?ぶ型挤掷嗪牛?TP311文献标志码：A：1001-3695(2008)07-2100-04??WebpagecustomizationbasedontemplateandCSStechnology??LUOWei，CHENWei??(LaboratoryforInternetSoftwareTechnologies,InstituteofSoftware,ChineseAcademyofSciences,Bei激ng100080,China)??Abstract:Thispaperproposedasolutionwhichcombinedpagecontentcustomizationwithlayoutcustomization.Thissolutionusedtemplatetechnologytorealizecontentcustomization,andusedscriptandCSStechnologytoimplementlayoutcustomization.Afterapplyingit,theuserscanadjustthecontentandlayoutofthepagesaccordingtotheirwishes,thusboostingcustomizationextenttoahigherlevel.??Keywords：customization;layout;Webapplication;template;CSS(cascadingstylesheets)?お?0引言??Web1.0时代的网站，所有的内容完全由网站建设者来提供。建设者为了维持网站的生命力，通常需要花费大量的精力来收集新素材，然后将它们编辑成HTML文档发布作为网站的更新。然而，网站建设者的精力毕竟是有限的，他们能获得的素材也有很大的局限。单靠这样的模式，网站难以保证持久的生命力[1]。??Web2.0的正式提出是在2004年第一届Web2.0大会上。在会议的开场白上，TimO’Reilly和JohnBattelle总结了他们认为的表现了Web2.0应用特色的一些关键原则。其中包括重要的一条：丰富的使用者体验[2]。事实上，如果将目前不断涌现的Web2.0应用与旧的Web1.0应用进行比较，一个突出的区别就体现在两者的用户体验上。旧式应用的内容更加固定、更新少、用户能参与的程度低；而新式应用强调用户参与的重要性，它应当提供丰富且轻量级的在线工具，供用户向整个社区提供新的数据[3]。很多内容如社区论坛、blog、评论等均由用户来提供和更新，用户的参与极大地增强了网站的生命力。??Web2.0应用强调用户参与的重要性，而要满足不同用户的需要，页面就必须具备更强的可定制性。很多著名网站如Google、Yahoo!均为用户提供了个人主页的定制。在这里用户可以保留自己需要的内容而去掉不需要的，可以按照自己的意愿安排这些元素的顺序，从而尽可能地满足自己的需要并且体现出自己的个性。新一代Web应用给了用户更大的自定义空间，令用户能够设计出属于自己的页面。与旧式的Web应用的静态页面相比，可定制的动态页面更容易获得用户的青睐。然而，现有的页面定制方式仍存在一定的局限性，如前面提到的网站，用户通常只能在网站建设者提供的若干类内容中进行选择，选择的内容集合必须是所有内容集合的子集。尽管这些网站提供了丰富的内容供用户选择，用户仍然受到一定的?┫拗啤＊???一种解决方案是根据用户的要求，通过生成页面的方式来产生一个包含用户需要内容的页面。这种方式突破了内容的限制，用户提供内容的原则得到了体现。然而，这种生成页面的布局方式通常比较死板，用户很难修改各个元素的大小、位置。对于布局，通常不同的用户有着不同的需求，统一死板的页面并不总能满足用户的需要。如何让用户在能够无限量地向页面添加新内容的同时，又能够随心所欲地控制它们的布局。本文提出了一种基于模板和CSS技术的页面定制解决方案，将内容定制与布局定制结合起来，使用户不仅能选择想要的内容，更能自己安排页面的布局。??1内容定制1．1内容定制的产生和发展??Web2.0时代，改善用户体验成为网站设计过程中的重要考虑因素。不同用户对同一个网页可能有着不同的需要，如一个新闻主页，不同的用户所关注的新闻领域也不尽相同。如何让用户更快更精确地获得自己关心的信息，而不必被不关心的信息干扰，很多网站采用内容定制技术来解决这个问题。??条件判断式的内容定制是最常见的一种内容定制方式。在这种方式中，页面首先被模块化，如上述的新闻主页，可以按照新闻领域的不同划分成各个模...