对于我而言,今天是个值得铭记的日子——我的个人主页上线了,请点击此处围观。
说到个人主页,很多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教程,在此表示感谢。
最后,再次欢迎大家围观我的个人主页,并提出宝贵意见!
发表回复