您的位置: 首页 > 技术文档 > 网页制作 > 这将是一场革命
清除浮动的最优方法 回到列表 页面制作角色的思考
 这将是一场革命

作者:twinsenliang 时间: 2007-10-24 文档类型:原创 来自:twinsenliang.net

原文:http://www.twinsenliang.net/web/20070901.htm

这篇日志留在硬盘里面很久了,一直都没有发出来。确实不知道最后发出来,自己会被压成什么样子。因为断断续续的写,而且长期受国父影响,所以比较乱和散。见谅。

首先,讲讲自己最近的事情。考虑了许久,终于在自己的脖子上面纹下了这个标记。——“</head><body>”一个属于html代码而又适合在身体的标记。

首先第一点,我很反对年轻人纹身。真的,因为他们不会分辨事物的好坏。但与此同时我不是不支持的。如果你决定去纹身,首先你必须要知道的一件事情。——“纹身,是一辈子的事情。”就算你要把他洗掉,会留下疤痕。会影响你的一生。之所以我要纹上这段代码,我是要警惕自己——我的使命。并且我将用一生去拥抱我所热爱的事业

一生,不是开玩笑的。但为什么要动到一生这么大一件事。要从我的小时候说起……孟母有三迁,老爸却因为工厂的缘故。举家住在园前路的工厂宿舍社区。这里每一栋楼的都是一个国有企业或者市政机构的宿舍。不远的地方是韶关除了风采楼的另外一个知名的地方——中山公园。五岁前,妈妈很经常带我去中山公园,那时的印象就是里面住着一个脸奇形怪状的胖女人,和一个经常追着我的疯子;大了以后楼间与楼间自会有孩子斗殴,“帮派”斗争。小的时候我总是被打的,一直到了高中的砸门事件才开始转变。一被打或者被老爸老妈骂,我总是喜欢从体育场爬墙进入中山公园(以前要收费)。这个时候总会那样的在下面仰望一个人,一个中国的伟人、国父——孙中山。中山先生,从1895年成立兴中会直至1925年不幸病亡为期足足31年。一个人可以为了他的理想,为了他的梦默默地奋斗31年之久,甚至直到死前仍然留下那样的遗志——“革命尚未成功,同志仍须努力!”

本文的题目是“这将是一场革命”。必须一提的是国父中山先生最初并未言及革命,尝于1894年《上李鸿章万言书》中,提出多项改革建议,惟李鸿章断拒。由此革命先为被迫,是救国救民愿望得不到赞同与实施的被迫。然而我们作为一个网站重构工程师。岗位的能耐没有人了解,岗位的薪酬存在那样多的限制,职业的地位得不到重视;多次上书后,变成了将交互分离出去,将前台开发分离出去。同样的革命也是源于被迫。

下面大部分都是“WebReBuild.org”成立日聚会的内容:
先讲到的一点,个人定位。因为之前的话语问题,外界现在越来越多人在说页面仔着一个词。必须澄清的是,我言“页面仔”是以用作自嘲与谦称,他言“页面仔”是以用作嘲笑与侮辱。正常的岗位称呼,以前为“网站策划与制作”,后续的还有一个具侮辱性的“网页构建工程师”。言其侮辱有两点:其一为范围缩小,由网站转换为网页;其二为构建,怎么才算是构建(够贱)呢?然而先抛开外界的看法,我们首先要有自我定位,我们是应当单纯的做页面,还是应当掌握更多成为“网站重构工程师”——“WebReBuilder”

有了自我定位以后,我们需要明确的是岗位的职责以及范围:

  1. 语义化的使用html还原内容本质。
  2. 优势化的CSS兼容多平台展现。
  3. 分离化实现快速应变的敏捷开发。
  4. 数据化还原用户体验以及操作过程。
  5. 节流化监管设计多元所带来无谓的带宽消耗。

做重构的第一步是与自己的一场革命。如果一个东西连自己都说服不了怎么去说服别人。先不谈论语义化,先来讲讲为什么要“DIV+CSS”而不是“TABLE+CSS”。我们先看看一下两个范例。table做的div做的表面上他们是一样的,但是一旦产品经理提出修改,表现需要变化。对于div会很轻易的变化成为这个 范例 。范例可以看出不修改html的情况下,table就是打死也完成不了这样的改变。“DIV+CSS”比“TABLE+CSS”优秀就是排版的自由化,就以上例为题,table就一辈子都无法做到。

