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

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

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

前段时间碰到过一个数据转换的问题，就是将老程序中的产品数据转移到新的数据库表中，然后在配以新的程序，让它能够正常运行。 刚开始的时候，我认为很难，自己不敢下手去做。因为也没有接触过这一块。后来经过分析，终于将数据成功的转移到了新的数据库下面，下面详细的介绍一下自己的思路。 要想实现数据的转移，大体的思路是这样的。先读出就数据表中的相关信息。对于产品部分， 产品id是一个重要元素。根据这个实现后面的数据库添加。然后读出新数据库中的内容，最后将旧表里面的数据成功的插入到新表当中，整个过程就算是完成了。 1、读出旧表中的数据，然后对照新表中数据的格式，需要的部分做一个转换。 2、将数据插入到新表当中。 这是主要的思路，当然细节部分，我们也是不可以忽略的。比如，产品属性表部分相应的修改，以及栏目部分添加需要付栏目以及子栏目，必要的时候，可以采取简单的循环插入，可以节约时间。在读取栏目表时，需要注意栏目对应产品id的部分。所有的添加都是从第一步中读出的产品id为线索，实现添加，减少错误的发生。

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

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

客户需要内页做成同一个产品不同的颜色可以批量加入购物车的，其他方面都做好了。但是有一个产品尺寸有无库存的问题和自动计算产品总价格 和总数量的功能 下面看演示： 点击后会弹出选择颜色的尺寸。选择颜色的尺寸 JS会自动判断 每个颜色的尺寸是存在库存 选择数据 可以手动输入 也可以点击按钮添加 下面是区间价格 […]

前段时间碰到这么一个问题，要实现输入密码正确，才实现下载的一个功能。 之前的思路是，在页面判断是否有输入密码，密码是否正确，如果没有输入过的话，点击下载，就弹出一个div层，提示输入密码，如果输入过，下载链接就是正确的，可以直接下载。 一直都是想通过的判断的方法来显示下载链接，做的时候碰到了一些问题，我刚开始给了一个变量，然后给变量赋了一个值，然后跟表单提交获取的pwd做对比。很显然这种办法是行不通的。这样的话，这个密码不仅不能保存，而且还会发生用户刚刚输入密码，准备要下载时，又跳出输入密码的提示。而且判断的时候，也是有问题的，要解决的问题就是如何存这个固定的密码，如何在页面做判断。 要想使这个固定的密码，在一段时间内是有效的，我们就想到用session来存值，并且设定生命周期。 首先在页面开始并使用session。 session_start(); $lifeTime = 2 * […]