现在很多网站都有列表页弹出层、使用它可以不用在一个一个点击到内页查看他的详细信息 在返回列表页、十分方便客户的选择产品。那他们是怎么实现的呢，每个产品的信息都一不一样、如果每个产品都把相信的信息写出来、那这个工作就很大了。就算写出来了。里面的ID很多都会是相同的 那样对层里面的JS操作影响很大。也更难控制。关键是 每个产品这么大的信息量对于网站打开的速度是很有影响的、想象一下、一个产品多出一个信息 几百个 几千个 会是怎么样的。 这个就需要用到Ajax了。 点击每个产品的时候 获取到产品的ID [...]

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

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

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