日期:2013-09-16  浏览次数:20749 次

  目前看来关于XHTML网页的制造大家还存在很多的困惑,逐一解答有些困难,我如今就XHTML网页与HTML网页制造技法上的不同来做一下说明。

  首先说一下HTML网页的制造方法:

  1。拿到美工设计图开始切图
  2。用表格把切的图拼成一个网页
  3。把内容放在曾经编排好的空白处

  而XHTML网页在制造技法与顺序上是截然不同的,XHTML想要做的就是内容与版式的分离,那么自然制造人员与设计师的任务可以做到一定程度的分离。

  我们以我给理想做的FarideaRSS网页来进行一下XHTML网页制造流程的说明:

  1.内容划分

  将内容大刀阔斧的进行划分:Logo,导航,文章标题,作者,发布时间,Copyright等等,用代码表示就是:

<div id="context">
<div id="logo"></div>
<ul>
<li>菜单1</li>
<li>菜单2</li>
</ul>
<div id="items">
<div class="item">
<span class="title"></span>
<span class="author"></span>
<span class="time"></span>
<div class="memo">
</div>
</div>

  内容该当就是线性的陈列下来,标签的目的仅仅是为了区分内容的结构,而并不用关怀设计师的设计稿,忘记暗影、颜色、背景图吧,由于你和设计师在设计前曾经商量好了网页内有哪些内容,所以设计也是为内容服务。

  2.简单排版

  这时我们拿到了设计师的设计稿,设计师们曾经用很漂亮的颜色,很漂亮的版式为我们设计出了这个网页,这时就是CSS发挥威力的时候了,我们将原来定义的内容用CSS进行排版,用颜色块(先不要焦急切图)对内容进行区分,先不要焦急加背景图,由于那样只会扰乱你本人。示例如下:
此主题相关图片

  这时就是对制造人员的CSS功力的考验了,只需深信一个信心,没有CSS做不到的就可以了:)

  3.细细档次

  这是网页的大体架构曾经出来了,但是需求对设计师的页面进行细细档次了,为了效果设计师多会加一些暗影或者好看的背景图片,或者渐进式的图片,此时我们可能要在原有内容中加入一些辅助的标签来放置这些背景或点缀图片,但准绳是尽可能的少加,能用原标签背景做的就用背景做,此处也比较考验制造人的CSS功力。

  4.兼容性

  我们还要在多款浏览器中做一下测试,看一下能否在每个浏览器中均正常,然后把代码尽可能的向XHTML标准靠拢。我们的FarideaRSS曾经顺利通过了XHTML的检验。 

  然后我们再来回顾一下,XHTML网页制造步骤:

  1.内容大刀阔斧划分
  2.简单排版
  3.细细档次设计
  4.兼容性与标准

  总体来说XHTML网页制造时间要比传统HTML网页耗时,但出来的网页容量小兼容性好,最次要的是,不知大家能否留意到了,可以脱离DW这种可视化工具依赖,只需有一个好的CSS编辑器就可以了,这种依赖的脱离是不容小视的。