账号通
    

账号  

密码  

10539

查看

19

回复
主题:[原创]科讯CMS 2.0 前台页面web标准化(div+css)网站重构过程 [收藏主题] 本贴被认定为精华 转到:  
myl8 当前离线

68

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:3352 分
登录次数:165 次
注册时间:2006/4/13
最后登录:2014/4/3
myl8 发表于:2006/5/26 14:43:00   | 显示全部帖子 查看该作者主题 楼主 

什么是web标准

   WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对

应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等

。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的

ECMAScript标准。

1.结构标准语言
(1)XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0,参考

www.w3.org/TR/2000/REC-XML-20001006)。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML

的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很

多资料,也有很多书籍可以参考。

(2)XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考

http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我

们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言
CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考http://www.w3.org/TR/CSS2/)。W3C创建

CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及

维护更加容易。

3.行为标准
(1)DOM

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范(http://www.w3.org/DOM/),DOM是一种与浏览器,平台,语言的接口,使得

你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准

的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262

http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM)。

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
myl8 当前离线

68

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:3352 分
登录次数:165 次
注册时间:2006/4/13
最后登录:2014/4/3
myl8 发表于:2006/5/26 14:44:00   | 显示全部帖子 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
myl8 当前离线

68

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:3352 分
登录次数:165 次
注册时间:2006/4/13
最后登录:2014/4/3
myl8 发表于:2006/5/26 14:43:00   | 显示全部帖子 查看该作者主题 藤椅 
做在线知识付费 选科汛云开店

继续修改中,陆续贴出

前台美工部分单独列出来讲

本地效果

http://shaolin.ha371.com

首页已通过w3验证


[此贴子已经被作者于2006-5-26 15:41:45编辑过]

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
myl8 当前离线

68

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:3352 分
登录次数:165 次
注册时间:2006/4/13
最后登录:2014/4/3
myl8 发表于:2006/5/26 14:43:00   | 显示全部帖子 查看该作者主题 板凳 
做在线知识付费 选科汛云开店

针对科讯CMS 2.0重构(今天就讲 生成初始化状态,前台页面美化部分以后再讲)

    首先,我们研究科讯CMS 2.0的系统知道系统的刷新文件是syscls/KS_refreshfunction.asp,所以我们开始针对这个文件开始标准化的实现

频道导航部分,
最终效果 


此主题相关图片如下:

研究这段代码,找到刷新文件KS_refreshfunction.asp导航的生成部分
1782-1082行
清除table
分析,如果控制列数,我们用折中的方法<br /> 1812行</td></tr>修改成<br />
修改最终如下


此主题相关图片如下:

ok,导航部分完成
前台生成代码


此主题相关图片如下:


文章列表部分

这是大家比较关注的问题

同样找到刷新文件KS_refreshfunction.asp导航的生成部分
找到 函数名 GetCommonArticleList,这个是通用栏目文章列表,我们拿他下手
102-167行
清除原来表格部分
116行 <table border=""0"" cellpadding=""0"" cellspacing=""0"" width=""100%"" align=""center""> 修改成 <ul>
其他修改如下

其他的修改

如下:


此主题相关图片如下:

 

这样,前台效果

就是这样了


此主题相关图片如下:


此主题相关图片如下:


不规则新闻部分

如果你仔细看了文章列表部分和导航部分的话,那么这段就很简单了,不规则新闻的刷新类可以理解为两列多行的列表形式,我们开始
找到不规则新闻列表的刷新函数
167-242行GetCommonNotRuleArticleList函数
修改如下:
183行
GetCommonNotRuleArticleList = "<table border=""0"" cellpadding=""0"" cellspacing=""0"" width=""100%"" align=""center"">" & vbCrLf
修改成
GetCommonNotRuleArticleList = "<ul>" & vbCrLf
注释掉
184行

235行
GetCommonNotRuleArticleList = GetCommonNotRuleArticleList & ("</table>" & vbCrLf)
修改成
GetCommonNotRuleArticleList = GetCommonNotRuleArticleList & (vbCrLf&"</ul>")
就行了


此主题相关图片如下:


[此贴子已经被作者于2006-5-26 15:34:22编辑过]

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.10938秒 powered by KesionCMS 9.0