对于我而言,今天是个值得铭记的日子——我的个人主页上线了,请点击此处围观。
说到个人主页,很多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教程,在此表示感谢。
最后,再次欢迎大家围观我的个人主页,并提出宝贵意见!
沙发
这个主页有Homepage时代的味道,不错,赞一个,哈哈
还在不断修改完善中,哈哈。
那个年代最早提供个人主页服务的是谁来着?51还是网易。
2000年的时候css属性远没有现在功能这么丰富,用表格也是可以理解的。
wordpress把post去了只留page,改改主题,不也是个人主页么。
应该是网页,51出来得要晚一点。
wordpress改成个人主页确实方便,不过我就是想找个东西练手。
个人的东西,我也不考虑兼容 IE 了。
是的,早日拯救IE用户,是我们共同的责任。
赞一个, 你这是要复辟到远古时代啊?
呃,主要是我目前的技术还无法做出复杂而漂亮的页面。
自己开发出来的么,厉害了,不过内容很单调,哈哈
嗯,绝大部分代码是自己手工敲出来的。部分css效果(按钮)参考学习了网上的资源。内容嘛,慢慢完善哈。
这个主页很不错,必须模仿,哈哈哈哈 我之前也注册了一个域名 im.dog 指向博客的 也可以如你一样做一个个人主页
imdog。。。这个域名好亮!
还不是响应式,可以提高。
目前我技术还无法设计响应式。后面再学习哈。
如果是我.
自我介绍
原谅我不会html 和css
这个页面原始得让我想起07年asp流行建个人主页的时代,那个时代真的很纯真,有个网络上的主页是件很自豪的事情~
哈哈,说得我好惭愧。技术不行,只能这么原始了,不过10年前可没有这么好看的css按钮哈。