第一步：弄清商城网站的位置。

我们需要明确商城网站的定位，公司的产品优势以及我们访问的目标群体。这是我们需要分析的第一件事。只有根据我公司的实际情况，才能进行网站的样式定位。众所周知，网站样式分为营销类型网站，品牌类型网站，商城网站，平台网站等。这里，奥环科技以商城网站建设为例。弄清商城网站的位置后，请开始收集相关的网站案例作为下一步参考。

第2步：制作网页原型。

这是一项艰巨的工作。目前，大多数人使用Axure软件进行制作。图纸原型需要引用很多网站样式。只有通过不断的引用，他们才能总结他们的网站风格。目前，流行的设计元素是带有文本，平面界面和宽屏尺寸的图标的使用。在制作原型图纸的过程中，我们需要研究很多网站样式。如果您要进行外贸网站，那么您需要寻找很多大型国外品牌网站并查看其网站样式。很好地找到这种想法和感觉。国内网站相对保守。尽管它也是平面设计，但大多数网站的布局都相似。

第3步：着色/ UI界面设计。

完成原型图纸后，您可以开始将其移交给设计人员进行UI设计。设计人员将根据原型图纸的布局进行颜色和设计，但不仅限于原型图纸。优秀的设计师不会一步一步实现。根据您的经验适当地进行一些详细的布局更改。此举的目的是改善界面的美观性和用户体验。

第四步：DIV + CSS剪切/排版。

设计工作完成后，开始裁剪图片。如果商城网站仅是PC站，则只需为图片设置一组样式。如果是响应式网站开发，则需要制作三组照片。样式为PC，平板电脑和移动设备。响应式网站会根据不同的分辨率和屏幕尺寸自动调整以实现最佳体验，但是在此我需要补充一点，由于网站的原因，并非所有商城网站都适合响应式，但是，具体原因在下一篇文章中分享。

第5步：程序开发。

图片剪切完成后，进入程序开发阶段。程序开发是进行后台管理的，因此商城网站可以具有管理后台来更新前端数据内容。当前，有两种流行的开发语言。种类：一种是php语言，另一种是.net语言。

第6步：网站错误测试和数据填充。

程序开发完成后，在填充数据的同时将其交给测试人员进行测试，提交错误并测试页面效果。新开发的网站将存在漏洞，因为它是纯手工制作的项目，依赖于键盘。用字母键入的代码有错误是正常的，因此测试人员必须对其进行测试，然后将测试中出现的问题归类并提交给程序员进行维修。