今天正好要给公司折腾个新官网，我这连网页咋开头都不知道的小白，硬着头皮上了。分享一下踩的坑，你们可别笑！

从新建文件夹开始懵逼

领导甩了句“搞个官网出来”就走人了。我对着空荡荡的电脑桌面发呆五分钟，才颤颤巍巍新建了个文件夹，名字就叫“公司破网站”。里头又建了俩文件夹：“图片”和“网页文件”——听说专业大佬都这么干。

抄了段看不懂的代码

上网搜“最简单的网页代码”，复制粘贴了个开头的玩意儿。刚贴进记事本保存成“*”，双击打开……好家伙！浏览器里就一行黑字“Hello World”，寒酸得我脚趾抠地。领导要的公司介绍和产品展示？！

• 第一步：扒了个模板 - 直接搜“免费公司网页模板”，下了一堆花里胡哨的。解压后看到几十个文件，头直接大了三圈。
• 第二步：乱改文字 - 用记事本打开那个最大的html文件，把“优雅设计”改成“本公司主营挖掘机配件”，“客户见证”改成“王老板说你家螺丝挺好用”，改完保存刷新浏览器——格式全炸了！
• 第三步：图片惨案 - 把公司*塞进图片文件夹，在代码里写。一刷新，显示个裂开的小图标。搞了整下午才明白，得写成

传文件差点把电脑砸了

好不容易网页在本地能看了，领导催着要上线。搞了个FTP软件（这词都是现搜的），输入主机名用户名密码，连着报错十几次。发现是服务器路径填错——人家让传进“public_html”文件夹，我瞎传到根目录，文件全堆在服务器厕所里！

传完哆嗦着手打开公司网址……页面排版全歪了！CSS文件没上传。又折腾半小时，总算能看了——虽然导航栏挤成一坨，产品图片大得能当门神。

现在看还像那么回事

瞎搞几天后突然开窍：浏览器右键“检查”真好用！改代码旁边直接显示效果。把模板里没用的动画全删了，产品图统一缩放到300像素宽，联系方式放大加粗标红——现在点开官网，至少像个正经卖螺丝的公司了！

对了，昨晚发现个小技巧：用代码高亮插件写东西顺眼多了。虽然还是看不懂那些#FFF、margin啥的，但至少五彩斑斓的没那么催眠。

（刚从服务器备份里捞出被误删的首页，手抖得泡面汤洒键盘上了。这破班真不是人上的...等等，物业打电话说水管爆了？！淦！）