最近正好有点空，就琢磨着搞个网站玩玩。刚好有个朋友搭线，说有个新开发的区域想做个在线的展示，暂且就叫它“新城网站”，让我试试看。

接这活儿，咱就得干起来。得明白人家要主要就是想把这个新区的规划、样子、有啥好的地方展示给外面的人看，让人家知道有这么个地方。

找家伙事儿

好久没正儿八经从头写代码，手都生。所以第一反应就是，找现成的！省时省力嘛上网一顿搜，什么免费模板站、付费模板站，国内国外的，一大堆。像是什么Templated，HTML5UP，还有些国内的素材网，模板确实多，风格也五花八门。

挑模板这事儿，也挺费神的。不能太花哨，得显得专业、大气，还要跟“新城”这俩字的气质搭得上。看好几十个，有的太简单，有的又太复杂，功能用不上还显得乱。

动手开干

总算找到一个，感觉还不错，结构清晰，看着也挺现代的，好像是用HTML5的技术。得，就它！下载下来，就开始鼓捣。

这过程，主要就是个“替换”和“修改”。

• 换图片： 把模板自带的那些演示图，全换成客户那边给的效果图、实景照片。这步挺麻烦，图片得一张张处理，尺寸要合适，还得压缩一下，不然网页打开慢得要死。
• 改文字： 把人家准备好的项目介绍、招商政策、配套设施啥的，一点点填到对应的位置。这得细心，别搞错地方，也别有错别字。
• 调样式： 有时候模板的颜色、字体不太符合整体感觉，就得自己动手改改代码。虽然不用从头写，但找到对应的代码在哪儿，再改成想要的样子，也得费点脑筋。特别是有些地方牵一发而动全身，改这儿，那儿又不对，反复调整好几次。

客户还提些要求，比如加个联系表单，方便别人留言咨询；再加个地图，标明具体位置。这些功能，模板本身不一定有，就得自己找些代码片段加上去，或者用现成的插件。

适配手机端

现在谁还只用电脑上网，手机、平板都得能看。还得确保这网站在小屏幕上看着也顺眼，不能乱七八糟的。好在选的这个模板本身就支持“响应式”，就是能自动适应不同屏幕大小，省我不少事。但也不能完全不管，还是得在手机上实际看看效果，有些细节可能需要微调。

测试和上线

自己觉得差不多，就在各种浏览器、不同设备上反复测试。点点这个链接，试试那个按钮，看看有没有打不开的页面，有没有显示错乱的地方。这个阶段最磨人，总能发现点小毛病。

所有问题都解决，这才算完事。找个服务器空间，把所有弄好的文件一股脑传上去。把客户的域名解析到这个服务器上。等个十几分钟，生效，在浏览器里敲入地址，网站能正常打开，心里那块石头才算落地。

总的来说，这回搞这个“新城网站”，虽然没啥特别高深的技术，但从找模板到修改、测试、上线，整个流程走下来，还是挺充实的。看着一个想法，或者说一个需求，变成一个能访问、能看的网站，那种感觉挺实在。过程虽然琐碎，但结果是好的，客户那边反馈也还行。下次再做类似的东西，心里就有底多。