网页制作心得:分离之后怎么做?

2016-02-20 00:02 7 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享网页制作心得:分离之后怎么做?教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发 】

首先这是个很不系统的思路,经过一段时间正规化的开发流程的锻炼和一段时间的积累,就发发牢骚。

分离

结构 表现 行为

分离之后

结构
开发上的流程:
负责页面制作的人员,结构当然是给后台和JS/DOM脚本开发人员了,他们实现策划文档中提高的功能。但是是建立在以后制作人员制作的结构文档之上,不能破环以后结构。

结构的识别者:
结构是给机器阅读的语言,自然他的识别这是机器,那么它的最大的意义就是传递数据了,而在此产生的最有看点的就是提取数据,谁会提取数据呢?相信现在大部分提取数据的机器是搜索引擎的机器人爬虫了,也就是说我们的结构面对的考验和服务对象主要是搜索机器人。那么SEO就是考验我们结构的最好的标准。
建立一套标准化的结构,有助于让机器很容易的读懂我们的文档,建立语义化的文档也让机器能容易的提取需要的数据,微格式自然就是一个偷懒的提取数据的作法,在已有语义的基础上再建立一套语义规范。也看出XHTML的结构在这方面确实不尽人意,向XML靠拢也主要是这个原因。

表现
流程
CSS相对于结构他是面向视觉层的,也就是让人识别的,建立在UI层上的,自然是在接到UI需求之后开发的。
识别者:
人,人就是他的识别者,也就是说CSS是为人服务的,需要提供可看到或者可听到的信息,主要是可看到。为了更好的让人看到你所传递的信息,浏览器种类,版本的跨越是必要的,设备的跨越是必要的。所以作为CSS的开发人员,你的需求就是跨平台。至于亲和力那就是更人性化的一面了,面对有生理缺陷的人士,你的可识别性要求就更好,要做的也就更多。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

行为
流程
行为,现在流行的富客户端,虽然涉及了css和html更多的还是javascript,dom和xmlhttp,行为在需求明确之后,理想状态下需要的只是个接口,常见的ID就是他的接口。我接触的流程是在html制作完成之后给脚本开发人员。但是我觉得应该在需求明确之后,脚本开发人员提出ID之类的接口就可以开发,然后等到页面完成,引用js文件就可以。

识别者:
人,人的行为,也就是一种交互,它是建立在一种良好的体验的基础上诞生的,人的行为和对行为的预期,结果和期望的匹配度。

PM
我曾经想成为的,但是现在不喜欢的角色,他们根本就意识不到这些,和交互聊完之后就让UI去设计,给页面去制作,给程序员去加功能他们的目标需求就仅仅是这个页面要求IE5.X,IE6.0,FF1.5+下能用,ok,别的不要跟我提,这个需求很紧急,希望你快点给我开发出来。我要发布。

版本迭代
版本迭代的周期很短,需求变化和不明确是正常的,那么生命周期的延长降低成本的意义何在,开发仍在不停的重复,新版本不停的要发布。web就是以快打慢,不可能给你充分的时间去考虑需求是否完备。应用web标准开发还有必要吗?效率才是第一位啊!

制作必须在UI之后吗?
制作不可以参与产品的策划吗?一些UI的设计完全就是图片上的艺术,根本不考虑它是web ui。UI是面向CSS的,结构是制作负责的,这是两个完全独立的元素,而且都有这绝对的重要性,凭什么制作的要跟着UI的屁股后面,按照UI的结构去建立文档?

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

写完了感觉没什么意思,牢骚居多!

来源:http://www.tulaoshi.com/n/20160220/1631112.html

延伸阅读
很多人不屑于学做家常菜,但是很多名菜、大菜在家里制作又实在是非常复杂。所以也多女生就有了理所应当的理由不进厨房,但是会做饭的女孩子又的确非常吸引人。所以女孩子还是要学一些好吃又方便的家常菜的做法,就比如说小豆饼就是不错的选择。虽然制作不复杂,但是是一道非常好吃的家常菜。 那么小豆饼究竟怎么制作呢呢?小豆饼制作...
标签: 生活常识
灌肠怎么做,该注意哪些呢? 灌肠怎么做,该注意哪些呢? 注意事项一、配制灌肠液时应避免使用对肠粘膜有腐蚀作用的药物。这个一般医务人员都是按照程序进行的。 注意事项二、插入肛管时手法应轻柔,以免擦伤粘膜。如有痔疮者,更应审慎。有痔疮的患者要提前告知医生。 注意事项三、灌肠液应根据病情保留一段时间,如某些病人不能...
贺卡怎么做 材料:两张红色的卡纸、三张红色的卡纸、剪刀、直尺、固体胶、铅笔、马克笔、细线。 第一步:首先在准备的粉红色的贺卡拿出来,在中心部分对折。 第二步:再拿出另一张纸出来沿着中心进行裁剪,这里要注意别剪出来了。 第三步:在红色的纸上面画出一个小小的三角形然后在剪下来。 第四步:准备好的细线拿出来,在卡...
自制牛奶面膜 牛奶+橄榄油=增加皮肤弹性 做法:准备鲜牛奶50亳升,加入4-5滴橄榄油,面粉适量调成糊状,均匀敷于面部,静敷20分钟后用清水洗净。 功效:坚持使用可增加皮肤的活力和弹性,使皮肤变得清爽润滑、细腻洁白。 牛奶+白醋=消除眼皮浮肿 做法:若早晨起床发现眼皮浮肿,可用适量牛奶和白醋加开水调匀,然后在眼皮上反复...
炸酱面 原料:手擀面,五花肉。我的QQ是755410173喜欢护肤,养生,喜欢情感日志,美食 护肤 丰胸,教育孩子相关知识的朋友可以加一下 辅料:食用油适量,白糖一勺,大葱半根,大蒜4瓣,黄瓜一根,豆瓣酱300克,料酒适量。美食天下菜谱大全 做法:1、把酱倒入碗中,切葱花姜末备用。2、肉切成小丁,锅里倒一点油,放入肉丁,放入一点料酒,煸炒...

经验教程

406

收藏

54
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部