上月底接了一个产品标签网站，客户产品种类很多，但是各类别又没有关联，例如一个类别是产品标签，另一个产品类别却是礼品笔，所以在产品展示上这两类产品肯定不一样，产品标签是一个很大的概念，就像是一个还没有加工成的半成品，而礼品笔却是一个实实在在的产品，所以最后和客户沟通在产品展示上面分两种形式，网站的颜色也采用了和客户LOGO相似的蓝色系，用浅紫打底，客户看了第一稿后，就只是小改了下就确定了。此网站是典型的企业展示网站，价格是4980，主要就是以展示产品为主，网站用CSS+DIV布局，打开速度快，都GOOGLE搜索引擎友好，测试速度是不到1秒网站就打开了，网页的文件也小，不到7KB，万方专业建设外贸企业站，外贸购物站，如果您也需要这样一个打开速度快，对搜索引擎又十分友好的网站的话，请立刻和我们取得联系，万方多年的外贸建站经验一定会让您满意。 网页速度测试截图 网页首页效果图截图

       之前在修改一个贸易综合网站遇到了在一个固定框架产品列表中的图片出现了垂直不居中的问题，后来发现原来是图片的大小不同造成的，可能大家都知道在div里用css控制图片水平居中可用text-align:center来控制水平居中，而图片垂直居中可能就会想到用vertical-align属性来控制，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的<td>、<th>、<caption>等，而像<div>、<span>这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。 那用div+css如何控制垂直居中呢？一般可用padding-top：X% 来控制，但这样对于单张图片或多图片但图片大小都相同时是管用滴！但如果图片大小不一样时问题就出现了。当图片较小时 它会偏向上，较大时可能在固定的框架里它就会出界了，这样就不能实现图片垂直居中了。那该怎么办呢？如果非要用div+css来解决的话可能就得套N个层这样不但麻烦也不利于优化。 但用table就很容易就解决了。因为table的默认属性就是垂直居中的，再控制一下水平居中就可以解决图片上下左右居中的问题了。 所以嘛！DIV+TABLE+CSS结合的网站才是最实用的，最能简化代码的，更有利于优化。 顺便总结一下文字垂直居中 一、单行垂直居中 如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。 [...]

近期做的地板外贸站，是个外贸企业展示站，但是由于客户产品比较少，目前只做地板外贸的生意，客户就想利用网站宣传地板，从而达到销售，但是也要考虑客户以后增加其他系列的产品，因此网站的可扩展性就必须强，所以网站的布局还是用了最经典的F布局。网站的色彩要体现环保，阳光，不要死气沉沉。更加要和客户的LOGO搭配得体，于是网站整个都采用了红色系，由于客户LOGO的红色是暗红，比较深沉，没有颜色加以点缀就让整个页面不是那么的清爽，而且也没凸显出环保的概念，最后两边采用由草绿到白色的渐变效果打底，这样整个网站看上去就比较清爽阳光。地板外贸站临时网址链接地址：http://biejiajia.34804804.net/canways/