今天想跟大家聊聊我之前搞的一个简单的企业网站模板的事儿。这活儿不算难，但从头到尾走一遍，还是有点东西可以分享的。

起因挺简单的，有个朋友开个小公司，刚起步，预算紧张，就想整个简单的网站亮亮相，能展示下公司是干嘛的，联系方式是啥就行。找外包，便宜的看不上，贵的又觉得没必要，毕竟需求就那么点儿。

他知道我平时喜欢瞎折腾这些，就跑来问我能不能帮帮忙。我寻思着，他这需求，确实用不着搞什么复杂后台、数据库啥的，弄个纯静态的页面模板最合适。改改内容就能用，服务器随便整个虚拟主机甚至对象存储都能跑，成本低，速度还快。

琢磨阶段

接下这活儿，我得琢磨，一个最最基础的企业网站得有

• 首页：门面嘛得有。放个公司名，大概是干啥的，可能再来张大气的图片。
• 关于我们：简单介绍下公司背景、理念啥的，增加点信任感。
• 产品/服务：展示下公司具体业务，这是核心。
• 联系我们：地址、电话、邮箱，得让人能找到你。

就这几样，多反而复杂，对小公司来说，信息清晰最重要。定这几个页面，心里大概就有谱。

开始动手

第一步，找感觉。 我没急着写代码，先去网上扒拉一堆同行或者看起来比较顺眼的企业网站。不是抄袭，主要是看人家的布局、配色和大概的风格。朋友的公司是做点小咨询服务的，那整体风格就得偏向简洁、专业。我留意几个网站，它们用的颜色大多是蓝色、灰色系，字体也比较方正，导航栏通常在顶部，很清晰。心里大概有个样子。

第二步，搭骨架（HTML）。 有想法，我就开始用HTML搭结构。就按之前想好的那几个页面，一个一个来。比如首页 `*`，关于页 `*` 等等。先把大的块儿分比如页头 `