建立网站公司网站

今天这活儿折腾得够呛，分享下我自个儿建网站公司官网的全过程。早就该弄了，一直拖拖拉拉，今天早上喝了杯特浓咖啡，心一横，直接开搞。

第一步：电脑开机，清桌面

先把我那乱糟糟的电脑桌面清理了一下，把堆成山的截图、临时文件都扫进回收站。然后新建了一个文件夹，名字就叫“官网重搞”。心里想着这回不能半途而废。

接下来得想清楚这官网到底要干嘛总不能光摆个名字上去。我拉出个记事本，啪啪敲了几行重点：告诉别人我们是谁（专门做网站的）、我们能干啥（设计、开发、优化一条龙）、为啥选我们（靠谱、性价比高）、得让人能找着我们（电话、地址放显眼）。对，就这些，简单明了。

第二步：挑个顺手的工具

工具库翻一圈：WordPress？太重了，搞个官网像杀鸡用牛刀。Dreamweaver？太久没碰手生得很。翻到之前试用过的一个国内建站工具（名字就不说了，免得像打广告），记得它比较轻快，主要搞单页展示厉害点。行，就它了！登录上去，选了最基础的“公司官网”模板。

这模板，乍一看花里胡哨的，什么动画效果一大堆。我眉头一皱，这不实用，访客来了是看内容的，又不是看动画片。立马动手“做减法”：哗一通删删删！导航栏只留了“首页”、“服务”、“案例”、“关于”、“联系”五个按钮，坚决不搞那些悬停下拉菜单的复杂玩意儿，点一下就能到地方最

第三步：拼内容，找图

最难熬的来了——写内容！对着空白编辑器，感觉大脑也一片空白。坐着发呆半小时，结果啥也没憋出来。干脆先放一边，去找图。

公司Logo有现成的，直接传上去放左上角顶然后就是服务项配图，这个不能含糊：网页设计 就找清爽的电脑浏览器界面图；开发上线 用代码编辑器截图；优化推广 配个上升箭头趋势图。直接在素材库里搜关键字搞定。案例展示这块儿，挑了三个做得最顺眼的客户网站，分别截了首页大图放上去，下面简单写两句话说明做了什么。

图片搞定，文字也总算有点思路了。服务页就直白地列出我们能做的：

• 网站策划设计（想点子，画草图）
• 网站前后端搭建（把图纸变成能用的网站）
• 网站搬家/修BUG（老站出问题？搬新家交给我们）
• 后期维护优化（网站不是做好就扔那不管的）

关于页面更是大实话：成立几年，团队成员几个，工作室地址在哪个城市哪栋楼，电话邮箱多少，全都清清楚楚标出来。写完一看，没一句虚的，都是干活儿的实在话。

第四步：调样式，上真机看效果

内容塞进去，样子可丑了！字体大小不一，颜色也花里胡哨。赶紧进后台样式设置：

• 主色调统一：Logo里提取一个深蓝做主色，按钮、标题都用它。
• 字体统一：全站就用一种字体（选了个叫“思源黑体”的免费字体），看着不乱。
• 间距统一：标题跟段落之间、图片跟文字之间，手动调成差不多宽的空隙。

光在电脑上看不行，手机访问才是大头！预览模式切成手机视图，好家伙，导航栏挤成一团麻。赶紧拖拖拽拽，把菜单缩成汉堡图标（就是那三条杠），点开能正常弹出就行。图片也都设置了自适应宽度，手指划拉不跑偏。

第五步：绑域名，正式上线

折腾到下午，看着像个正经网站样子了。一步——绑自家公司的域名。之前这域名都放着吃灰，跳转到一个临时页面。在建站工具后台找到绑定域名的设置框，把域名地址输进去。系统自动跳出来让改DNS解析设置。

这步可不能偷懒，老老实实打开域名管理后台（当初买域名的地方），找到DNS设置页。按照建站工具给的解析记录值，一条CNAME记录，两条A记录，像抄作业一样小心翼翼填进去保存。等了大概十几分钟，解析状态显示成功了！回到建站工具后台点发布，页面一闪刷新。

打开浏览器，输入公司域名，啪！新网站跳出来了。从早上搞到天黑，脖子都僵了，但看着成果，咖啡没白灌！