关于互联网那点事儿：网页制作（1）

 

提示：这里所说的网页制作指的是静态网页制作，不要和动态网页制作搞混了！另外，我不是做网页的，尽管以前做个网页！

想在说网页制作之前，先感慨一下：“或许谁也不会想到有今天，WEB领域的技术和职位大放异彩”(纯属是个人观点…)

看过很多笑话和经历过事情，很多人都听到过下面的事情：

“你是干什么工作的？”

–“程序员”

“具体做什么呢？”

–“做网站”

“哦，原来是一做网页的…”，特看不起的语气…

这里先BS一下，做网站和做网页根本就不是一码事，现在很多人都在那偷换概念，这只能更加说明他们的无知。

1、什么是做网页的？

一般人的概念就是HTML（或称为静态文本），说得更通俗一点就是，拿FrontPage（现在已经被淘汰了，但还有人在用），Dreamweaver等生成编辑一个叫做网页的文档，更有人就直接就拿Word来做，我自己也曾经这样做过。有人会说了，Word能做吗？告诉你当然可以做，首先，你先进行排版，怎么排，我想你应该知道，否则，你就out了，然后把文档存为html格式的就可以了。只是，它生成的文本不是很规范罢了！

当然啦，也有牛人直接拿notepad来写的，我也试过，可我不是牛人，是我刚开始学的时候，96年。其实，那时候那些所谓的开发工具还没有呢，所以就只能手工写了，说实在话，拿notepad写纯粹是咋呼人，累死人的事。后来，随着网速的提高，大家对网页的要求也越来越高了
1、要有动画，什么gif啊，swf啊
2、要有声音，什么midi啊，wav啊能上就上（还没到mp3和wma呢，那是后来了）
3、要有一些花哨的效果，当时一般都是拿js或者vbs写出来的，当然也有用Java Applet来实现的，哪个时候，网上这个还是非常多的，只是到了99年以后，这技术基本上也就停滞不前，慢慢的也就被其它技术所代替了。
4、最后最重要的一点，要漂亮

于是，WEB周边的技术和人员就不能闲着啦！什么颜色理论，颜色搭配，网页设计，动画制作，声音编辑，稀里哗啦的都得忙活了，所以，到了21世纪之初的时候；那阵子，身边做网页的用的最多的软件就是：Photoshop,Fireworks,FrontPage/Dreamweaver,Flash,EditPlus/UtraEdit；也就是是所谓的网页制作三件套和微软工具的大流行时代。

其实也有人用CorelDRAW做图形的；Illustrator好像用得也不多，直到后来插画风格的的图片风行。而其他做动画的、js特效小软件简直就是多如牛毛；至于声音编辑的工具，一般也都用cooledit，不过那会声音文件一般都拿现成的；到了后来的后来，手机铃声出来后，这个工具好像大众才慢慢开始使用。

不可否认的一个过程是，刚开始做网页的时候，特爱什么都往页面里放，声音、图片、动画、特效，都往里塞…哎，就是这么过来的。

96年的时候在用友集团公司网络部的时候，就做公司的第一个版本的网站，哪个时候，用的最多的工具其实就是ps和fp，直到多年以后，才鸟枪换成了大炮，那个时候，才开始明确并区分了网页设计和制作。因为老板是一个平面设计。我的工作就是把他效果图制作成页面。现在看来那会的工作很简单！

其实，从现在的角度来看，那时，充其量只能叫制作，说白了，就是别人给你设计图，你照猫画虎就成了。记得在美国公司做电子商务的时候，老板曾经说过，你们设计的效果图还不如国外的好，所以，基本上前端的效果图都是由老外来制作，而我们就根据这个制作成相应的静态页面就可以了。后来做的这个电商网站被老米给买了，当时赚了70多万美刀，但是，都没有捞到自己的手里，只是吃了一顿海鲜（吃遍了所有海鲜品种，那叫爽啊！）和去游乐园玩了一次，想想，真是可笑！没出息！

小结一下：

所谓的网页设计，就是做出一个网页的平面图来，称之效果图。那会从事这个的一般都是平面出身，重点就是颜色把握得好，会用ps，会做图形。

更简单点说，也不用那么复杂，我看到过的所谓设计，更多的还是找别的网站的widgest的效果进行拼凑，这揪一个页头，拿揪一个导航，再“参考”几个内容框框的设计，然后根据网站的性质定一下颜色风格，慢慢，页面就出来了！有的时候，直接把网页另存，然后在进行修改！

这就是设计，不要批评我说得俗，其实现在做网页设计的我估计大部分都是这么过来的，现在好多也是这么干的。因为这事以前我也干过，哈哈！而当时所谓的制作，就是把效果图切成网页，成为“切图”。当然，和大家对版权意识比较淡漠，另外，HTML本身的问题，就见怪不怪了！

其实，当时我很鄙视这种做法，觉得水平不入流，但现在想想，有点偏激了！还是理性一点的好！

一般是两个流派：

1、手工切图，就是根据需要一块块把图扣出

2、Fireworks切图、

Fw切图很快，但是用着用着，大家慢慢就不用了，其中的原因只有用过的人知道——不灵活；

于是，有了效果图，有了切图，一个网页就出来了。把多个网页拼起来，就是一个网站，“那时”的网站(静态网站，别小看他，一般的公司也能向客户要价好几个k甚至1w呢)。那时，我认识一个朋友，他就对这个非常感兴趣，他以前是学汽车维修，但一直喜欢美术，因此，就去美院自学，从最初网页制作开始，一步一步，最后，做景观制作了，在北京有好几处他设计的作品，现在也混成了美学博士。可想当初，，，，，嗨，不说了！

为什么称之为“那时”的网站呢？

因为现在的网页制作，工作形式上可能没有太多变化，但是分工更细了，每一个分工都更专业，于是有一大堆工作工种。有做内容规划、交互体验、设计、制作、前台编程；如果算上后台的那些，就多啦，后台程序员、DBA、网关等等。

网页这档子事太多了，一时半会也写不完，就先凑活吧！初衷是想说，“不要看不起做网页的，我们都很有技术含量！”哈哈！

还有警告那些面试的小伙小姑娘们，不要在简历上动不动就写上“精通HTML”，“精通CSS”，我特反感，面试这么多，没有一个是精通的，30%的水平都到不了！

可真敢写啊！其实，也就是骗骗自己罢了！