你是如何设计一个网站的？

构建网站的一般步骤，大约是那样的。

①方案策划环节（明确要求）

②人机交互（健全作用点）

③视觉传达设计（石锤网页页面最后实际效果）

④前端开发制作（编号重新构建）

⑤后端开发制作（提升数据信息）

⑥检测发布（封裝到CMS中）

⑦维护保养经营（加上內容或营销推广）

详细我的本文：《自学网页设计，需要了解的网站开发流程》

以「广告设计学习培训日记网」为例子①方案策划环节

我还在提前准备制作这一网站时，其关键便是以“广告设计自学者的福利”为服务宗旨，期待处理新手自学平面设计时必须的資源难点。因此 就方案策划了岗位途径、设计教程、设计书籍好多个关键频道，它是学习培训广告设计补充专业知识更为急切的三个要求。及其学习日记频道，能够用于写一篇自身的学习体会，考虑自身的另外，帮助别人。

用A4纸记录下来网站的大致架构。②人机交互

网站的人机交互，总体构造相对性简单明了，等级构造数最多三级。没什么绮丽的动画特效，可是唯一定要保证：鼠标滑过时一定要有确立的意见反馈，以告知阅读者你已经历经哪些。

设计书籍频道③视觉传达设计环节——它是由网站设计师为核心的阶段。

【A色彩】

我还在设计方案这一网站时，主题风格色采用了纯净度和色度都较为高的深蓝色（#0f88eb），期待用蓝色寓意设计方案专业知识的客观，另外深蓝色也就是我本人较为喜爱的色彩，因此 采用了它做为主色。

此外，广告设计学习培训日记网的别的主色调，是在主题风格色的基本上，根据减少色度、对比度获得的，各自应用在hover图形、黑影、线条色等情景。

【B字体样式】

全局性字体样式采用的是最普遍的微软雅黑（候选：宋体字），由于大伙儿电脑上都是有，采用这2款字体样式不容易出很大错漏。

*{font: 16px/1.5 Microsoft YaHei,宋体字;}

不一样字体大小的预置，关键用于打开页面的等级构造。字重有Blod、normal、light三种情况，在再加色彩的转变，就可以制作出很多种多样比照转变来，并充足用于表述页面內容的次序关联。

字体大小预置

【C健全设计图】

在明确了色彩、字体样式的标准后，接下去最重要的便是，延用那样的标准反复实行下来。并逐渐优化到字体样式的行距（line-height）、字符间距（letter-spacing）的调节上。期内有不当之处的预置能够适度改动，可是相近的页面中间一定要有同样的标准，保证视觉效果的统一。

健全后的设计方案标明稿。

将全部页面设计方案结束之后，依照相近上边的方法标明好，交到技术工程师用于前端开发重新构建制作。假如你要想技术工程师99.9%的复原你的设计图，那麼你标明得越细腻越好。

【D有关动效】

动效这东西，主要是作为提升页面阅读文章感受的，掌握分寸、越简易越好。一些人性化的页面能够适度酷炫一点，但关键的內容展现页面還是越质朴越好。

有关动效

尽管酷炫的动效可以给你眼前一亮，但有意、不断、过多的动效非常容易低阅读文章高效率，加剧心理负担。并且，技术工程师的制作成本费也会高些。

④前端开发制作

我敲起编码来，可简直龟速那类，我就用一周的時间，完成了前边的方案策划设计方案工作中，用了两个星期敲完全部页面的编码。这一全过程便是不断键入、检测，随后IE、Google、火狐浏览器这三个流行的电脑浏览器，还要检测一遍，保证没很大差别就可安心了。

前端开发制作。⑤后端开发制作

我这个网站基本上沒有后端开发制作一部分，一就是我对后端语言这方面彻底懵圈，二是这一网站主要是用于公布內容，不容易牵涉到访问者自定的数据信息与网络服务器互换。

⑥检测发布（封裝到CMS中）

根据前端开发制作，一个个的页面倒是可以在电脑浏览器中打开了，可是他们相对性是单独的，不有利于统一管理方法机构。因此 务必得想办法，把他们封裝在一个建站软件里，也就是CMS（Content Management System的通称，译为內容智能管理系统。）

现阶段开源系统的CMS系统软件有很多，流行的有WordPress、PHPCMS、及其Dede CMS等，因为我早期自学习培训过Dede CMS对这一系统软件较为了解，因此 就采用了它。

DEDE CMS后台登录页面

这一阶段关键做的工作中便是，改动Dede CMS里边的內容模版，将我们在「④前端开发制作」环节重新构建好的页面，依照Dede CMS模版中的英语的语法标准套入进来，随后登陆网站后台管理系统，在相匹配的网站频道中启用。

全部內容封裝结束后，用FTP工具或远程桌面连接的方法，将全部CMS程序流程提交网络服务器，这时你需要选购一个网站域名，并将解析域名到你的服务器ip详细地址。

接下去你也就能够在电脑浏览器中键入网站域名，浏览到你的网站了。

⑦维护保养经营（加上內容或营销推广）

下一步工作便是运营策划，让大量的人了解你的网站；做SEO提升，给你的网站对百度搜索引擎友善；并不断给网站升级加上內容，传送你的使用价值。

一个网站的基本建设，从头至尾要做的工作中、得学的专业知识还简直挺多的。但是如果你很感兴趣，本意去瞎折腾，制作一个网站也不是哪些难题，一点時间和细心足已。

我就是这样，从设计方案到编码，接连不断弄了两月，广告设计学习培训日记网2.0版本，总算在2017年12月25日上线。。。。。

国外网站设计这是1.0版本（感受详细地址：http://www.xxriji.cn/diary1.html）

国外网站设计它是2.0版本。（感受详细地址：http://www.xxriji.cn）

最终

假如你是建网站初学者，热烈欢迎帮我私聊资询，或许我也可以给你解释一些难题哦。自然你也能够去我的网站，去选择一些合适自身提高学习培训的设计教学或书本，例如：

网页制作自学教程 - 来源于BAT网站设计师的整体实力巨制！图灵编程设计全书:HTML5权威性手册页面设计方式(第二版)

真心实意期待以上内容对大伙儿有一定的协助。

关于我们

@酷coo豆，广告设计学习日记网站长，对自学平面设计、及其互联网技术专业技能，拥有 刻骨铭心的看法。善于共享自学平面设计的有关书本、实例教程、工作经验等資源参照，期待和你一起发展，热烈欢迎定阅我的栏目。

室内设计师必需个人收藏：100自己气设计方案推荐书单归纳。