<style type=”text/css”>
img {width:e-xpression(this.width>100?”80px”:this.width+”px”);}
</style>
图片宽度大于100像素都强制显示为80像素宽,只支持IE
<style type=”text/css”>
img {width:e-xpression(this.width>100?”80px”:this.width+”px”);}
</style>
图片宽度大于100像素都强制显示为80像素宽,只支持IE
web前端设计师–网站开发过程中一直都缺少的重要角色
传统网站开发过程中有两个重要的角色,一是程序开发,二是美工,在程序与设计的对接过程中,页面建设(制作)往往由程序或者美工来兼任,显然二者都有其特定的局限:程序重视页面效率却往往忽略设计细节,而美工重视细节却难以实现效率问题。
页面制作包含着更多的技术能力需求,尤其是互联网进入Web2.0时代和DIV+CSS布局的日益成熟,页面执行效率、用户体验和交互反应速度都成为产品比拼的细节,页面制作就更成为一种工艺设计的艺术。将美工设计的细节完美体现;用高效、简约的代码执行;结合SEO需求合理化体现页面内容;最少化的使用图片和js以优化效率。这几个方面的高度结合,将成为页面制作的重点。
由此,未来网站开发过程中将由如下三个环节组成,即:网站开发→页面建设←美术设计。页面建设工程师的表现将直接影响网站对接用户的体验,因此其角色不可或缺,我个人认为,页面建设工程师应具备如下几种能力:
1,用户体验的研究
用户体验在产品策划阶段就被广泛提起,无论程序开发人员还是美工设计都会特别注意,但页面建设作为与用户距离最近的开发者,肩负着统一并实现用户体验的重任,责任更大并且更有说话权。
同时,页面制作必须将美工的每个设计细节完全执行,甚至在一些客户体验的数据上反过来制约美工,比如行距、图文间距等,这就要求页面制作人员具备基本的美感平衡。
2,熟练操作DIV+CSS,理解HTML。
DIV+CSS至少在两个方面具备很大优势,一是执行效率;二是体现内容结构,投合搜索引擎喜好。尤其是CSS自身的不断发展,使这项技术越来越强大。
HTML编码——搜索引擎信息数据的来源,爬虫可以轻松的获取html中重要的信息数据,如<title>,<meta>部分的描述,关键字,标题<hx>,加重强调<strong>,而且网页前200单词中关键词出现的频率对这个关键词的排名的影响很大。
3,熟悉基本的程序语言
涉及到与ASP\PHP\JSP\ASP.NET等程序的对接,要了解这些语言的特点。同时要了解JS脚本。
4,熟悉美工操作软件
页面制作优化的过程中,还有重要的一点是图片优化,遵循一个重要的原则:实现+精简。也就是说,页面制作必须在实现效果的前提下,尽量简约的使用图片以减少流量成本。而切图及图片优化也是整个过程中重要的环节,不能不了解。
5,熟悉SEO优化
懂得各种页面优化的细节,同DIV布局完美结合。
6,沟通协调能力
协调美工及程序开发的对接;页面代码标准化,适合多人承接;兼顾程序拓展性开发等。
通过凌润等近期几个项目,越来越感觉到页面建设的重要性,实际开发过程中,页面建设一直都制约着项目的进度,而且很多好的程序和设计理念,因为页面建设的问题没有实现。有时候觉得页面设计真是一个工艺设计的艺术,将实用和美观高度结合,写了这么个东西和大家探讨一下,把我们的产品做得更加出色!