QQ 1640076782

2014年06月30日

外贸陶瓷企业网站设计制作

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 4:19 上午

陶瓷类的外贸网站，第一次接触到这到行业，如果是购物网站兴许还好下手一些，但是企业站就需要点儿时间了，好在客户自己的要求比较清晰，刚开始沟通就发过来一网站要求参考，别的也没多说，然后就根据参考站然后再结合自己的思路出了首页效果图，客户看过之后觉得还是参考站的结构比较好，所以结构上就以她发来的网站做参考了，但是版块在实际操作时还是有区别，因为所属行来和产品不同，所以也做了部分调整，这样反复修改了几次，首页总算是确定下来了，接下来就是内页了，原本首页确定以后内页相对来说是十分简单的，但是应客户要求，很多内页的版面都需要重新设计，而且页面比较我，所以在设计的过程中花了不少的时间。最后经过与客户的多次沟通，内页也都确定下来了。总体来说整个制作过程还是相对愉快的，客户是一个比较细心的人，所有的要求都讲得很清楚，所以也让我少走了很多弯路，非常感谢！ 第一次的效果图： 最终效果图: 更多网站案例可到onepound官网浏览！

2014年06月28日

Jquery jcarousellite.js 图片自动滚动效果

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 4:40 上午

对于常做外贸购物网站的人来说，jcarousellite.js对我们来说并不陌生，因为在产品详细页我们会经常用到这个js来展示产品的细节图。通常情况下，如果产品的细节图过多，我们会通过鼠标左右点击来展示更多的图片，那如果要想所有的细节图都自动滚动该如何来实现呢？其实只要我们理解了jcarousellite.js的各项参数的实际含义，实现起来就相对容易了！首先我们来看看它的各项参数的作用。 参数说明： btnPrev string 上一个按钮的class名, 比如 btnPrev: “.prev” btnNext string [...]

2014年05月30日

纯CSS实现立体文字效果

Filed under: 英语网站设计 — 标签：, — lifengwu @ 10:49 上午

