什么是响应式设计呢？ 响应式设计就是指网站能自动适应多种设备以及各种分辨率，客户能从移动设备上直接访问网站。 响应式设计的优点 网站能根据不同的分辨率自动适应，更加方便了用户体验。 能自动适应不同的设备，如平板，手机，不同的设备上面看到的内容都是一致的，只是排版结构有了变化，不用再根据不同的设备制作不同的网站。 响应式的缺点 响应式的网站代码比一般的网站多的多，文件也会比较大，这样对网站的打开速度会有一定的影响。其次，设计师的工作量也会大了很多。响应式设计不适合用于那种结构比较复杂的网站，因为你需要考虑的因素比较多，要结合网站在电脑，平板和手机上的展示形式。 如何简单实现响应式设计 第一步，在头部加上<meta name=”viewport” […]

这是个金属元素类外贸企业网站设计，客户主要经营沉积材料，稀有金属，高纯材料等，客户为了显得与众不同，在颜色方面要求选用极深的蓝色，网站需着重突出产品这一块。 首页上面我还是采用的一般的外贸企业站的结构，左右结构，分别是产品分类，新闻和联系我们，右侧则是banner图，公司简介，和产品四大分类图片，描述等。网站部分内容采用了灰色的背景，加深了整个页面的层次感，使其不过于单调。产品页面也是左右结构，但是右侧在点击product前，先进入产品四大分类的页面，最上面是描述，然后是子目录，每个分类页面也是，上面首页是描述，下面才是产品列表，这样也是方便了用户的体验，对网站结构也是一目了然。其他内页跟一般的企业站结构差不多，就不一一说明了。 效果如下图 如果您也有类似的建站需求，欢迎与我们联系！

这个电子仪器类企业网站的客户主营产品为电子精密仪器，如气体检测仪，以后有电子医疗产品等，要求网站简洁，时尚，有科技感。客户的产品颜色大多以橘色，枚红色为主，所以我在导航部分使用了浅黑色，大方，简洁。网站主体体现的都是产品，客户的产品类别和每个分类的产品也不是很多，所以导航部分就是产品分类，内页的导航下面就是该分类的产品，一目了然。首页采用的是全屏图片轮播，让网站更加大气，时尚。首页下面接着展示的是每个分类的其中一个产品，下面是公司简介，公司简介以蓝色和橘色为主，以及特殊的排版，使得网站首页更加丰富，生动。内页基本都是以介绍产品为主，点击进入内页，入目的就是一张大的产品大图，更加能吸引客户注意，下面就是该产品的详细介绍。 详情请看下图

随着越来越多的人使用手机上网，已经有很多的外贸网站在制作过程中采用了自适应的设计，以增加网站的用户体验，而好的网站内容也是必须要有的，虽说现在的网站都基本采用div+css来布局，但是像产品的描述部分有时候不可避免的会使用到table来编辑以达到更好的效果，这时候就会出现一个问题，就是当在手机上浏览时，使用了table的内容会有一部分被隐藏了，看不见，这当然不是我们想要的效果，下面我们来看看通过css来实现table也自适应！ CSS代码： .table-container { width: 100%; overflow-y: auto; _overflow: auto; […]

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