成都网站制作是如何制作一个网站的？

做一个网站，完整流程分哪七步？

第一步 策划：先想清楚为谁解决什么问题

①策划阶段

我在准备制作这个网站时，其核心就是以“平面设计自学者的福音”为宗旨，希望解决初学者自学平面设计时需要的资源难题。所以就策划了职业路径、设计教程、设计书籍几个主要栏目，这是学习平面设计补给知识最为迫切的三个需求。以及学习日记栏目，可以用来写写自己的学习心得，满足自己的同时，帮助他人。

用A4纸记下网站的大体框架。

第二步 交互设计：层级最多三级，hover 要有反馈

第三步 视觉设计：色彩、字体、标注与动效

③视觉设计阶段——这是由网页设计师为主导的环节。

色彩：先定主题色，再派生标准色

我在设计这个网站时，主题色选用了纯度和亮度都比较高的蓝色（#0f88eb），希望用蓝色寓意设计知识的理性，同时蓝色也是我个人比较喜欢的色彩，所以选用了它作为主色调。

另外，平面设计学习日记网的其他标准色，是在主题色的基础上，通过降低明度、饱和度得到的，分别运用在hover色块、阴影、线框色等场景。

字体：用系统常见字体，预设好字号与字重

全局字体选用的是最常见的微软雅黑（备选：宋体），因为大家电脑都有，选用这两款字体不会出太大差错。

完善设计稿：标注越细，还原度越高

在确定了色彩、字体的规范后，接下来最重要的就是，沿用这样的规范重复执行下去。并逐步细化到字体的行间距（line-height）、字间距（letter-spacing）的调整上。期间有不妥的预设可以适当修改，但是类似的页面之间一定要有相同的规范，确保视觉的统一。

完善后的设计标注稿。

将所有页面设计完毕过后，按照类似上面的方式标注好，交给工程师用以前端重构制作。如果你想要工程师99.9%的还原你的设计稿，那么你标注得越细致越好。

动效：适可而止，越简单越好

动效这玩意，主要是用作优化页面阅读体验的，适可而止、越简单越好。一些个性化的页面可以适当炫酷一点，但主要的内容呈现页面还是越朴素越好。

前端制作。

第五步 后端制作：内容型站点其实可以很轻

⑤后端制作

我这个网站几乎没有后端制作部分，一是我对后端语言这块完全懵逼，二是这个网站主要是用来发布内容，不会涉及到浏览者自定义的数据与服务器交换。

第六步 测试上线：把静态页面封装进 CMS

目前开源的CMS系统有很多，主流的有WordPress、PHPCMS、以及Dede CMS等，由于我早前自学习过Dede CMS对这个系统比较熟悉，所以就选用了它。

DEDE CMS后台登录界面

第七步 维护运营：更新内容、做 SEO、持续推广

延伸阅读：成都软件开发外包、行业新闻、不要把所有成都营销型网站建设当作你的…