转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
为什么要进行WEB“标准”         ★★★★

为什么要进行WEB“标准”

作者:闵涛 文章来源:闵涛的学习笔记 点击数:658 更新时间:2009/4/23 11:15:50

为什么要进行“标准”,我说说自己的看法,不知各位兄台认同否?请指正。

笼统来说,“标准网页”的文件组织就是XHTML+CSS。

简单来说,XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。

具体来说,在XHTML中显示内容,就是使用文本、图像、多媒体等相关网页元素来表示的;而CSS就是这些内容的修饰样式。此外还使用XHTML表示网页结构和CSS定义结构的布局

1、颠覆传统的思维模式

对于传统的网页设计,就思考和制作的前前后后,是这样的逻辑过程:

  (大脑)构思网页的排版布局
  (动手)描绘网页构思的草图
  (软件)通过图像软件将草图转为现实
  (调整)继续细化网页布局设计图
  (利用)切割图像并导出
  (制作)使用网页制作软件还原设计稿
  (完工)进行网页内容的具体设置

咋一看,确实是个不错的网页设计逻辑思想,况且这也是从网页被设计被制作有史以来,使用最普遍也最深入的网页设计流程。但现在提出一个问题:那就是如果需要对该网页进行改版,那该怎么办?那么将进行如上的重复的操作,这个重复就是一个全新的逻辑操作过程,包括重新设计(布局)和重新制作(页面)。

OK,现在使用“标准网页”可以省去其中的一道重复操作:省去重新制作(页面)的工作。所以对一个网页进行改版只需要重新设计(布局)即可。那么,为什么能这样做?如何能做到?

2、提出“标准”的方案

通过多次的网页改版,我们设计来设计去,发现虽然网页的样子改变了,但网页所展示的内容却无甚变化。即传统的做法是为了设计的新样子而去重新排版布局原有的内容。所以,大胆的提出:无需重新排版布局原有的内容,而让设计的样子定义出这个结构的布局。

那么,这就要求我们需要考虑好网页的结构。这些考虑是需要合理的方案,使得表示网页结构的标签代码,在下一次改版的时候仍将有用。可以这么说,这个时候一个网页的外观并不重要,重要的是规范一个结构基本页。一个良好的XHTML结构页面,可以适应以任何外观表示。

所以,现在设计一个网页,首要思考的不是网页的布局排版,而是这个网页的结构是如何的。那到底网页的结构需要进行怎么的考虑?一般是按照由简单逐步到丰富的过程:从整体着手,逐渐饱满,继续细化。

所谓“整体着手”,用一种很极端的方法则是:如果需要舍去网页的所有内容,最后只留下骨架的那个页面,就是网页的所需的“整体”结构。就如同一个人的身体一样,“头部”、“手臂”、“躯干”和“腿脚”是主要的结构。那么网页中的“标题”、“导航菜单”、“主要内容”和“版权声明”则为应该的“整体”结构。此时,将采用标签“<div>”进行控制。

所谓“逐渐饱满”又如人的“头部”分“眼”、“耳”、“口”、“鼻”,对网页结构中的主要结构的内部,继续进行丰富详细的结构嵌套。此时,将采用标签“<div>”或“<span>”进行控制。

所谓“继续细化”即网页内容的插入和修饰了。如同定义人的“眼”是“单眼皮”还“双眼皮”。此时,就是插入图像“<img />”,建立超级链接“<a>”等等具体内容了。

所以,有了如此逐步的结构的确定、结构的饱满和内容的修饰,就使得网页显示出了设计的模样。又如大千世界“定义”出了各种各样的“人”。

当然,采用“改版”这个示例来说明“标准网页”的必要性,只是一个最简单的最浅显的说服。使用“标准”还有很多优势,比如那个啥啥啥的……

于是 DIV+CSS进行全局的结构定义,用SPAN+CSS进行局部的结构定义,LI+CSS用于系列内容的结构定义,其他的网页元素代码,该怎么着就怎么着显示内容吧。



没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台