其后将所有的元素进行语义化,不是动不动地就是"div"、"ul"、"dl、dt、dd"。表面上看,页面最后给到用户都是毫无所谓的,然而对于机器而言并非,让机器知道语义、语调,更加有效实现“A.I.人工资能”初期普及的,触进计算机向下一时代迈进。优势化的CSS领到同等的内容在多平台多终端能更体贴的将已语义化的html更好更完善的展现给用户查看。这两点是和过往的工作方式截然不同的,特别是对于很多自以为明白和了解重构的人。首先必须要做的就是内部的一个提升。技术性的岗位,技术水平的主导就是硬道理。

分离化指的是结构、行为、表现分离。这点针对的是落后的开发模式以及开发团队。他们不支持重构,good;那么就让他们更加真切地体验“重构的好处”和“不重构的坏处”。原有的页面制作模式,所有的美观表现是放在页面上面的,以及很多的伪重构者总是喜欢在页面里面写“style="..."”。那么我们就不改进,每一次修改图片修改外观,两块位置的变换,就要修改一次HTML文件,开发就要陪同的上传一次;修改一百次就要陪同上传一百次。你就拼命的改,将一个需求拆分成10个版本来修改,让开发人员成为上传专员。然后光明正大的告诉他:“我也没办法啊,要是使用重构就不会出现这样的情况了。”

数据化指的是任何策划以及修改使用数据作为驱动。这是网站重构人员收复失地最好的办法。“交互以及用户体验不是说你想就是这样的,那并不是代表用户的看法和想法,只是代表你自己的看法和想法。”“你凭什么说是用户是这样?数据呢?吹水谁不会?我觉得用户是那样。”“你凭什么推行这个方案,你对这个站点了解吗?我都不问你这个站有多少个页面,我现在问你这个站有多少个种类的页面,有多少层级?你说阿!说阿!”这些话足以体现数据在商业经济中非常强悍的杀伤力。同时也印证很多网站重构人员的不足,问问自己关注了PGV了么?作了内容跳转统计了么?作了流量来源分析了么?作了点击区域热点分析了么?

节流化指的是节省带宽流量以及服务器连接数,和Web设计们讲讲网络基础,和Web设计们讲讲网络7层协议。告诉他们为什么要开源节流。再不听直接就说:“流量不用钱啊?”“多一张图片知不知道耗费多少秒的浏览时间?”

不知道这篇文章有没有解答大部分人困惑的问题,希望是有成效的。这将是一场革命,你准备好了么?

经典论坛讨论
http://bbs.blueidea.com/thread-2787345-1-19.html

本文链接:http://www.blueidea.com/tech/web/2007/5014.asp 

出处:twinsenliang.net
责任编辑:moby

◎进入论坛网页制作WEB标准化版块参加讨论,我还想发表评论

相关文章 更多相关链接
WEB2.0的单手定则
Web标准的web UI
关于DOCTYPE
设计师的框架
网页制作,改变你的思维方式
作者文章
WEB2.0的单手定则
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
张舰CG作品选登
虫虫水彩学习日记:一衣草莓
疯狂的程序员 第四回
疯狂的程序员 第三回
光照完全指南之光的方向
下一代web:浏览器存储支持
2008 LOGO设计趋势
php设计模式介绍之工厂模式
从吉普车的镜头看台湾 Ⅱ
《NewWebPick》15期中文大众版
栏目最新 栏目最新列表
火星人的耳机
公司正式宣布创业失败
用corelDEAW 12打造唇膏
二行代码解决全部网页木马
一行代码解决iframe挂马
Photoshop制作星空爆炸效果
CorelDraw 12打造休闲裤
Firework如何画特殊的切角图形
Firework打造韩式风格的手提袋
flash实例:打造佛光效果
 

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

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

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

本文现有 4 条评论 评分:- llllllllllllllllllll + 评分人数: 2 ,平均分: 5.00


templetan Publish at 2007-10-26 13:19:47 评分5
帅到掉渣了
antz Publish at 2007-10-25 14:48:45
真的是纹身吗?够酷的。
wtzzy Publish at 2007-10-25 10:11:32
我也在中山公园那 看到你很于感触啊
vinllong Publish at 2007-10-24 23:48:31 评分5
占个沙发!
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTM与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

nokia6020 中华龙网络策划 HP&nbsp;S3000&nbsp;MiniBlack&nbsp;Flash 合凯电力 B.A.D&nbsp;GIRL 表情练习 flank&nbsp;lable 面试作品