网站设计中母版\主题的应用技术

时间:2022-10-01 12:44:43

网站设计中母版\主题的应用技术

摘要:网站界面的布局是衡量一个网站设计好坏的重要指标之一。统一、简洁的界面不仅令访问者感到视觉舒适,还有助于设计者修改、维护网站。在网站设计中常用的技术主要有母板、主题以及CSS+DIV。本文结合实例说明这几种技术的使用。

关键词:网站设计;3.5;母板;主题;CSS

中图分类号:TP391 文献标识码:A文章编号:1007-9599 (2011) 10-0000-01

Applied Technology of Motherboard and Topics in Web Design

Ma Zhangqin1,2,Li Ya2

(1.Ocean University of China,Qingdao266100,China;2.Shandong Foreign Languages Vocational College,Rizhao276826,China)

Abstract:The layout of the web interface is a measure of a website design is one important indicator of good or bad.unified,simple interface to make visitors feel not only the visual comfort,but also help designers to modify and maintain websites.Web site design techniques are commonly used in motherboards,themes,and CSS+DIV.In this paper,examples of these types of technologies.

Keywords:Website design; 3.5;Motherboard;Topics;CSS

一个网站能否给访问者统一的感觉,特别是统一的布局和一致的外观,其中关键的是页首即整个站点的公共标题和菜单系统是否统一,页面左侧是否提供一些页面导航选项,页脚是否提供统一的版权信息和联系站点管理员等二级菜单。母版(Master)页面和内容(Content)页面系统以实现网站一致性的要求。使用母版页实现整个网站的布局和导航功能,其他的页面只需要引用该母版页就可以使用母版所提供的所有功能。通过修改一次母版页面即可使应用母版的页面全部更新,同时通过主题的应用也可以使得母版和页面具有一致的外观。

一、母板的应用

通常网站在应用程序的大多数页面都有一些共有元素,如果在每个页面上重复这些内容需要很大的工作量,如果要对其中的一些内容进行修改,就不得不对每一个页面都进行改动,为了解决这一问题,使用母版可以解决这一难题,并且可以很大程度地提高我们的开发和维护系统的效率。母版页与普通的 Web页面一样,可以包含任何HTML、WEB控件甚至代码的组合。Master Page提供了一个母板文件(*.master),这一母版可以被程序中的任何一个页面使用,除了能显示页面上的共有元素,还包括一个或多个Content Place Holder内容占位符控件,使用该母板的页面文件(*.aspx),可以在内容占位符区域中显示每个页面的具体信息。通过控制占位符控件在母版中的不同位置,可以在细节上控制最终页的布局。

母版页提供一个初始的对象模型,使用该对象模型可以分别对各个内容页自定义母版页。在实际创建网站中,一个母版可以被多个内容页绑定。母版页呈现的是共性化的内容,而内容页侧重的是个性化的内容,将Content控件的内容合并到相应的Content Place Holder控件中。在控件应用方面,母版页和内容页有着严格对应关系,母版页中包含多少个Content Place Holder控件,内容页中也必须与母版页中设置的相同数目的Content控件,而且Content控件的属性Content Place Holder的设置必须与母版页中设置的相互对应。在网页运行时,首先读取@page指令,如果应用了母版页,首先对内容页和母版页进行编译,母版页合并到内容页对应的控件树中,同时各个Content控件的内容合并到母版页对应的Content Place Holder控件中。

母版页关键核心代码:

山东外国语职业学院

二、主题的应用

主题可应用与任何站点,允许定义和重用所有的控件属性,影响站点中每一个网页和控件的外观,主题提供了一种设置页面界面的简易方式,它可以独立于应用程序的页位站点中的控件和页定义样式设置,通过更改主题即可轻松地维护对站点的样式更改,而无需对站点中的每个页面进行更改。主题存放在一个位置,把所有与页面外观有关的控制文件和资源文件放在主题目录下,页面通过更改主题,则主题目录下所有的外观文件、级联样式表文件、脚本文件、资源文件、图像文件、声音文件等就会自动切换。

可以通过设置独立于主题的应用程序,实现代码和界面的分离,一个站点内可以创建多套主题,并且可以在网站运行的时候动态的切换网站主题,从而可以很方便的实现网站外观主题间的更换。

三、CSS规则的应用

CSS规则允许对特定的格式化细节如字体、边框、背景色、宽度、高度等进行设置,但是不能对服务器控件的一些特定行为,如控件的折行等等进行设置。

CSS由浏览器实现,并且只能直接作用与HTML的样式特性,而主题基于控件而不是HTML,主题允许定义和重用几乎所有的控件属性,可以弥补CSS应用的不足,而样式表又可以作为主题应用的一部分,两者互为补充。

当然,网站界面外观的设置需要技巧更需要具有艺术设计功底,同时也需要网站制作人员具备一定的经验,特别是在版面的风格统一方面需要我们综合应用3.5给我们提供的一些工具,借助母版、主题等技术,将起到事半功倍的效果,同时我们也可以借助Flash、Photoshop等软件制作工具对界面所使用的图像、文字等进行艺术加工,让页面更生动、形象,同时根据企业网站的工作需求顺应网民的工作习惯。

参考文献:

[1]郑阿奇3.5使用教程[M].电子工业出版社

[2]龙马创新骄傲与研究室策划,国家863中部软件孵化器从入门到精通[M].人民邮电出版社

[3]王平华程序设计项目教程(高职高专计算机规划教材)[M].中国铁道出版社

[作者简介]马章勤,中国海洋大学在读工程硕士,现就职于山东外国语职业学院;李娅,山东外国语职业学院专业教师。

上一篇:基于ASP.NET的中职教务管理系统的设计与实现 下一篇:基于“一体化”技术在计算机专业课教学中的应...