灯具类的外贸企业网站之前也做过几个，不过都是LED类的，综合类的第一次接触，和客户沟通之后，大概了解了一下客户和产品和要求。 客户的总体要求：让人感觉我们是一家产品齐全，重视质量，独特研发的工厂 结合客户的要求和产品特点以及客户方提供的logo确定好网站的整体风格着手开始做好了首页 头部和底部都用了比较深的灰色作为背景 考虑到客户的产品分类比较多，在首页banner的下方优先展示了比较热门的分类，展示方式以图文结合的方式，图片没有采用通常的一样的尺寸，而是左侧一个大图，右侧几个小图的方式排列以和下面的产品展示部分区分开来 中间部分除了客户的热销产品和新品的展示外，增加了”我们的优势”和“客户评价”两个版块，丰富了网站的内容同时增加用户对网站的信任度 底部后来应客户要求增加了合作伙伴这一版块，展示了合作方的logo,进一步提升用户对产品的信任度 网站整体效果，请关注我们官网的最新上线栏目查看！

机械类的企业站以前也有做过，不过机械这个行业毕竟也比较大，涉及到地类目也比较多，比如说有烘干机、风幕机、印刷机等，本次的客户主要产品是包装设备，主要产品有半自动及全自动封罐机、贴标机等。 通过沟通交流，客户最开始没有提任何建议和要求， 客户 16:29:23 我想我不给你任何的建议，因为以前都是这样，我说出我的意图后，基本出来后我看到都没有什么创意，因为都是按我的思维模式去做了。我想你先做，然后过程中可以让我知道你的想法 我就根据客户的产品属性并结合他原有的ＬＯＧＯ做出了第一个版面，不过这个版面没有得到客户认可，要求做一些调整 客户 17:40:16 我是这样想的 客户 [...]

因为不同行业针对的客户群体的不同，很多外贸类网站不单单是针对英语类的国家，像西班牙语、阿拉伯语、法语、俄语这些国家的客户群也是比较多的，因为不同的语言国家的习惯不一样，因为网站在制作过程中有需要对不同的语言做一些处理，比如最常见的，多数国家的文字阅读习惯都是从左往右，但是阿拉伯语国家的阅读是从右往左的，这就需要我们在针对阿拉伯语的制作过程中要特别注意这一些，要符合当地人的习惯！ 这个网站在制作过程中有些小波折，因为客户原来有自己的网站，所以对新闻设计要求跟原来的网站结构上比较类似，因为起初客户对这个要求不是很明确，所以导致走了不少弯路，好在后来明白了这一点，首页初稿也通过了！ 最终效果图: 首页展示的内容比较多，除了我们常见的about us、products、new版块外，客户还要求展示了产品分类、公司的一些认证信息，其中产品相关的信息占了较大的比重，产品分类除了文字外还需要一张图片，新闻也是以图文并茂的形式展现的，客户体验还是很不错的！ 网站制作过程中，和客户沟通确实是非常重要的一步！

最近外贸企业站做得也比较多，这次的这个是属于外贸OEM加工行业的，客户要求简洁大方，有欧美风，保持简洁清爽的界面，任何人都能快速找到想要的信息，这就要求首页显示的信息要比较全，因为属于加工行业，在颜色选择方面结合和客户的交流，最后采用了蓝灰结合的方式。网站结构方面采用了上下、左右相结合的方式，显示内容方面因为考虑到后期客户的这个网站需要做SEO优化，所以除了关于我们、产品导航、滚动图片、联系我们这些常规版块之外，还加了一个新闻版块！在设计的时候做了两个版本的首页供客户选择，下面我们来看看： 第一个版本 第二个版本 两个版本并没有特别大的区别，第一个版本的头部更简单，第二个版本的头部 比较传统，结合和客户的交流，整个除内容以外的部分给了一个灰色的背景，经过与客户的沟通，客户最终选择了第二个版本

随着智能移动设备的普及，以及3G、4G网张越来越多的覆盖，越来越多的人习惯在手机或者平板上浏览网页，传统的在PC上能正常浏览的网页，在手机或平板上要么显示不完整，要么显示的内容乱糟糟的，客户浏览体验非常差，这时候通常的解决办法是为不同的移动设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做当然可以保证浏览效果，但是比较麻烦，同时要维护多个版本！ 不想这么麻烦，当然可以，自适应网页设计就可以解决这个问题，就是可以自动识别屏幕宽度、并做出相应调整，保证在各个设备下我们都能看到正常的网页，保证客户浏览体验！ 下面以Onepound外贸建站官网为例来看一下： 正常情况下浏览 屏幕变小，示做自适应处理前： 很明显我们发现出现了横向滚动条！ 下面我们来看看做了自适应处理以后的效果： 很明显，只是版块之间的间距变小了，但是内容都显示出来了，没有滚动条 [...]

