给计算机�会网站改版了

　　大二的时候是学院计算机�会的会长，当时就上线了�会的网站，�过使用的是 WordPress 自带的主题，然�定制了一个�主题，就这样放了两年。最近心血�潮，一是觉得网站这样下去�好，�以�得更加精致好看；二是想试�用 Bootstrap 框架�写网页，借此练下手。有了这个心，接下�就是动手了。

　　首先了解了一下 Bootstrap 的一些�知识，�现这�比较�行的东西有一点�常好，就是教程�常全�，基本上�一个点都涉�到了，而且中文翻译�常全，阅读起�很方便。

　　在对 Bootstrap 有一定了解之�，就是开始写新的主题了，使用了框架之�，布局的 CSS 代�基本就�用写了，�下了很多时间。因为自己也对想�的效果在心里边有了一些构想，而且一直以�都有手敲代�的习惯，所以写起�得心应手。�得�说 WordPress 的主题机制�常好，总的写下�也用�了多少个文件，就把整个网站的主题都更�好了。这一次的改版，从第一天晚上10点左�开始写，到第二天下�4点左�，就已�将新版本上线了，效率还是超乎�料的。

　　��的两天，用��细节的优化�移动端自适应的修改，以� IE 的兼容。其实 Bootstrap 是默认支��应�布局的，之所以��修改最主�的原因在于��编辑器会自动将图片加上宽高，这样在移动端�览时图片就会将整个页�撑大，自适应就会失效。�索了很久之�，终于找到一个教程，�以在文章内容输出时自动将其中图片的 width 以� height �数去除。这个问题一解决，自适应很快就修改完�了。

　　其实细节的优化和移动端自相应的修改都还比较简�，最大的难题在于 IE 的兼容。Bootstrap v3 是�支� IE8 的，至于万年��董 IE6 和 IE7 就更别说了。心里想�呀，�管如何 IE8 还是�让他能够显示得正常一点�行，于是这两天的大部分时间都花在了如何兼容 IE 上，这东西真是害死人，�一次写网页都�骂 IE 一次，这��刀的。。。

　　关于这点还有个��曲，在国内�览器的市场里，360的�速�览器和安全�览器算是�了大�个江山，这�“�核�览器�如果能够自动�用�速模�的�，就�以确�大部分普通用户都�以拥有更好的网站�览体验。360自己定制了一个 meta ，将这段代�加到网页中，�说他们家的�览器都会自动�用 webkit 内核进行渲染，试过�生效。之�到360的官方论��帖，得到客�的回应，说已�登记了，下周�以生效，估计是有一个白���周更新的。

　　�过了三天多的努力，新版本终于敲定了，看到新版的效果，自己还是�常满�的，这�能是开始�网站以�，最满�的一个作�了。其实很多事情想起�很难很麻烦，但是�起�往往是很简�的。

　　最��大致列举一下新版本的特点：

• 采用 HTML5+CSS3 编写，使用 Bootstrap 框架进行开å�‘。
• å“�应å¼�布局，完美适é…�å�„ç§�ä¸�å�Œåˆ†è¾¨çŽ‡çš„å±�幕以å�Šç§»åŠ¨ç«¯æµ�览器。
• 对 IE6/7/8 å�šäº†ä¸€å®šçš„兼容，尽å�¯èƒ½ä¿�è¯�网页内容完整显示。
• å�Šé€�明效果ã€�新计å��è“�色主调等结å�ˆè¿�用，使页é�¢æ›´å…·ç‰¹è‰²ï¼Œå�Œæ—¶æ��å�‡äº†è§‚感。
• 首页 BANNER 与页é�¢èƒŒæ™¯å›¾å…±æœ‰ä¹�套，在网页载入时éš�机é…�套显示，在增加设计感的å�Œæ—¶ï¼Œå¾ˆå¥½åœ°å±•çŽ°äº†æ–°è®¡å��çš„é�’春活力。

　　如果你有时间的�，�以打开网站�览一下效果。记得多刷新几次看一下哟，集��套 BANNER 未�的一个月就会有好事�生哟，哈哈。如果�现了 BUG ，或者有更好的��或者建议，�以在文章下边留言告诉我，先谢谢大家了。
　　
　　惠州学院计算机�会：http://www.hzuca.com/

　　文章的最�，放出�套主题的截图，在你�览的时候，他们都出现了么？