我自己也做过很多网站，说实话，从0搭建一个网站，前前后后要做的工作真的不少。先看一下我做的一些案例吧。

0、2016.07 平面设计相信日记网（1.0版本，相当简陋，文章是纯代码写的，发文章效率太低。）

1、2016.12 平面设计学习日记网（2.0版本，网站封装了CMS系统，发文效率大大提高。）

2、2018.01 平面设计学习日记网-手机端（全局采用rem做单位，确保手机端排版完美。）

3、2018.12 微专业栏目（第一次尝试媒询做响应式，兼顾了pc、pad、手机多个多设备终端。）

4、2019.09 张力涛Ai教程官网（加入了视频模组，采用响应式布局，拥有更加完整的体验。）

5、2020.01 XXXXX网（目前还正在建设中，第一次尝试将关键组件模块化处理）

我每一次做网页，都会尝试一些不一样的实现、或者新功能，这是让我保持不断开发新网页的动力，如果做一个完全一模一样的网页，我估计是要疯掉的吧。

由于篇幅原因，下面我只简单说一下个站建设流程，帮助大家建立起完整的认知，对于具体技术细节，大家可以结合搜索引擎，以及本回答提供的技术教程，查阅服务商提供的技术文档，逐一攻破。

一、建站流程

通常情况下，任何一网站的建立，都会经过“分析策划—交互设计—视觉设计—前端制作—后端制作—测试上线”6个环节。

下面标题中，写了（省）字的步骤，你可以利用成熟的CMS建站程序模版（比如wordpress）快速搞定。当你需要个性化定制时，就需要去去详细研究了。

1、分析策划

你的网站要放什么内容，网站的页面路径、网站栏目怎么安排，在这个阶段你需要想好。如果是做信息类网站，其SEO关键词布局要做好。

2、交互设计（省）

具体落实每个网页的展示内容、功能入口、以及各个页面之间如何相互跳转。你可以在A4纸上画一下，构思出你的网站线框图。（当然也可以借助XD、sketch这类交互设计软件来完成）

3、视觉设计（省）

借助专业的设计软件PS，完成网页的视觉设计。你要落实每个网页中的按钮、图片、文字、表单的色彩样式，尺寸大小等。最大程度上，接近用户最终看到的网页样子。然后输出图片资源，以备下一环节使用。

4、前端重构（省）

将上一步输出的图片资源，借助前端代码HTML、CSS、JS、JQuery重构【视觉设计】，让视觉设计稿变成真正可以在浏览器中访问的文档。

5、后端制作（省）

后端制作是用来处理网站数据的，增、删、查、改数据，都需要后端处理，通常需要专业的后端语言编程才能完成，比如Php、Java等语言，都可以用来写后台。

6、上传服务器

将你网站的代码程序、图片资源，上传到云端，让所有人都可以访问。在将你的网站资源上传到服务器资源前，你还需要做两个工作。

（1）购买服务器空间，并完成配置。

（2）购买域名。

（3）将购买域名解析到你购买的服务器空间IP。

此时用户就可以通过域名访问到你的网站了。

以上便是搭建个人网站的大概流程，借助开源的网站CMS程序，比如DedeCMS、wordPress，我们不需要懂代码，也同样可以做出网站来的。但是你需要学会安装模板，挑选一款适合自己的网站模板，然后专注网站内容策划，业务流程即可。

不过话又说回来，倘若你能懂些网页视觉设计、懂点Web前端代码、精通一款网站CMS系统的搭建使用，你也就具备了做出个性化网站的核心能力，这才建站的真正硬功夫！

接下来，我就在分享一些网页视觉设计、WEB前端代码、CMS系统使用的技术教程。相信对热爱新事物的你，一定会非常有帮助！

二、Web视觉设计-技术教程支持

用什么样的排版，或者富有创意的表现形式，才能如何更加高效的传达版面信息？如何规划页面路径？用什么样的颜色，以及多大的字号？这是新手学习网页设计应该画下的重点。

一个网页被设计出来，是给人用，给人看的。 要好看（简洁）、要好用（高效）这才是一个设计师需要反复考虑的。视觉+交互，是网页设计的核心竞争力。

其中“视觉设计”的依据，源于前面的策划和交互设计。最后出具的“视觉设计稿”得符合品牌定位，满足生产运营、以及用户需求，这是网页设计师必修的基本功！学习网页视觉设计，可以参考的教程有：

1、《PS零基础入门教程》，掌握设计软件的使用。

2、《网页美工入门教程》，了解网页布局、切图基本知识。

3、《网页设计高级教程》，提升网页视觉表现能力。

4、《互动网页设计教程》，学习合成类网页设计的视觉表达。

三、Web前端制作-技术教程支持

前端制作在协作流程上，紧跟设计之后。这部分工作通常是由WEB前端工程师来完成的，工程师通常会运用到HTML、CSS、以及JavaScript、jQuery等网页前端代码，来还原网页设计师的“视觉设计稿”，以及交互动画等。

“前端工程师”除了要配合网页设计师外，还要配合做后端工程师，做好网页端的数据收集处理等工作。学习网页前端制作，可以参考的教程有：

1、代码编辑软件Dreamweaver入门，精通掌握一款编程软件，事半功倍。

2、HTML+CSS网页前端课程，重构网页界面需要掌握的核心知识。

3、JavaScript+JQuery交互动效，Web前端编程核心知识，实现交互动效，优化体验。

4、Boostrap响应式网站开发+上线调试，从代码到域名空间、解析、上传源码及调试。

以上四个板块掌握精通了，基本上就能胜任80~90%的网站前端开发工作了，还有20%则需要自己去探索专研。

四、建站程序CMS-技术教程

CMS=content manage system，也就是内容管理系统的简称。市面上常见的CMS程序也有很多，其中wordpress、DedeCMS得比较广泛，相关教程资源也比较多，大家也可以尝试使用。

除了上述视频教程外，你也可以参考查阅官方技术文档，解决实际开发过程中遇到的问题。基本上99%的问题，都能考搜索引擎解决。你并不需要畏惧什么，只需记住一个字：干。

五、欢迎阅读，我撰写的相关经验文章。

我相信，你要你肯专研，哪怕是从0开始，从设计到代码，再到上线，这都不是什么难事。毕竟，我也尝试过，这真的不难，你需要的只是一些耐心和时间而已。

望以上内容，对大家有所帮助！

这是2020年前的最后一回答了，大家做好防护，过个健康年，提前预祝大家新年快乐。