首页 > 技术观点 > 网站建设 > 正文

页面制作人员的修练之道

2009-05-26

一、新形势下的网页制作以及职业定位

随着网络的发展,前几年还只是国外网站以及国内少数个人网站才会去实施的web标准,现在已经是大行其道了。上至新浪、163等门户网站,下至刚从学校毕业的大学生们的个人网站。到处都是它的踪影。
网站建设的分工也从原来的一人承包(从效果到页面到程序代码)的模式也逐步转变成WebDesigner PageBuilder Programer的项目组合作开发模式。正是由于web标准的兴起,“页面工程师”这个称谓也慢慢走上了舞台并担任起了相当重要的角色。
曾在蓝色经典上看到Aether帖出来的土豆网(tudou.com)的招聘信息,感觉这个招聘信息非常的有代表性,原文如下:

引用:
页面工程师,1人
技能要求:
1、对W3C网页标准(WebStandards)有较深理解;
·精通结构层代码(XHTML)和样式层代码(CSS)。
·对语义、结构与内容分离等有深刻理解;
·熟悉Javascript,并对行为层编程机理有一定理解,并了解后台程序制作流程。
2、有成熟作品,目前将主要从事代码方向工作;
3、精通Javascript优先。
工作内容:
配合页面架构(WebArchitect,负责总体规划),完成页面制作(PageBuilder)。
其上游是页面设计(WebDesigner),下游是网站程序员(Programer)。

我非常的认同这种职业定位,所以转了过来。或许这将是未来比较流行的网站制作过程中的项目组分工合作的模式吧。

五、页面制作人员应该了解的知识

如果说美工只负责出效果图,程序员只负责数据处理的话。那么网页制作人员需要负责的东西无疑是最多的。

XHTML(这是最根本的,也是最重要的。)
CSS(不学会这个,你根本没有办法去实现美工所画出来的效果图。)
Javascript(虽然说要注重结构、表现、行为的脱离,但很多时候我们也需要如何用javascript和css配合作战。)
Dom(文档对象模型,配合javascript使用。)
以下内容为个人体会,最重要的是上边四点
SEO(搜索引擎优化,虽然现在有专门的做SEO的公司,但不是每个网站都会去请那些人来做这种事情的,如果你会了你就会知道其实很多优化是页面代码上的优化。)
网站的可用性(比如在NoScript环境下的正常显示等。)
网站的易用性(美工画出来的图是没有行为的,而用户是可以在网页上做事的,所以如何让页面的易用性,这是你应该考虑的,除非你们还有专门的UE人员。)
了解后台程序开发(对后台开发的了解有利于和开发人员进行沟通,不然会很麻烦。)
我所使用的工具软件列表

Editplus:用来编写html代码和javascript代码。
TopStyle:用来编写css代码。
FrontPage:虽然说大家都说DW比这个要好,但我是一直用着它的,现在基本手写了,但偶尔会用用。有感情了。
Firefox:浏览器,强大的插件功能吸引了我。
Opera:浏览器,多装几个,看一下你的作品在多种浏览器中是不是一样。
VS.net:项目大多是用vs.net做的,但我不建议你去用2003做前台页面,2005会稍好一点。
我推荐的资源列表

网站:

http://www.tomx.com
http://www.w3.org
http://www.blueidea.com
http://www.w3cn.org
http://www.csszengarden.com/
http://yuntian.cnblogs.com/
http://sheneyan.com/
http://andy.andymao.com/
http://www.forest53.com/

教程:

样式表中文手册-苏昱
样式表滤镜中文手册-苏昱
文档对象模型中文手册-苏昱
在30天内打造更具亲和力的网站
网站重构
《CSS网站布局实录》
javascript宝典(第四版)