SiteFactoryCMS:风格样式定义说明概述

导航: 上一页 | 首页 | DedeCMS | 帝国CMS | Drupal | PHPCMS | PHP168 | Xoops | Joomla | SupeSite

动易官方提供的模板和标签都遵循多浏览器、高速度的W3C标准核心思想，以尽量避免在各个浏览器中的差异性，也就不会因为浏览器的不同而限制了使用系统的某些功能。系统提供的“雅蓝模板方案”模板的前台和后台模板都按照W3C标准的要求，基于DIV+CSS设计样式和页面布局，将页面布局与显示样式完全分离，通过对样式的修改即可调整页面布局，并且极大提高了页面的访问速度，实现了许多Table设计下无法实现的效果。默认模板的DIV+CSS设计系统开发的基准环境为IE7和Firefox，同时也支持IE6等多种浏览器（推荐使用IE7 和Firefox）。系统提供了二套默认模板方案：

“雅蓝模板方案”是由动易官方以DIV+CSS方式设计并在PowerEasy ®SiteFactory™中使用的默认模板方案。本模板方案的修改需要具备一定的CSS知识。

“雅灰模板方案”是由动易官方以Table方式设计并在PowerEasy ®SiteFactory™中使用的默认模板方案。本模板方案希望让对DIV技术不熟悉的动易爱好者们能够更得心应手地使用动易、修改模板。

本节以“雅蓝模板方案”为例详细说明DIV+CSS设计规范及CSS风格样式定义。

概述

近些年来，网页设计中对“WEB标准”或“DIV+CSS”的呼声比较高，这反映出网站运用尽可能要考虑到其最终用户的访问与使用。国内一般客户端上网浏览所用的工具以IE浏览器较多，但在浏览器发展的纷争中，还有一些其它的浏览工具，如： Netscape、Mozilla、FireFox、Opera等等，如果您的网站不是只考虑到使用IE浏览器的浏览效果，则其它浏览器的用户就无法正常浏览网站的设计效果。因此，“WEB标准”的宗旨之一是使用一种国际通用的标准，使客户使用任何一种浏览器来浏览的网站，都能保证得到相同的效果，从而最大化地保证网站客户拥有率。

DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（Table）定位方式的区别，因为 XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS 的方式实现各种定位。CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件样式的不需要编译的浏览器解释型标记语言；DIV元素是用来为HTML文档内大块（block- level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块，其中所包含元素的特性由DIV标签的属性来控制，或者通过使用CSS样式表以格式化和控制块的样式。

“DIV”与以“Table”这样表格构建的网页相比，更能加快浏览器对网页页面内容的加载与显示。尤其是在一些表格无法分割的页面布局下，DIV的布局更能显示其优越性。同时因为DIV可以由CSS来控制其进行定位，而不需要过多的嵌套布局，这样可以边缓存边显示，可避免因“Table”布局时因为嵌套内容而造成浏览内容需缓存结束后再全部显示的弊病，因此在页面内容比较多时浏览速度上会有极大的提高。需要说明的是，“DIV+CSS”的设计并不是完全抛弃“Table”的布局，在某些内容的布局上“Table”比 “DIV+CSS”代码更简洁、布局更明了，只不过尽可能以“DIV+CSS”方式实现更快浏览速度的设计，毕竟客户浏览是第一需要。“DIV+CSS” 的设计使得页面设计简洁明了，但同时也会牺牲一些独特的设计布局，因此这两种设计方式各有利有弊。

温馨提示：DIV+CSS设计涉及大量的CSS基础知识，在进行模板制作前请查阅和学习相关CSS基础知识（如《CSS入门》、苏沈小雨《CSS2中文手册》等）。