通常情况下，要想实现立体字效果，我们最先想到的肯定是通过PS做成图片，现在我们来看看直接通过CSS实现立体文字的效果。主要是利用text-shadow特性实现效果。 html的全局设置： body{ background-color: #111; } @import url(http://fonts.googleapis.com/css?family=Dosis:500,800); .text { [...]

外贸包包企业网站设计

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 10:38 上午

第一次做包包类的外贸企业网站，刚拿到需求的时候以为是按照企业网站的风格来做，后来和客户沟通之后才清楚客户想要的效果。网站整体上是购物站的风格，但是不能下单购买，不用显示产品的价格，和多数的企业站还是有很大的区别的。这个客户的要求很明确，每个页面都有自己的要求，不过做之前都说得很清楚，所以做起来还是很顺利的！ 效果图： 网站有购物网站有的产品筛选功能，首页还是以产品展示为主，通过选项卡把客户不同分类下的展品都在首页展现出来了！

2014年05月27日

CSS实现阿拉伯语网站内容从右向左排版

Filed under: 英语网站设计 — 标签：, — lifengwu @ 10:12 上午

不同的语言书写习惯和排版习惯都不一样，通常情况下，我们阅读文章都是从左往右看，但是阿拉伯语，波斯语，希伯来文等，书写和阅读习惯都是从右向左，因此文字排版也要求是从右向左。解决方法： 在CSS中添加 html{direction:rtl;unicode-bidi:bidi-override;} 这个样式即可。 关于此样式的详细解释： 1. direction： 语法： direction : [...]

日语外贸电子产品购物商城设计

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 10:01 上午

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

2014年04月30日

外贸成人用品购物网站设计

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 4:05 上午

第一次接触这种类型的外贸购物站，客户的要求也很明确，网站要以黑色为主，同时也发来了参考网站，和客户沟通过后自己也看了很多同类型的购物商城，最近着手开始做，当时想着客户已经有了参考站，所以就做了两个版本的，一个跟参考站类似，另外一个按照自己的思路进行设计，但最终客户看过之后，客户还是选择了类似参考站的网站，而且又做了一些修改和参考站更像，有点儿…… 效果： 最终的定稿图： 因为和客户沟通得比较多，而且客户把自己的要求也讲得很明确，所以网站得以较快的完成上线！ 如果你有外贸购物网站建站需求，欢迎随时联系我们 QQ客服：415682727 电话：020-39907297

2014年04月29日

最近上线的多语种企业网站设计小结

Filed under: 英语网站设计 — 标签：, — lifengwu @ 10:15 上午

前几天刚上线了一个多语种的企业网站，整个网站做起来还是挺身而出顺利的，客户给出的要求就是简单大气，看过了客户以前的几个网站之后才开如着手做。应客户的要求，网站还是用了企业网站设计过程中运用较多的蓝色做为主色调，网站的banner给了比较大的位置，而且是用了宽屏的。 Banner下面开始是显示了一行产品，后来客户要求放两排，就又做出调整了，因为网站后期要做优化，所以首页添加了一个新闻版块，用于后期网站的更新，然后就是企业站通常都要求有的公司介绍版块和联系方式版块！ 效果： 因为是多语种，所以后期每种语言都需要做一些小调整，不过这些改动都不算太大，改动稍大一点的就是阿拉伯语了，我们通常的排版习惯都是从左到右，但是阿拉伯语需要从右一左，所以这个在样式和细节方面做了较大的改动，其他总体来说还好！ 如果你有外贸企业网站建站需求，欢迎随时联系我们 QQ客服：415682727 电话：020-39907297

2014年04月28日

jQuery 实现文字弧形/扇形/圆形排列

Filed under: 英语网站设计 — 标签：, — lifengwu @ 10:12 上午

在网站设计过程中，有时会将文字呈弧形/扇形/圆形排列，这个时候我们用的最多的就是PS里面文字变形工具，一串文字可能变成弧形/扇形/圆形排列等形状，也可以变成波浪形等，现在我们来看看直接通过jQuery将网页里面的文字变成不同的形状： 实现这样的效果，jQuery当然是必不可少的， <script src=”bjs/jquery.min.js”></script> <script src=”bjs/plugins.js”></script> <script src=”bjs/circletype.js”></script> <script> $(‘#demo1′).circleType({radius: [...]

2014年04月24日

自适应高度的li浮动并排错位的解决方法

Filed under: 英语网站设计 — 标签：, — lifengwu @ 10:18 上午

几个并排的li高度不固定，如果其中一个li高度与其他不一致，会出现错位现象，如下图： 这个时候该如何解决呢，是一个头疼的问题，通常可以在要换行时候加一个清除浮动可以解决，但是这样培加了太多代码，其实通过CSS也可以解决这个问题的，下面来看看方法。 通常元素并排，我们会用到浮动float,这里我们不再使用浮动，我们用display:inline-block;这个css属性也可以达到同样的效果，不过仅仅是这个也是不可以的，我们还必须给外层元素固定宽度，来看一下具体代码： <div id=”btinfo”> <ul> <li><span id=”btit”>ご注文について</span> <span id=”btnr”>ご注文はヤマダモールOSHAREYAより365日24時間受け付けております。 [...]

2014年03月31日

纯CSS 实现元素底部有阴影效果

Filed under: 英语网站设计 — 标签：, — lifengwu @ 1:01 上午

图片底部有阴影效果，直接通过CSS实现，不用再借助背景图片 效果： 源码： <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” [...]

如何将ttc格式字体转换成ttf格式

Filed under: 英语网站设计 — 标签： — lifengwu @ 12:44 上午

最近在做一网站的时候客户要求用一种并不常用用的字体，但在网上下载的时候只找到了ttc格式的，我们知道ttc格式的字体是不能在PC上使用的，因此必须把ttc格式的字体转换成ttf格式的才可以。 那究竟该如何转换呢，此时我们需要借助一附件，下载该附件 附件使用方法： a 将附件下载至电脑上，并解压，例如解压至e:\ttcbttf； b 将想要的TTC文件（例如是mingliu.ttc）从\Windows\fonts下拷贝到D:\ttcbttf； c 按“Win键+R键”，弹出DOS窗口，在内部输入“e:\ ttcbttf [...]

2014年03月28日

外贸电子烟企业站设计

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 10:53 上午

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

2014年03月27日

jQuery 鼠标经过显示隐藏菜单

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 10:49 上午

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

2014年02月28日

繁体台湾购物网站设计小结

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 4:21 上午

前段时间做了一个繁体的购物网站，事前跟客户交流了一下，客户自己就发了两个参考站，然后颜色是客户自己定的深红色，其他也没说什么，我就按照自己经验结全客户的一些要求做了一版权： 头部类似于大部分的中文购物商城,然后下面又设计了了一个今日特价的版块,接着下面就展示了一些大类的产品展示,最下面放置的是一些帮助信息和版权之类的。 效果： 给客户看过之后，客户又发过来一个参考网站，要我按照这个来做，然后又提出了一些其他要求。在重新调整过后最终的定稿方案： 总体来说繁体网站的设计和中文网站的设计没什么大的区别，但是还是要考虑不同文化之间的区别。 如果你有外贸企业网站建站需求，欢迎随时联系我们 QQ客服：415682727 电话：020-39907297

2014年02月27日

.dwt模板文件修改以后，引用了模板的文件如何更新

Filed under: 英语网站设计 — 标签：, — lifengwu @ 4:07 上午

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

通过CSS 实现特殊效果的精美边框(二)

Filed under: 英语网站设计 — 标签：, — lifengwu @ 4:03 上午

四角有阴影效果的CSS演示代码： html源码： <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> [...]

Jquery中 mouseout 和 mouseleave 的区别

Filed under: 英语网站设计 — 标签： — lifengwu @ 12:51 上午

通过jQuery实现鼠标悬停效果时通常会用到mouseover和mouseout这对事件,那么当鼠标离开元素时所触发的mouseout与mouseleave的区别,表面上看这两者的意思是差不多，但实际上是有很大区别的。 mouseout() 方法 当鼠标指针从元素上移开时，发生 mouseout 事件。该事件大多数时候会与 mouseover 事件一起使用。 mouseleave() 方法 [...]

2014年01月26日

外贸球衣购物站设计

Filed under: 英语网站设计 — 标签：, , — lifengwu @ 9:54 上午

新上线的外贸足球球衣购物站，做这个站之前，客户已经明确告诉我了他的要求，所以做起来也相对简单一些。因为客户的要求有变，所以前后共做了黑色和蓝色两个版本。 黑色版本： 网站整体采用了黑色,因为主要产品是和足球相关的，所以两侧的空白处加上了背景图，当然也是和足球相关的。 产品分类的文字都采用了全大写的呈现方式 蓝色版本： 这也是网站最终采用的版本,这个版本以蓝色为主，结构方面没有什么变化,第一版颜色反差比较大，更有视觉冲击力，而第二版则相对柔和一些。两个版本都添加了背景颜色，使整站看起来不会显得很空。

通过CSS 实现特殊效果的精美边框(一)

Filed under: 英语网站设计 — 标签： — lifengwu @ 4:00 上午

说到CSS的边框效果，我们通常所用的无外乎实线(solid)、虚线(dashed)、点线(dotted)等，这几个算是用到比较多的，如果想要圆角的、阴影等特殊效果，我们首先想到的可能是通过PS做成背景图片来实现，不过现在阴影和圆角也都可以通过CSS来实现。其实不仅仅是圆角，还有很多其他不错的效果也都可以通过CSS来实现。下面我们就来看一个通过CSS实现的卷角阴影效果: html源码： <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> [...]

« Newer Posts — Older Posts »