您的位置: 首页 > 技术文档 > 网站建设 > 为什么要进行“标准”
[css]IE5/IE5.5/IE6/FF兼容性 回到列表 浏览器能弥补宋体缺陷?
 为什么要进行“标准”

作者:cnbruce 时间: 2006-03-21 文档类型:原创 来自:蓝色理想

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

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

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

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

1、颠覆传统的思维模式

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

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

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

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

2、提出“标准”的方案

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

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

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

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

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

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

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

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

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

经典论坛讨论帖:
http://www.blueidea.com/bbs/NewsDetail.asp?id=2499946

出处:蓝色理想
责任编辑:moby

◎进入论坛网站综合网页制作版块参加讨论

相关文章 更多相关链接
用MVC模型引导你的WEB设计思路
如何使用ajax开发web应用程序
建立自己的操作标准
web关联菜单实现方法
用Popup窗口建无限级Web页菜单
作者文章 更多作者文章
建立XSLT页可视化操作XML数据
DW8代码工具栏试用
[asp]怎么添加验证码的解决方法
Dreamweaver 数据库路径的使用
Dreamweaver 限制访问的BUG
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
跟我去香港:The third Day
单件模式结合命令链模式
快乐狗原创动漫大赛
元素层叠级别及z-index剖析
CSS 浏览器的等宽空格
电影变形金刚概念画欣赏
疯狂的程序员 第三十五回
疯狂的程序员 第三十四回
疯狂的程序员 第三十三回
运用ASDoc工具
栏目最新 栏目最新列表
火星人的耳机
公司正式宣布创业失败
用corelDEAW 12打造唇膏
二行代码解决全部网页木马
一行代码解决iframe挂马
Photoshop制作星空爆炸效果
CorelDraw 12打造休闲裤
Firework如何画特殊的切角图形
Firework打造韩式风格的手提袋
flash实例:打造佛光效果
 

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文暂时没有评论和评分

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

&nbsp;火星时代博客首页 杂志彩色内页样式 最近画的两个ICON nike中华情 速涂 系统图标 流水练习 某4S店网页草稿