网站设计有哪些流程？这篇文章给你讲明白！

最近心血来潮，想搞个自己的网站，从头到尾折腾一遍，感觉还挺有意思，今天就来跟大家分享一下我的网站设计全过程。

第一步：先想明白要干啥

这网站是用来干嘛的？展示作品？写博客？还是卖东西？我得先想清楚。我，主要是想分享一些平时捣鼓的小玩意儿，顺便记录一下自己的学习过程，所以就定个偏向个人博客的方向。

第二步：画个草图，心里有数

我拿张纸，开始瞎涂。大概就是，上面放个大标题，也就是我的名字或者Logo，下面分几个板块，比如“项目展示”、“技术文章”、“关于我”之类的。左边或者右边再搞个导航栏，方便大家点来点去。不用画得多好看，主要是把结构弄清楚。

第三步：选个顺手的工具

我这人不太会写代码，所以直接找个在线的网站设计工具。这种工具用起来很方便，拖拖拽拽就能把页面搭起来，不用自己去敲那些头疼的代码。

第四步：开始搭架子

打开工具，选个看着顺眼的模板。然后，按照之前画的草图，开始往里面加东西。先把导航栏弄然后把各个板块拖进去，调整一下位置和大小。就像搭积木一样，一点点把网站的骨架搭起来。

第五步：填内容，让网站“活”起来

骨架搭好，接下来就是往里面填内容。我把自己之前做的一些小项目整理一下，写点介绍，配上图片，放到“项目展示”板块。然后又挑几篇自己觉得还不错的技术文章，稍微修改一下，放到“技术文章”板块。在“关于我”板块里，简单介绍下自己，写点兴趣爱好啥的。

第六步：美化一下，看着更舒服

内容填的差不多，就开始琢磨着怎么让网站更好看。我换个自己喜欢的颜色，调整一下字体大小和行间距，又给每个板块加些背景图。就是怎么看着舒服怎么来。

第七步：手机上也能看

现在大家都喜欢用手机上网，所以还得看看网站在手机上显示的效果怎么样。我用工具自带的预览功能看看，发现有些地方在手机上显示的不太就又调整一下。确保在手机上也能看得清清楚楚，用起来也方便。

第八步：搞个域名，发布！

全部搞定之后，一步就是发布。我选个好记的域名，然后在工具里点几下，网站就正式上线！

整个过程还挺简单的，主要就是多尝试，多调整。大家如果也想做个自己的网站，不妨也动手试试，挺好玩的！