动易DIV+CSS官方模板发布时附加的介绍性文章
2008-03-15 14:29
274 查看
近些年来,网页设计中对“WEB标准”或“DIV+CSS”的呼声比较高,这反应出网站运用尽可能要考虑到其最终用户的访问与使用。国内一般客户端上网浏览所用的工具以IE浏览器较多,但在浏览器发展的纷争中,还有一些其它的浏览工具,如: Netscape, Mozilla, FireFox,Opera等等,如果您的网站不是只考虑到使用IE浏览器的浏览效果,则其它浏览器的用户就无法正常浏览您网站的设计效果。因此,“WEB标准”的宗旨之一是使用一种国际通用的标准,使客户使用任何一种浏览器来浏览您的网站,都能保证得到相同的效果,从而最大化地保证网站客户能拥有率。
在“WEB标准”中,一个显著的特点是以“DIV+CSS”的设计方式,其网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。利用“DIV+CSS”构建的网页能简化网页代码、加快网页显示速度。如果您熟悉DIV与CSS的知识,则网页维护与样式更换将会比较容易,当然,如果您不熟悉DIV与CSS的知识,则相对修改会比较困难。
“DIV”的一个解释是“区块”,它与以“Table”这样表格构建的网页相比,更能加快浏览器对网页页面内容。尤其是在一些表格无法分割的页面布局下,以DIV的布局更能显示其优越性。同时因为DIV可以由CSS来控制其进行定位,而不需要过多的嵌套布局,这样可以边缓存边显示,可避免因“Table”布局时因为嵌套内容而造成浏览内容需缓存结束后再全部显示的弊病,因此在页面内容比较多时浏览速度上会有极大的提高。
“DIV+CSS”的设计并不是完全抛弃“Table”的布局,在某些内容的布局上“Table”比“DIV+CSS”代码更简洁、布局更明了,只不过尽可能以“DIV+CSS”方式实现更快浏览速度的设计,毕竟客户浏览是第一需要。同时,“DIV+CSS”的设计使得页面设计简洁明了,同时也会牺牲一些独特的设计布局,这两种设计方式各有利有弊。
因此,对于目前阶段的网页设计,我们的理解是:速度与兼容。提高网页显示速度,最大化兼容其他浏览器浏览是我们目前要解决的主要目标,而不是仅仅去夸夸其谈一定要通过“W3C”的校验。
这里我们提供“动易DIV+CSS官方模板”以供大家进行测试、使用与参考,这方面我们也在探索期间,有许多经验也正在逐步总结,这也需要一定的时间,对于有些用户的高声急呼“模板都没人管”我们表示理解与感谢,同时也希望大家也能理解我们的工作。本模板以获奖模板“策动中国”为蓝本,进行了优化与再设计,建议您在本机利用多种浏览器进行浏览测试,如果您在测试使用过程中发现的问题请在此帖子中反馈,以方便我们进一步改进与完善。
在“WEB标准”中,一个显著的特点是以“DIV+CSS”的设计方式,其网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。利用“DIV+CSS”构建的网页能简化网页代码、加快网页显示速度。如果您熟悉DIV与CSS的知识,则网页维护与样式更换将会比较容易,当然,如果您不熟悉DIV与CSS的知识,则相对修改会比较困难。
“DIV”的一个解释是“区块”,它与以“Table”这样表格构建的网页相比,更能加快浏览器对网页页面内容。尤其是在一些表格无法分割的页面布局下,以DIV的布局更能显示其优越性。同时因为DIV可以由CSS来控制其进行定位,而不需要过多的嵌套布局,这样可以边缓存边显示,可避免因“Table”布局时因为嵌套内容而造成浏览内容需缓存结束后再全部显示的弊病,因此在页面内容比较多时浏览速度上会有极大的提高。
“DIV+CSS”的设计并不是完全抛弃“Table”的布局,在某些内容的布局上“Table”比“DIV+CSS”代码更简洁、布局更明了,只不过尽可能以“DIV+CSS”方式实现更快浏览速度的设计,毕竟客户浏览是第一需要。同时,“DIV+CSS”的设计使得页面设计简洁明了,同时也会牺牲一些独特的设计布局,这两种设计方式各有利有弊。
因此,对于目前阶段的网页设计,我们的理解是:速度与兼容。提高网页显示速度,最大化兼容其他浏览器浏览是我们目前要解决的主要目标,而不是仅仅去夸夸其谈一定要通过“W3C”的校验。
这里我们提供“动易DIV+CSS官方模板”以供大家进行测试、使用与参考,这方面我们也在探索期间,有许多经验也正在逐步总结,这也需要一定的时间,对于有些用户的高声急呼“模板都没人管”我们表示理解与感谢,同时也希望大家也能理解我们的工作。本模板以获奖模板“策动中国”为蓝本,进行了优化与再设计,建议您在本机利用多种浏览器进行浏览测试,如果您在测试使用过程中发现的问题请在此帖子中反馈,以方便我们进一步改进与完善。
相关文章推荐
- 发布几个国外的XHTML模板站,DIV+CSS模板下载
- 再发布一个提供div+css网页模板的站点
- (转)第一天 XHTML CSS基础知识 文章出处:标准之路(http://www.aa25.cn/div_css/902.shtml)
- DIV+CSS仿网易的滑动门技术AJAX,希望对首页模板的设计有帮助!
- 上周末把Css中文手册 + 2天驾驭div+css(全新发布2.0.1版本).pdf看完了.强烈推荐2天驾驭div+css(全新发布2.0.1版本).pdf
- 微软发布官方TFS 2010 Scrum 模板
- 几个国外的XHTML模板站,DIV+CSS模板下载
- 用DIV+CSS发表的一片文章
- DIV+CSS初始化模板
- 发布文章时提示:把数据保存到数据库附加表 `dede_addonarticle` 时出错
- 微软发布官方TFS 2010 Scrum 模板
- 几个国外的XHTML模板站,DIV+CSS模板下载(转)
- WSO2 Web Services Framework for C++--根据官方文档翻译的,确实翻译的简陋,只是抱着可能对某些同学有帮助的想法发布出来的,也为了后续的文章做准备
- 【猪猪-前端】收集了30个div+css后台模板,方便大家日常开发使用,简洁易用一贯原则。
- 国外的XHTML模板站,DIV+CSS模板下载(都是精品)
- DIV + CSS优秀文章列表收集
- 如何制定SEO文章发布模板?
- 微软发布官方TFS 2010 Scrum 模板
- 古风风格DIV+CSS模板
- div+css构建模板技巧收藏