外贸企业网站平时接触的比较多，各行各来的都有，这次客户的主要产品农产品大蒜，客户给的要求是设计要大气，突出主要产品，因为客户网站是改版，因些ＬＯＧＯ之类的都是用原来的，根据LOGO和农产品的特性，网站整体采用了绿色，象征健康。目前只有一个英文版本，应客户要求，预留了其他小语种的导航链接，显示了较多的客户主打的产品。 头部： 考虑到网站的整体风格，banner采用了全屏的模式，即在任何尺寸的显示器下，baner都是100%布满屏幕。 banner下方是客户主打的产品版块，应客户要求，一共展示了四行，因此仅这一块就占据了不少的内容。主打产品版块部分内容： 产品版块下方是常见的公司介绍的版块，最下方是版权及其他内容，客户可自由编辑： 如果你也有外贸企业网站的建站需求，欢迎和我们联系！

机械密封类产品外贸网站并不是第一次接触，此次这个外贸站客户是昆山的，由于客户的LOGO已经确定，所以网站最终的主色调只能根据LOGO的颜色来进行搭配！LOGO是以蓝绿为主，所以网站的主色调也是这两个颜色为主，头部内容比较简单，LOGO、社交网站链接、导航三块内容。 中间除了有轮换Banner外，还有hot products、新闻、公司简介和下载版块简介信息，而且网站的搜索版块没有像通常的网站一样放在头部，而是放在了热销产品的下方。 自动滚动的热销产品版块： 产品搜索版块： 新闻、公司简介和下载简介版块 底部采用了蓝色的底色和主色蓝色呼应，除了很多网站通常的版权信息之外还增加产品分类信息的展示版和联系我们版块，方便浏览者快速浏览各个不同分类的产品。 网站整体风格比较简洁！

“Find us on Facebook”按钮可以促进一个Facebook页面可能保持与朋友和客户的关系更密切。 通过添加“Find us on Facebook”按钮，你会吸引更多的粉丝，让公司产品和服务等得到更好的推广，或者至少得到关注。 如何添加Facebook的按钮呢？三步教您如何在网站中加入Find us [...]

字体是我们在做外贸网站建设过程中经常会用到的，而且字体种类繁多，有成千上万种，因此我们不可能记得每一种字体的名称，特别是有时候在设计LOGO的时候，客户直接发一张图片过来，要把LOGO做成那种类似的，这时候如果能快速识别出这种字体的话，就会节省不少的时间，那如何通过图片快速识别字体呢？下面我们来看看方法 首先我们需要进入这个网站：www.myfonts.com/WhatTheFont/ 按要求上传需要识别字体的图片 选择好图片以后，点击Continue按钮进入下一步，按要求填写图片上对应的字母，再点击Continue按钮进入下一步就会看到很多与图片上比较接近的字体。整个过程只需要几分种就完成了。 我们以下面这个图片为例 最后识别的结果： 效果还是很不错的！如果你把包含英文文字的图像上传，此站就能识别图片上的文字所用的字体，或者找出与之相近的字体，当然识别的成功率取决于你上传图片文字的清晰度，图像越大越清晰，越容易被成功识别。但是这个网站只提供识别出的字体相关的资料，并不提供识别后的字体下载服务。当然知道了字体名称，下载起来也不会费太多时间！

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

网站中字体和字体的大小会直接影响整个网站的美观程度以及用户体验，有时候对网站优化都会起到一定的影响，所以做设计时会极为重视。 我们知道，现在字体种类繁多，英文的，简体的，繁体的等等，但是我们在网站上用到的其实还是普遍的那几种。 第一，在中文站中 在中文站中，我们一般正文部分都使用的是宋体，12号字体，而需醒目的标题等部分使用的是微软雅黑。这是为什么呢？ 在WindowsXP中文版操作系统中，系统的默认字体一般为宋体或是新宋体，每个用户的电脑上面所装的字体不同，如果选用比较特殊的字体，而那些没有装这些特殊字体的用户电脑上，仍然会以宋体的形式显示，所以为了广大的用户，我们一般都会选用宋体或是微软雅黑。字体如下图 大标题选用的是微软雅黑字体，下面的是宋体 第二，英文站中 英文字体可选的范围比较广，一般的用户都装了这些字体，英文站中最常见字体是Arial，其次是ComicSans，这种字体类似人的笔记，是有曲线勾画出来的 网站中可能也需要比较美观，特殊的字体，我们一般都会做在图片上面，例如banner图，但是如果网站中图片太多，一个是影响网站打开速度，同时图片也不如文字易优化，所以不建议多使用。 那么在网站中我们一般使用多大的字体呢？ [...]

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

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

橱柜、板材行业的企业网站，做之前有与客户交流过，和我预想的其实还是有差别，因为客户本意上还是想以产品展示为主，这就决定了页面内容不能过于简单。 LOGO是客户本来就有的，所以整个网站的色调就结合原有的LOGO来定的，因为是企业站，而且本身栏目也不多，所以LOGO、导航、搜索就集中放在了一行，避免出现太空的情况。 因为考虑到客户产品本身就会有很多的大的效果图展示，所以banner采用了比较大的图片，通过banner能更多、更好的展示产品特点。 应客户要求，banner下面展示了多行产品，因为主要是想多展示产品民，所以是通栏显示，没有进行左右结构划分，产品分类等栏目放在了内页展示。 因为考虑到整个网站后期要做优化，所以在下面安排了about us版块和News版块，news版块可以用来经常更新网站信息。 Banner以下部分效果： 整个过程还是挺顺利的，希望通过网站能更好的展示企业形象，产品能得到更多人的了解！

多数的外贸购物网站一个产品都会有多个图片显示，通常我们会在产品详细页面才显示产品的不同颜色以及细节图片，而且一个页面只能有一个这种效果，也就是说如果要看同一产品的不同颜色及细节图我们必须要进入到产品详细页才可以，这就多了一个步骤，如果能在产品列表页面就能显示出这些信息，那么浏览者就会更有针对性，只有自己喜欢的才进入详细页浏览，节省时间，这个效果如何实现呢？ 引入jquery这个不必多说，这个Jquery的版本最好不要太低， 最关键的是我们还需要引入多个JS， <script type=”text/javascript”> “ZAL” in window || (window.ZAL [...]

第一次做日语的网站，以前对日语的网站也接触的比较少，和客户交流过后自己又看了不少的日语网站才着手开始做，这个客户的主要产品是手机保护壳 附件等周边产品。这个客户比较细心，虽说前前后后改了很多次，但总体来说还是挺顺利的。从对日语网站的一无所知到这个购物商城做下来，我也算对日语网站有了一点儿小小的了解。日语网站和英文网站的差别还是特别大的，大多数的日语网站首页出现轮换图片的比较少，但他们首页右上方会有很多的广告图片，各种尺寸的都有，有的甚至会超过一屏的位置，而且首页大多会有一个位置放日历，其他如功能方面和英文的差不多！ 效果图如下： 虽然后来也修改了不少，但自己也成长了不少！