简单公司网站制作要注意什么？避开这3个大坑！

上个月接了个私活，帮朋友小公司做个官网。本来以为三下五除二就能搞定，结果踩坑踩得我两眼发黑。今天把过程捋一捋，你们要是自己折腾公司网站，这三个大坑千万绕着走！

开工就翻车：饿昏了没做手机适配

想着赶紧弄完交差，噼里啪对着电脑屏幕就开始敲代码。导航栏、产品图、公司简介……桌面浏览器里看着板板正正，美滋滋发给朋友看。结果朋友微信秒回：“你这排版…用手机打开咋全挤成一坨了？”

我拿起自己手机一瞅，冷汗都下来了——标题叠在图片上，按钮大得戳出屏幕，联系方式直接挤没了。脑子里就仨字：完犊子！

赶紧翻出教程，边看边改，给每个板块加上那个“自动伸缩”的指令（专业词叫媒体查询？咱也不懂），图片尺寸用百分比控制，按钮改成相对宽度。折腾到半夜，手机屏幕终于能看了。早知如此，一开始就该拿手机当尺子量着做！

卡死第二坑：图片塞太多像乌龟爬

首页弄得挺漂亮了，产品图、团队合影、办公环境照，恨不得全堆上去。上传到服务器，自己点开链接——加载圈转了足足半分钟！朋友要是打开，怕是以为我卷钱跑路了。

拍大腿后悔！那些高清原图好几兆一张，八张图下来比山还重。赶紧打开修图软件，把所有图尺寸咔嚓到刚好够网页显示的大小，再用压缩工具一顿狂压，愣是把几十兆压成几百K。光改图片还不够，顺手把CSS和JS文件也打包压缩了。再刷新网页，“唰”一下出来了，这才像人用的网站嘛

挖坑给自己跳：更新内容要命

网站交工，朋友用得很开心。过了两周突然找我：“公司地址换了，电话也更新了，我自己能改不？”我想当然说：“后台地址发你，账号密码记好就行！”

结果捅了马蜂窝——接下来半个月，我成了24小时客服：“登录界面打不开咋办？”“修改框点了没反应！”“保存完为啥还是老地址？”……原来我图省事，后台编辑器做得太简陋，朋友根本没碰过代码的人，看后台跟看天书似的。

老实重做后台：换了个拖拽式编辑器，把“公司地址”这种常改的字段单独做成傻瓜输入框，修改完自动刷新页面缓存。现在朋友改电话就跟发朋友圈一样顺手，终于不用半夜被喊起来“救火”了。

搞完这一趟，最大的教训就是别想当然：你以为手机看没问题？不真拿手机试就是睁眼瞎；你以为图片塞多点好看？不压缩就是赶客；你以为你会改别人就会？不做傻瓜后台就是给自己挖坟！下次再弄这种小网站，我肯定先抱着手机做、压完图片再上传、后台第一件事就整成老太太都能改的！