昨天我在和县这边的一个网站建设公司上班，老板突然说，“今天下班前，必须搞个新网站上线！”我当时心里咯噔一下，“这么快？怎么搞起手？”我之前只懂点皮毛，但既然答应了，就硬着头皮上。

开始动手研究工具

我二话不说，先上网搜了一圈，看看别人怎么整。发现很多人用现成的建站平台，点几下就弄好了，但我觉得那太没意思了，自己动手才有成就感嘛所以我决定从最简单的HTML和CSS入手。

• 我打开电脑，找了个免费代码编辑器下载安装
• 创建新文件夹，取名“网站项目”
• 在里面建三个文件：*、*和images文件夹

搞定这些后，我心虚地喝口茶，生怕搞砸了老板骂街。

详细设计网页布局

我开始设计网站首页。公司是做网站建设的，得让人一看就懂咱服务是我先在纸上画草稿，胡乱涂鸦，把公司介绍、服务内容、联系方式都堆一块儿。

• 我打开*文件，一行行敲代码，把标题、段落和图片塞进去
• 用*美化样子，调颜色、字体大小，让文字别太挤
• 上传公司logo到images文件夹，加到页面顶上撑场面

这下，网站总算有模有样了，但还没完事儿。

处理代码bug难题

问题来了！网页在手机上乱糟糟，图片歪七扭八。我急得冒汗，这不是白忙活嘛我骂咧咧地查错，原来是CSS没弄好响应式设计，得让页面在任何屏幕上都顺眼。

• 我加了media queries代码，调来调去调试了大半天
• 图片还是卡顿，后来缩小尺寸才加载快些
• 加上“联系我们”按钮，可点击没反应，发现忘写链接逻辑

折腾到下午，我差点想放弃，但想到老板那张脸，又咬牙啃过去。

测试上线全搞定

一步，测试无误就上线。我拿不同浏览器试了试，确保都能看；又请同事点两下，挑刺改了点小问题。晚上7点，我终于把网站传到服务器，老板一访问，还夸了一句“做得快”。

• 我用FTP工具上传所有文件到主机空间
• 检查域名指向正确，网站正常显示
• 添加Google Analytics代码跟踪访问量，简单看看多少人来看

第二天，访问数涨了点，我心里美滋滋的。

为啥我唠叨这事儿？

这回搞网站真是一场乌龙戏。去年，我表弟也开小店求我做网，结果我推三阻四，他用模板糊弄过去，访问量稀烂，小店早早关门。这回逼自己动手，虽糙了点，但学到不少，下次再做绝对快上手。生活就这德性，困难压头时，咬牙干才出奇迹。各位，别怕从零开始，弄坏了重来呗！