页面制作人员的修练之道 1
点击次数：27 次 发布日期：2008-11-26 11:48:26 作者：源代码网
|
源代码网推荐 适合人群：网页制作初学者。有一定的页面制作基础，并想学或正在学习web标准的朋友们。 源代码网推荐 备注：本文只是从理解以及概念上去分享网页制作的学习方法和步骤。力求通俗易懂，所以没有任何具体的代码、规范等内容，比如Xhtml的代码规范、CSS样式手册等具体内容我将会在文章的最后“推荐的资源列表”中将我所看到过或学习过的教程一一列出。 源代码网推荐 源代码网推荐 一、新形势下的网页制作以及职业定位 源代码网推荐 源代码网推荐 随着网络的发展，前几年还只是国外网站以及国内少数个人网站才会去实施的web标准，现在已经是大行其道了。上至新浪、163等门户网站，下至刚从学校毕业的大学生们的个人网站。到处都是它的踪影。 源代码网推荐 网站建设的分工也从原来的一人承包(从效果到页面到程序代码)的模式也逐步转变成Web Designer + Page Builder + Programer 的项目组合作开发模式。正是由于web标准的兴起，“页面工程师”这个称谓也慢慢走上了舞台并担任起了相当重要的角色。 源代码网推荐 曾在蓝色经典上看到Aether帖出来的土豆网（tudou.com）的招聘信息，感觉这个招聘信息非常的有代表性，原文如下： 源代码网推荐 源代码网推荐 引用： 源代码网推荐 页面工程师，1人 源代码网推荐 技能要求： 源代码网推荐 1、对W3C网页标准（Web Standards）有较深理解； 源代码网推荐 ·精通结构层代码（XHTML）和样式层代码（CSS）。 源代码网推荐 ·对语义、结构与内容分离等有深刻理解； 源代码网推荐 ·熟悉Javascript，并对行为层编程机理有一定理解，并了解后台程序制作流程。 源代码网推荐 2、有成熟作品，目前将主要从事代码方向工作； 源代码网推荐 3、精通Javascript优先。 源代码网推荐 工作内容： 源代码网推荐 配合页面架构（Web Architect，负责总体规划），完成页面制作（Page Builder）。 源代码网推荐 其上游是页面设计（Web Designer），下游是网站程序员（Programer）。 源代码网推荐 源代码网推荐 我非常的认同这种职业定位，所以转了过来。或许这将是未来比较流行的网站制作过程中的项目组分工合作的模式吧。 源代码网推荐 源代码网推荐 二、基于web标准的网页基本特征 源代码网推荐 源代码网推荐 从三年前开始接触网页到现在，我亲身经历了国内大多数网站的web标准重构。自己在不断的学习过程中也总结出了一点符合web标准的网页的一般特征，和大家一起分享一下。 源代码网推荐 源代码网推荐 1、页面代码容易读懂了。 源代码网推荐 源代码网推荐 举一个简单的例子，按以前如果要实现一个页面的布局，一般是使用表格来划分整个页面。请阅读并运行以下代码： 源代码网推荐 源代码网推荐 运行代码框 源代码网推荐 <TABLE width="100%" cellpadding="5" cellspacing="1" bgcolor="blue"><TR><TD bgcolor="silver" colspan="2" align="right"><TABLE width="90%"><TR><TD>首页</TD><TD>栏目一</TD><TD>栏目二</TD><TD>栏目三</TD><TD>栏目四</TD></TR></TABLE></TD></TR><TR height="400"><TD width="25%" bgcolor="white">左侧内容</TD><TD width="75%" bgcolor="white">右侧内容</TD></TR><TR><TD colspan="2" bgcolor="#f8f8f8" align="center">尾部文字</TD></TR></TABLE> 源代码网推荐 源代码网推荐 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行] 源代码网推荐 源代码网推荐 而我们现在，一般会简化成这样： 源代码网推荐 源代码网推荐 <div id="header"> 源代码网推荐 <menu> 源代码网推荐 <li>首页</li> 源代码网推荐 <li>栏目一</li> 源代码网推荐 <li>栏目二</li> 源代码网推荐 <li>栏目三</li> 源代码网推荐 <li>栏目四</li> 源代码网推荐 </menu> 源代码网推荐 </div> 源代码网推荐 <div id="left">左侧内容</div> 源代码网推荐 <div id="right">右侧内容</div> 源代码网推荐 <div id="bottom">尾部内容</div> 源代码网推荐 源代码网推荐 然后再通过外部的CSS对页面上的元素进行布局以及美化效果，这样的代码相对于前一段应该说更精短，更易读懂。而且这个易读性，你还可以理解成搜索引擎也比较容易读懂你的内容、聋哑等有障碍人士也能通过一些特殊设备来读懂你的内容、用手机wap上网也能比较顺畅地访问你的页面。 源代码网推荐 源代码网推荐 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
