正在阅读:标准化网页制作人员的修炼之道标准化网页制作人员的修炼之道

2007-01-26 09:18 出处: 作者:jxdawei 责任编辑:lizhe

  二、基于我们b标准的网页基本特征

  从三年前开始接触网页到现在,笔者亲身经历了国内大多数网站的我们b标准重构。自己在不断的学习过程中也总结出了一点符合我们b标准的网页的一般特征,和大家一起分享一下。

  1、页面代码容易读懂了

  举一个简单的例子,按以前如果要实现一个页面的布局,一般是使用表格来划分整个页面。请阅读并运行以下代码:

  

  <TABLE width="100%" cellpadding="5" cellspacing="1" bgcolor="blue">
<TR>
 <TD bgcolor="silver" colspan="2" align="right">
  <TABLE width="90%">
  <TR>
   <TD>首页</TD>
   <TD>栏目一</TD>
   <TD>栏目二</TD>
   <TD>栏目三</TD>
   <TD>栏目四</TD>
  </TR>
  </TABLE>
 </TD>
</TR>
<TR height="400">
 <TD width="25%" bgcolor="white">左侧内容</TD>
 <TD width="75%" bgcolor="white">右侧内容</TD>
</TR>
<TR>
 <TD colspan="2" bgcolor="#f8f8f8" align="center">尾部文字</TD>
</TR>
</TABLE>

  而我们现在,一般会简化成这样:

  <div id="header">
    <menu>
        <li>首页</li>
        <li>栏目一</li>
        <li>栏目二</li>
        <li>栏目三</li>
        <li>栏目四</li>
    </menu>
</div>
<div id="left">左侧内容</div>
<div id="right">右侧内容</div>
<div id="bottom">尾部内容</div>

  然后再通过外部的CSS对页面上的元素进行布局以及美化效果,这样的代码相对于前一段应该说更精短,更易读懂。而且这个易读性,你还可以理解成搜索引擎也比较容易读懂你的内容、聋哑等有障碍人士也能通过一些特殊设备来读懂你的内容、用手机wap上网也能比较顺畅地访问你的页面。

键盘也能翻页,试试“← →”键

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品