御海轩

最近我们百克网(http://www.hgw6.com )重建了，要新做一个hishop的模板。同时又要新开一个洗护用品专卖店，主营我们自己品牌的洗护用品，我们自己想的品牌“璐曼诗”不一定能申请下来，所以买了一个商标“雅美奥斯”先用着。我决定用echsop来建这个网店，所以又要做一个echsop的模板。而我最初是做shopex的模板起家的，也因此认识现在的东家。

其实这些系统的模板制作都是一样的，包括一些cms系统也应该是这样，就像这个emlog系统，同样是这样。说到底，就是要看懂数据是怎么拿过来的，然后就用网页相关知识，把这些获取的数据当做网页的内容来制作网页，有的系统是逐个页面制作的，而有的是已组件的形式来“拼”成网页的，你只需在网页里留好位置，把这一个个的组件放到对应的地方就行了。

我从大三开始就做网页相关的工作，加上会编程，所以算是有一点点造诣。那时的我在网上开了个淘宝店，卖模板，卖服务，制作模板，制作网页的服务。渐渐地，有些朋友找到我，想跟我学这个，说到这里我要诚心说声抱歉，不是我不想教，只是我不会教。可能是我有些编程基础，学这些东西的时候，感觉自然而然就会了，也没遇见什么问题，所以对初学者来说，有些问题我也不知道怎么解释，可能有时候会很不耐烦，实在是不好意思，非我本意，还请见谅。

我可以大致整理一下做模板需要写什么，纯属个人观点，仅供参考。

1.英语。

不知道会不会有人觉得奇怪，英语应该属文科，似乎风牛马不相及，其实不然。代码里都是一个个英文字母，不会英语，记忆起来肯定十分费劲吧。这是次要的，主要是有些变量的命名就是用的英文单词，比如$productName，如果你会英语，你就知道这是product（商品）和name（名称）拼起来的，那这个变量的内容就是商品的名称，然后当你看到模板文件里有类似这样的代码时：<h2><{$productName }></h2>，你就可以知道，也可以想象到前台页面里，商品名称的地方代码就是<h2>进口欧莱雅洗发水 欧莱雅油脂平衡洗发水250ml经常出油 发痒头皮 </h2>，怎么样，有用吧。

2.用记事本编辑html，css，js这些网页相关文件。

目的就是让你熟练使用div+css，还有熟记常用的代码。dreamwear的偷懒机制让table猖獗的起来，以前table布局确实是王道，做出来的网页工整，不加修饰就整整齐齐的，看着好看。但是随着时间的推移和技术的发展，table已近不适合现在的网站了，布局过于死板，吹不破，拉不长，一些空隙怎么样都没法填满。该是div+css的时代了，div+css，再配合上js，炫的一塌糊涂。我不反对用dreamwear，这个是一款很强大的编辑器，我也在用。我只是不建议用dreamwear的那些生成代码的功能。我的代码都是我一个字母一个字母打进去的，你要觉得很傻我也不介意。这要从头说起，刚开始时我都是接些零零碎碎的小活，为了图省事，我直接将ftp的文件用ftp软件的编辑器编辑，margin-left，text-align，这是好记的，text-decoration，vertical-align，这些就不太好记了吧，如果你一直用代码提示，当你打出text的时候，下面提示就会出现text-decoration，你只要用方向下键移动到那个选项，按下空格或回车就搞定了。试想一下，如果你用来编辑的电脑没有dreamwear，没有代码提示，你又要写这个属性，text-de……，oh my god！我想不起来了，打开浏览器，查呗。

                                                                                                                未完待续……      To be continue……