古玩类的外贸购物网站设计以前没接触过，和客户沟通之后，客户也没有什么明确的要求，所以第一个版面完全是按照自己的思路来。 因为是古玩类的，所以使用了黑色作为主色调、土黄色作为点缀，整个网站还是先采上下再左右的布局方式，头部是导航、注册、登录、搜索这些常见模块，下面是一个大的图片切换。左侧主要是方便客户快速选择自己想的要产品的，包括从产品分类、价格、材质这三个方面，下面有一个出件订阅的功能，方便收集用户信息。右侧主要是产品展示模块，因为考虑到网站的优化，所以有一个新闻板块。下面是常见的帮助中心、社交分享、版权信息等 但是这个效果图并没有被客户认可，客户去掉了图片切换、新闻模块，虽说购物网站没有图片切换的很少，但客户要求了也没有办法，颜色也应客户的要求由黑色变成了灰色，最终效果图： 基本上全部是产品的展示，客户这样要求了，所以就修改成这个样子了，客户就是想让人一进来首先看到的就是他的产品信息，这样相对来说比较直观、明了！

外贸购物商城做得比较多，骑行服、自行车配件之类的外贸购物网站以前也做过，所以做起来相对也比较轻松，这个客户自己没有说什么要求，可以完全自己发挥，因为是骑行，又是自行车行业的，所以动感较强，最终选定了红色、黑色搭配，展现出狂热、稳定！结构上沿用通常做法，头部就是放置LOGO、购物车、搜索、导航之类的，然后下边是大的图片切换，下面会有图片+文字展示的产品分类和一部分可以后台自定义的产品，底部有关于企业的一些介绍和购物帮助之类的信息和版权，整体效果： 整体上自己发挥的空间比较大，做完之后，自己也有进步！ 如果你有外贸购物商城网站建站需求，欢迎随时联系我们 QQ客服：415682727 电话：020-39907297

这个客户的要求比较明确，做之前就发过来一个参考网站，其他的要求也比较明确，连网站的主色调都想好了，所以做起来也就相对容易一些，效果图出来以后，又微调了两次，然后就开始继续往下面做了！ 整个页面没什么复杂的东西，甚至连一个Banner切换都没有，看起来比较简单，但是该传递的信息都传递到了。 如果你有外贸企业网站建站需求，欢迎随时联系我们 QQ客服：415682727 电话：020-39907297

在外贸购物网站的制作过程中，由于产品的分类 较多，因此在产品的列表页面和产品详细页面我们通常会将产品分类隐藏，在鼠标经过的时候就将分类显示出来。 首先需引入jQuery <script  type=”text/javascript” src=”js/jquery-1.4.2.min.js”></script> <div id=”mlcate”> <h2>製品カテゴリ</h2> <div [...]

前两天公司原来一老客户的网站内容需要修改，按照通常的做法是直接修改就好了，但是这个网站由于做得时个比较久，全部是静态页面，所以修改起来相对来说就要麻烦很多。而且这个网站还用到了DW里面的.dwt 模板文件，有很多人对这个可能不太熟悉，其实这个就是一个公用文件，很多页面都可以调用。可以理解为我们通常所用的include文件。 在找到网站所用的.dwt文件以后，就按照客户的要求做了修改，但是上传上去以后，网站内容没有任何变化。这才想到可能是方法出了问题，查询了一些资料终于解决了 方法： 1、把所有调用了.dwt模板文件的页面和模板文件本身都要下载到本地一个文件夹里面。 2、在DW里面新建一个站点。（站点新建方法在这里就不多说了） 3、按要求修改.dwt 模板文件，并保存。 4、在保存时，会自动弹出一个对话框 这时候选择更新，待所有文件更新完毕以后，关才对话框 [...]

外贸购物网站的产品分类都比较丰富，而且分类名称也是长短不一，如果名称太长多数是自动换行，如果换行了就会带来一个问题，那就是整个分类看起来不整齐，有些客户并不喜欢这样，如果不换行，那就只能将超出的部分隐藏并显示省略号。这时候就要用到text-overflow这个属性。 但偏偏text-overflow 还只是ie的私有属性，没被收录到w3c标准里 . text-overflow取值： clip ：默认值 。不显示省略标记，多余的部分直接隐藏. ellipsis： 当对象内文本超出时显示省略标记… [...]

如果导航要求有鼠标悬停效果，并且要能动，通常首先想到的就是利用Flash再或者就是JS，纯CSS如何实现呢，来看看下面这套基于 CSS3 的鼠标悬停效果和动画. 实现这个效果的关键是需要引入Hover.css这个css文件， 而且这些效果可以很容易应用到按钮、LOGO 以及其他的网页元素，使用的也都是一些简单的标签，有时候也会使用 before 和 after等 伪元素。但因为使用的是 [...]