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

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

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

【 tulaoshi.com - Web开发 】

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

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

分离

结构 表现 行为

分离之后

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
钉钉进入钉邮之后网页为何打不开?   建议更换默认浏览器,推荐UC浏览器; ps:路径:控制面板程序设置默认程序更换默认浏览器;
标签: Web开发
在进行浮动布局时,大多数人都深知,在必要的地方进行浮动清理:div style=clear:both;/div。 例如: div style=background:#666;       div style=float:left; width:30%; height:40px;background:#EEE; Some Content/div /div 此时预览此代码,我们会发现最外层的父元素float container,并没有显示。这...
页面特性:产品页面简洁易用,专题页面绚丽视效印象深刻。 在页面设计当中,产品页面(如facebook 微博 twitter 微吧等)的设计。注重功能,交互,设计要考虑用户长时间的浏览体验。视觉上侧重间距,布局,按钮和logo,及icon样式。注重规范和视觉识别性。样式通常简洁易用,绚丽元素少,视觉上并不强调冲击力。 专题页面时效性有限(大多专题是...
标签: Web开发
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓功夫在诗外,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计...
标签: Web开发
我们在webjx.com一直强调交流的重要性,只有通过交流才能发现自己的不足,才能明确的知晓自己到底掌握了多少知识,哪些地方不足,哪些地方已经掌握,今天与大家分享一位webjx网友的DivCSS网页布局心得。DIV+CSS是目前互联网网页制作最热门的方法,但对于完全手写代码,许多网页设计师都望而止步。其实DIV+CSS是很简单的一种布局方式,甚...

经验教程

14

收藏

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