外贸购物网站做的比较多，鞋子类的购物网站以前也接触过，只不过按照客户的要求，需要比较简洁的风格，所以首页显示的内容并不多，结构上依然是比较常用的上中下结构，头部是注册、登录、个人中心、搜索、logo、导航版块，中间没用用常用的通栏的Banner,面是分为了左右两个部分，左侧是一个产品的图片切换，右侧显示了一部分产品。在banner下方设计有两个广告位和一个自主编辑文字的地方。底部有关于网站的一些介绍，还有外贸购物网站都有的帮助中心和版权部分。 效果： banner的切换效果没有用常用的过渡效果，而是左侧先出来大图，右侧的小图然后再显示出来，有一些动感。网站整体以深灰色为主,多数地方以线条分割，总体上简洁、大方，其他像服装类的购物网站也可采用这种风格！

这是个印度医药的购物网站，客户希望网站整体和logo以深蓝色为主，我们想到医药主要想到了十字，logo我用一双手托着十字，是健康，有爱心的象征。 网站我主要也是以传统的左右两侧结构做的，左侧是产品分类以及联系我们，右侧即是展示相关内容，这样结构清晰且一目了然。新闻展示部分我以标题和简介相结合的方式展示，这样有利于网站优化。网站整体都是以深蓝色为主，部分图片是以红色为主，这样使得网站更加生动，不单一。内页跟传统的差不多，也是左右两侧，右侧主要展示该栏目的内容 这个印度医药的购物网站要求兼容手机，平板，这种左右结构更利于响应式设计。 下图分别是电脑展示和手机展示图。

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

这个国外鞋类购物网站整体我采用了天蓝色为主，和白色背景搭配，使得整个页面简洁，干净，部分图标颜色采用的淡绿色，整体又会给人一种清新，自然的感觉，使之不会过于单调。banner部分和产品图片部分都采用了浅灰色背景，增加了页面的层次感。产品类别的图片我用的是五边形，而不是普通的四边形，也使得页面比较立体，突出。页脚分为两部分，用了比较醒目的蓝色和天蓝色。内页我还是用的传统的左右结构，左侧产品类别，右侧产品列表，或是产品详情等。 这个国外鞋类购物网站也是我做的第一个响应式设计，兼容手机，平板，在做的过程中也花费了比较多的时间。 如果您有相关的网站需求，请与我们联系。

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

元素宽度不要使用绝对宽度 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这个很重要，也就是说CSS代码不能指定像素宽度：width:xxx px; 只能设定百分比宽度：　width: xx%; 或者　　width:auto; 相对大小的字体 字体也不能使用绝对大小（px），而只能使用相对大小（em）,这里说一下，1em=16px,可根据实际需要来换算 body {font: [...]

这是个主要经营箱包皮具类的单语企业网站网站，由于主要经营皮具类产品，客户要求网站整体以黑色和棕色（下图会展示）为主，以及要求网站有个VIP产品栏目，主要用于放置一些新款产品，会由客户发用户名和密码给那些特殊客户，然后客户登陆进来，便可以看到VIP Products里面的产品，所以我在网站头部做了用户登陆通道。客户的产品图片大多是白色背景，为了比较有层次感，整站我采用了浅灰色背景，结构与普通的企业网站结构大体相同，头部，banner，最新产品，关于我们和新闻中心，最后是尾部，头尾主要以黑色为主，中间部分以棕色为主。内页主要分为左右两侧，左侧是产品类别和联系方式，右侧是该栏目的内容展示。 整个网站都比较干净简洁，没有太多的色彩，大部分都是用色块和细线条区分，客户对整体风格也比较满意。设计如下图： 如果您有类似网站方面的需求，请与我们联系！

石材类的网站，也是在和客户沟通过之后才去 google 了解了一下这个行业，由于以前没接触过个行业，所以在设计过程中也走了一些弯路，按照以前的思路做过两个版面，最过经过修改和客户沟通过过后，最终定下的版面属于简洁型！ 最终的效果图： 由于是石材行业，所以最终采用了深灰色为主，有了少许的绿色做点缀，象征着这种材料的绿色、健康！企业网站主要还是以宣传为主，所以首页大部分分以文字为主，只在下面部分放了重点推荐的产品，考虑到后期的优化，所以首页设计有一个新闻版块，来经常更新信息。上面部分采用了左中右三部分的结构，左侧放了部分推荐的产品分类，中间主要是关于公司的一些信息，让客户访问这个网站能快速了解到这个公司信息，给客户形成初步印象！ 整个网站比较简洁，与很多其他的企业网站的不同在于，首页展示了大量的文字信息，没有复杂的结构，所有内容一目了然，还是很好的！ 中文版部分版面： 由于中、西文化的差异，所以中文版的网站采用了与英文完全不同的风格，比较符合中国浏览者的浏览习惯，中文版的相对来说比较大众化！

说起加入收藏，对于建站的人来说并不陌生，尤其是中文网站这个功能可以说是必备的功能，而这些功能都是通过JS实现的，但由于现阶段浏览器众多，而且每一家厂商对不同的JS的兼容性不统一，所以很容易造成有些js效果在有些浏览器上浏览时效果出来不了，这时我们就必须针对不同的浏览器有不同的写法。虽说英语网站客户对这个功能要求的比较少，但是还是有一些客户需要有这个功能！ JS代码： <script type=”text/javascript”> function addBookmark(title,url) { if (window.sidebar) { [...]

这个客户主要是做雕塑，壁饰，不锈钢摆件，木雕等等艺术品的。客户要求网站背景使用纯黑色，由于整个页面近乎于黑色，所以我在logo部分使用了亮色系绿色，来做点缀，避免整个页面过于单一。这个企业站从布局上来讲中规中矩，变化不多，色彩使用也比较单一。栏目部分都采用了不同层次的黑色背景来区分，内容部分采用灰白的细线条分隔，色彩跳跃比较小，信息也比较集中，这大致就是该雕塑艺术双语企业网站的首页设计。内页和普通的企业网站一样，分左右两侧展示，左侧是产品分类和联系方式，右侧是该栏目的内容展示。由于这个客户是以英文网站为主，所以设计的英文效果图。 下面是该雕塑艺术双语企业网站设计图 如有相关建站要求，请与我们联系。