|
主题:[原创]科讯离web标准到底有多远? [收藏主题] | 转到: |
![]() 一、远在所使用的用户 一个文本编辑器的出现,说明了科讯将HTML代码的控制权重新返还给了用户。这样,web标准页面的出现将由所使用的用户决定。如果用户输入的代码不标准,那么无论科讯怎样强大,它还是生成不了标准的页面。 在论坛混了半个月,看了部分的提问贴,发觉许多朋友还没有掌握css,可能还没接触过 web 标准。在这里推荐大家去看一个教程,希望12天能改变你们些什么,留下一个网页重构的概念。(沈小雨的那本css手册记住保存在电脑上,随时查看。)如果一直有网页制作经验的话,可能两天你就能开始使用div+css了。去年我就是这样,在新的单位,给逼着第三天就开始做页面了。 虽然掌握了标准,但路还是远的,因为还有很多地方需要用到js(Javascript)或者其它来调整代码向标准靠拢。其中最头痛的就是另外打开新页面的问题。一些特效,例如flash切换,或类似flash的js切换。flash切换也用到了js。 确定了你看过了上面网址的内容。再继续下面的吧。 二、远在科讯的程序员 刚说远在用户,怎么又转到程序方面了呢?因为在我使用KS 3.0 SP1的过程中,感觉到也不像传说中的一样,生成HTML的程序离标准还是有距离的。HTML的控制权其实并没有完全返还给用户。 1、target="_blank" 在标准里这个是不能使用的,但是程序里过多有这个。 2、flash幻灯片效果问题 科讯采用了js+flash实现这个效果。这样就会使得链接异化,搜索引擎不能识别,哪个是网址,哪个是标题,哪个是图片。 我的解决方法是:首先sql生成一段html代码,再使用js重构代码显示flash。在用户禁用js的时候(部分用户因为安全问题会屏蔽js功能),用户还是能看到幻灯片的链接,图片缩略图。不影响浏览,搜索引擎也搜索到了。 实例在:http://www.52238.com首页的flash。有兴趣可以打开源代码看看。 3、栏目列表的分页 <div align="right" height="25">第<font color=red>1</font>页 共6页 看上面的代码(程序产生,用户只能选择几种格式。),你会发现科讯的程序员对web标准也不是很了解的。web标志追求的是,结构和表现的分离,现在“向右”“高25象素”这些出现在了html中。不是不允许表现出现在html上,而是针对小地方(一个网站只出现一两次)可以用。而且使用的也应该是style="text-align:right;height:25px;",但是这个是分页程序,整个站点出现多次,我觉得不应该加css控制。况且这个是“最近原则”,用加什么控制在css文件里,也控制不了代码向左,改变高度。程序代码应该需要更小心,避免使用“最近原则”,让用决定它的表现吧。 这样的情况还出现在细览文章的分页。其中用一个生成的代码如下: <div align=center><a href=http://www.52238.com/Html/cnp/psynews/2007/1/1/7663422961862_2.html>下一页</a><br>本文共<font color=red> 2 </font>页,第 <font color=red>[1]</font> <a href=http://www.52238.com/Html/cnp/psynews/2007/1/1/7663422961862_2.html>[2]</a> 页</div> 4、调查表调用的难关 如果采用官方的标签,那么产生的代码将是table(表格),与标准冲突。如果采用sql调用,那么调查表的多选和单选将是个大问题。目前我采用了js加sql,用js判断多选和单选重写调查表。 实例在:http://www.52238.com首页的探子情报。有兴趣可以打开源代码看看。 5、推荐,热门,新帖……等效果的实现是插入图片。 在web标准了,图片如果是修饰性的都需要通过css的背景实现,插入的图片一般都是内容的实体。如缩略图,正文图片,广告图片。在使用sql的时候,提取出来的结果是0或者1,暂时我没有想到变通的方法。 6、用 产生间距 间距个人感觉通过css控制好点。要不如果我想把他们的间距变小的时候,很难实现了。 7、使用系统的div+css的问题 如果想追求完美,源代码的退格、进格当然也希望能准确的生成显示出来,表现了代码结构的层次,包含关系,方便制作员查看,测试。 还是就是,div+css会产生冗余代码。 例如: <div class="boraBCd"> <div class="lan_title"><strong><a href="/Html/helppsy/diary/index.html" title="洞悉人心">洞悉人心</a></strong></div> <ul class="lan_list"> <li><a href="http://www.52238.com/Html/helppsy/diary/2006/12/31/48322642969.html" title="做人要谦卑地出类拔萃" target="new">做人要谦卑地出类拔萃</a></li> <li><a href="http://www.52238.com/Html/helppsy/diary/2006/12/30/63740031978.html" title="女人的友谊具有人间气息" target="new">女人的友谊具有人间气息</a></li> <li><a href="http://www.52238.com/Html/helppsy/diary/2006/12/29/57941.html" title="密码泄露你的感情弱点" target="new">密码泄露你的感情弱点</a></li> <li><a href="http://www.52238.com/Html/helppsy/diary/2006/12/28/20496248.html" title="解读人类15种基本欲望" target="new">解读人类15种基本欲望</a></li> <li><a href="http://www.52238.com/Html/helppsy/diary/2006/12/27/38105708813770.html" title="个馒头引发的血案的心理学解释" target="new">个馒头引发的血案的心理学解释</a></li> <li><a href="http://www.52238.com/Html/helppsy/diary/2006/12/26/82265221.html" title="用自身磨难给世人享受 齐达内潜意识不想退役" target="new">用自身磨难给世人享受 齐达内潜意识不想退役</a></li> <li><a href="http://www.52238.com/Html/helppsy/diary/2006/12/22/60894445.html" title="做个幸福的女人" target="new">做个幸福的女人</a></li> <li><a href="http://www.52238.com/Html/helppsy/diary/2006/12/20/6654277408254.html" title="从几个小动作看一些平常的心理" target="new">从几个小动作看一些平常的心理</a></li> </ul> </div> <div class="boraBCd"> <div class="lan_title"><strong>最新下载</a></strong></div> <div> <ul class="lan_list"> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> <li><a href="http://www.52238.com/Html/download/offsoft/2006/12/29/529810590988.html" title="文本排版工具“拷贝猫”CBOX121 ">文本排版工具“拷贝猫”CBOX121 </a></li> </ul> </div> </div> 第二个因为选择使用了div+css多一个div,div在这里其实已经是多余的了。而且代码也全部靠边了,显示不了层次,包含的效果。 三、说远不远,说近不近 大家共勉吧。我还没有尝试过ks用严格标准,期待以后。 [此贴子已经被作者于2007-1-4 15:07:52编辑过] |
|
![]() ![]() ![]() ![]() |
![]() ![]() ![]() ![]() |
![]() ![]() ![]() ![]() |
![]() 嘿嘿,使用div+css有冗余代码这个终于有人碰到了。http://bbs.kesion.com/dispbbs.asp?boardID=2&ID=16270&page=1
[此贴子已经被作者于2007-1-6 15:44:31编辑过] |
|
![]() ![]() ![]() ![]() |
![]() ![]() ![]() ![]() |
![]() ![]() ![]() ![]() |
<上一主题 | 下一主题 > |