公司的网页怎么做

老板前两天突然把我叫进办公室，说现在公司网页太丑了，必须赶紧重新搞一个。我当时就懵了，心想这玩意咋弄？毕竟我平时就爱折腾点工具，但正经做个公司网页还是头一回。

先从规划开始

当天晚上我就搬出笔记本，开始和老板唠嗑，问问公司网页到底要干啥的。老板手一指，说要能展示产品、放点新闻、再加个联系方式就行。我掏出一张废纸，随手画了个草图：上面是导航栏，中间是产品图片区，下面弄个简单的表单收集用户信息。老板看了一眼，点点头说“行，就这样！”

然后我开始琢磨工具，网上翻了一圈，发现有个叫WordPress的平台挺火的，据说点点鼠标就能搞定。但后来一想，不行，这玩意儿得花钱租服务器，公司抠门着。干脆手动用个文本编辑器自己写，反正就几页纸的东西。

接着动手设计页面

第二天一早，我打开电脑上的记事本，先敲了个基础框架。标题区放公司名字，搞个大字加粗点。下面画个导航菜单：首页、产品、新闻、联系我们。老板又过来说，产品区要多放几张图，我还得去翻公司照片库，挑了几个高清的。但很快出问题了：图片太大了，网页加载慢得像蜗牛爬。我只好用软件把图片压小点，折腾半天总算塞进去了。

• 首页：上面挂公司Logo，中间列产品列表，简单点几段文字。
• 产品页：放照片和价格，搞个表格对齐，老板嫌表格难看，我又手动调间距。
• 联系我们页：整个表单让用户填姓名和电话，我随便搭了个输入框。

搞设计时，颜色搭配也费劲。老板非要公司主色调蓝配红，我说这太刺眼了，差点吵起来。妥协成蓝配灰，看起来舒服多了。

然后是开发代码环节

设计草图好了，我就开始写实际代码。打开编辑器，从标题栏打起：用

标签标上“公司产品”，下面

一段一段堆内容。图片那部分最难搞，我用标签插入，调位置调得头大：一会偏左、一会偏右，试了十几次才对齐。表单区域更麻烦，老板说要收用户邮箱，我写了框但不知道怎么验证格式，干脆弄个简单提示说“填正确邮箱”。

所有页面搞定了，我得测试一下。本地电脑上打开网页预览，IE浏览器上看着还行，但换个火狐浏览器，导航菜单居然乱套了。气得我重新撸代码，来回检查好几遍。老板催得急，我只能随便找个免费空间上传上去，结果第一次传漏了个图片文件，网页加载直接报错。

上线和维护

折腾两天，总算把网页传到服务器上。老板打开手机一看，挺高兴地说“效果凑合”。但好景不长，用户反馈说表单没法提交，我赶紧查代码发现少了个提交按钮的脚本。补上去之后，又来了个小插曲：老板在新闻区加内容时，手贱多点了几下，直接把页面搞得卡死。我连夜远程登录修复，才没惹来投诉。

现在网页跑得还行，就是维护起来累死人。每次更新内容，我都得像补丁打补丁一样敲代码。上个月老板还来提新需求，说要加个在线聊天功能。我直接喷回去：“哥，这哪是简单活儿，得再烧我一个月时间！”结果老板嫌麻烦，终于不提这茬了。反正，搞公司网页就是费时费力，动手前可得想清楚，不然像我这样白白熬夜几个通宵。