得，今天就来唠唠我之前在广州搞的一个网站建设的活儿。这事儿得从头说起，那会儿我还在广州那边混着，接点零散的活儿干干。

怎么开始的

那天记得是个下午，一个朋友介绍个客户给我，说是广州本地的一个搞传统贸易的小老板，姓陈。老陈想搞个网站，展示下他们公司的产品，看着气派点，也能让外地客户解解。他要求不高，就是看着要专业，信息要全，手机上也能看就行。

我就约个时间，跑到他那个有点旧的办公室去聊。一进去，嚯，一股子茶香味。老陈挺实在一人，给我泡壶茶，就开始跟我说他的想法。他拿几本他们公司的宣传册给我看，说网站大概就照着这个风格来，内容也要能自己后台加加改改。

动起手来

听明白需求，这活儿就算接下。回来我就开始琢磨。

• 第一步：规划和设计草图
  我先是把老陈给的资料又翻翻，把他说的那些产品分类、公司介绍、联系方式什么的都整理出来。然后就在纸上简单画几个框框，大概规划下首页放产品页怎么展示，新闻放哪里。想着要手机也能看，就得考虑那种自适应的布局。
• 第二步：出设计稿
  草图心里有数，我就打开电脑开始搞设计稿。选个比较稳重的蓝色调，配点灰色和白色，感觉比较符合他们贸易公司的气质。首页搞个大图轮播，放他们主打产品，下面是公司简介、产品分类入口、新闻动态这些。来来回回调整好几次，主要是字体大小、图片位置这些细节。搞得差不多，就发给老陈看。
• 第三步：跟客户确认
  老陈看初稿，提些意见，比如logo再大点，某个产品图换一下，联系电话要放页眉显眼位置。这些都好说，我就按他的意思改。改完再发给他，这回他挺满意，就说可以照着这个做。沟通确认这步挺重要的，省得后面做完又大改，麻烦。
• 第四步：前端页面制作
  设计稿定，我就开始切图，写HTML和CSS代码。这部分就是把设计图变成真实的网页。考虑到手机访问，我用响应式设计的写法，保证在不同大小屏幕上看着都还行。这个过程比较枯燥，就是对着设计图一点点敲代码，调样式。
• 第五步：后端功能开发
  光有页面不行，老陈要自己能更新内容。所以得整个后台管理系统。我当时选个比较熟手的PHP框架来搭后台，主要是实现产品发布、新闻更新、公司信息修改这些功能。数据库设计接口写让前后台能对得上数据。这个阶段得细心，逻辑不能错。
• 第六步：联调测试和修改
  前后端都差不多，就把它们整合到一起，部署到测试服务器上。然后我就开始自己全面测试，点点这里，填填那里，看看有没有bug，显示正不正常，手机上各个浏览器兼容性如何。测出问题就记下来，然后一个个修复。这个过程也挺折腾的。

上线

测试修复得差不多，我就给老陈演示一遍，教他怎么在后台添加产品、发新闻。他上手很快，自己试试没啥大问题。然后就是选域名、买服务器，把网站正式部署上线。

整个过程大概花一个多月，从最开始接触到网站上线。虽然中间也有跟客户沟通反复修改、自己半夜调bug的时候，但看着做出来的东西能跑起来，客户也还算满意，心里那股劲儿就挺舒坦的。

这就是我之前在广州做的一个网站建设案例的大概过程。广州这边做网站的公司和小团队挺多的，像我这样单干的也不少，大家都是凭手艺吃饭嘛这活儿说难不难，说简单也不简单，主要是得耐心和细致，还得跟客户好好沟通。