2013年以前pc网站建设怎么做？老站长揭秘那些年被Flash和表格布局坑过的日子

本文关键词：2013年以前pc网站建设

说实话，现在让你回去做2013年以前pc网站建设，估计不少年轻程序员得挠头。那时候没现在这么讲究响应式，也没那么多现成的框架。咱们那时候搞网站，靠的是真功夫，也是真折腾。

记得08年左右，我刚入行那会儿。老板说：“给我整一个炫酷点的首页，要有科技感。”我心想，这还不简单？于是翻箱倒柜找素材。那时候最火的是什么？Flash。对，就是那个现在几乎绝迹的Flash动画。

第一步，你得选对工具。那时候Dreamweaver是标配，配合Flash CS3或者CS4。很多新手喜欢直接在DW里画表格，也就是所谓的Table布局。说实话，现在回头看，那简直是代码灾难。但当时为了追求视觉冲击力，谁管你代码洁不洁？

第二步，设计页面。那时候没有Bootstrap，没有Flex布局。我们要用CSS+DIV，还得考虑IE6、IE7、IE8的兼容性。哎哟喂，IE6那个坑，真是填都填不完。比如，PNG图片透明问题，在IE6下就是个笑话。你得专门写个.htc文件来修复，或者干脆用GIF图凑合。

第三步，写代码。这时候你会发现，2013年以前pc网站建设的核心难点，根本不是逻辑，而是兼容性。你写好的CSS，在Chrome里好好的，一到IE8就错位。那时候的浏览器大战打得火热，Firefox、Opera、Safari各占一席之地。你得针对不同浏览器写Hack代码。比如，给IE6加个下划线，给IE7加个星号。现在想想，那都是泪啊。

第四步，上传测试。那时候网速慢，服务器也贵。一个几百KB的图片，加载起来得半天。所以图片压缩是必修课。我用的是Photoshop，导出Web格式，尽量把体积控制在50KB以内。视频更是噩梦，那时候没有HTML5，视频都得用Flash播放器嵌入。一个1080P的视频，得转码成FLV格式，还得配上播放器皮肤。

第五步，SEO优化。那时候SEO和现在不一样。关键词堆砌虽然被百度打击，但权重高的页面依然能排前面。标题标签（Title）必须包含核心关键词，描述（Description）要写得吸引人。那时候没有移动端，所以所有流量都集中在PC端。只要PC端排名好，流量就滚滚而来。

现在回头看，2013年以前pc网站建设虽然技术落后，但那种从零构建的感觉，是现在用现成模板无法比拟的。那时候的网站，加载慢，但内容扎实。现在的网站，加载快，但广告满天飞。

当然，也有不少人想保留旧网站的数据，进行改版。这时候千万别直接覆盖。第一步，备份数据库。第二步，分析旧网站的URL结构。第三步，制定301重定向策略。很多老站长因为没做重定向，改版后流量直接腰斩，哭都来不及。

还有，那时候的交互设计，全靠JavaScript。jQuery刚兴起，大家抢着学。现在回头看，那些手写的事件绑定，虽然繁琐，但性能确实比现在的某些框架好。

最后，给想怀旧或者想接手老项目的同行提个醒。别嫌弃旧代码丑，那是时代的印记。但如果是新项目，千万别再碰Flash了，那是自杀。也别再用Table布局了，那是倒退。

2013年以前pc网站建设，是一段充满挑战但也充满乐趣的历史。它教会了我们耐心，教会了我们兼容，更教会了我们尊重用户。虽然现在技术迭代快，但那些老经验，依然值得借鉴。

比如，现在的PWA技术，其实就是在解决当年Flash无法被搜索引擎抓取的问题。现在的CSS Grid布局，其实就是在解决当年Table布局的痛点。历史总是惊人的相似。

所以，如果你手头有个老项目，别急着删。先看看它的结构，也许能从中找到优化的灵感。毕竟，那些在IE6下依然能正常显示的页面，才是真正的好代码。

当然，我也承认，现在的技术确实方便。一键部署，自动适配。但那种亲手敲代码，看着页面一点点成型的快感，再也找不回来了。

这就是我的真实经历。没有华丽的辞藻，只有满满的干货。希望对你有所帮助。要是觉得有用，记得点个赞，或者转发给那些还在用IE6的朋友，让他们也感受下时代的变迁。

毕竟，时代在变，但初心不变。咱们做网站的，终究是为了服务用户，而不是为了炫技。

好了，今天就聊到这。我要去修个旧网站了，据说有个客户非要加个Flash动画，真是让人头大。