我的个人主页上线了

共计 1759 个字符，预计需要花费 5 分钟才能阅读完成。

对于我而言，今天是个值得铭记的日子——我的个人主页上线了，请点击此处围观。

说到个人主页，很多90后的小朋友估计不知道啥意思，在2000年左右国内互联网刚刚兴起的那几年，在网上安一个“主页”是非常时髦的事，网易、新浪、搜狐、西祠胡同、榕树下等当时流行的网站都提供免费的个人主页服务，差不多就是一个简单的内容管理系统（CMS），可以发布个人日记和图片，功能虽然很简陋，但在那时候非常流行。在那之后，博客兴起，不少网站又提供博客服务，一些人还玩起了独立博客。然而，博客很快被网民玩腻，社交属性更强、功能更丰富、门槛更低的QQ空间、微信相继流行起来，并在移动互联网时代牢牢占据了我们的生活空间。

一、做个人主页的原因

如上所述，个人主页的时代早已过去，但机缘巧合之下我还是决定做一个属于自己的主页。

首先，在上个礼拜我无意中注册了一个ml后缀的免费域名，而且还是我姓名的全拼：chenhua.ml。这个域名本来是指向这个博客的，但这样显得太浪费和多余，加上我博客所在空间允许建立多个网站，那么何乐而不为呢？

其次，个人主页在功能定位上就与博客不同，博客是文章合辑，而个人主页相当于自己的名片。

最后，一直以来我都对计算机网络、编程十分感兴趣，前前后后也自学过html/asp/php/css/javascript/python等编程语言，但没有一样学得精通，后来我明白了，光看教程是不行的，必须带着项目实战，才可能搞懂一门语言，编写最简单的静态网页，是入门的最好方式。

二、关于编程的一些想法

今天上线的个人主页，版本号可以定为V1.0，界面十分简单，主要内容是自我介绍、我触网以来的大事记以及一些链接。在做这个页面的过程中有一些想法如下：

1.div+css真是个伟大的东西

在2000年左右，我曾在初中学校的微机室利用微软的FrontPage软件制作网页，那个软件带有强烈的微软风格，和当时专业人士通常使用的Dreamweaver相比，FrontPage就像过家家一样简单，它所见即所得的界面可以让做网页和word排版一样快速，同时还可以实时查看自动生成的源代码。用FrontPage布局会产生大量表格（table），源代码里满屏的tr和td标签让人很崩溃。多年后，在编写网页时，我仍然习惯使用表格来布局，直到我了解到div+css的牛逼之处。特别是看了《CSS禅意花园》这本书后，内容和样式分开的理念深入我心，在制作个人主页的过程中，通过亲自实践感受，这样编写、调试网页十分高效，在前期基本上只要用div做好页面的布局后，后面只需要在css文件里进行样式的修改即可，完全告别了过去内容样式混杂的局面。

2.代码编辑习惯很重要

虽然V1.0版本的个人主页很简陋，难入专家法眼，但在开始之前，我还是认认真真做了思考，然后在白纸上画出了布局图，甚至标好了每一个div盒子的尺寸和class类名。

在编写css代码之前，我学习了一些网上的css文件，有的可读性很强，有的则不然。所以，为了日后便于维护，我决定采取规范化的方法来书写代码，包括代码的缩进、大小写、类名的排列等，尽量符合逻辑、清晰明了。

3.浏览器兼容性有点意思

因为XP系统和IE6的多年长生，浏览器兼容问题在几年前是个大问题，可喜的是，这几年有大的改观。但我本人是很讨厌IE浏览器，电脑上主力浏览器是firefox，备用chrome。所以，我的个人主页只兼容firefox和chrome，觉不考虑IE。

4.从静态到动态的计划

这次上线的个人主页界面很简陋，主要涉及到的编程语言是html和css（严格说来这两样都叫标记语言而不能叫编程），有几行javascript。不得不感叹，css真的很强大，特别是利用css能做出漂亮的按钮控件，再加上javascript可以做一些很有趣的交互。在以后的更新版本中，我计划加入更多的javascript或者jQuery以实现更为复杂的交互功能，可能的话，用php或者Python编写留言板或者bbs之类的模块加入其中。

三、致谢

在学习web编程的过程中，我的朋友Kam给了我很多有用的经验，同时参考了互联网很多有用的学习资料，比如廖雪峰老师的javascript教程，菜鸟学院的CSS教程，在此表示感谢。

最后，再次欢迎大家围观我的个人主页，并提出宝贵意见！