我的个人主页上线了

浏览:9307次阅读
18 条评论

共计 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教程,在此表示感谢。

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

正文完
 0
评论(18 条评论)
星空游戏
2017-03-20 12:00:53 回复

沙发

kam
2017-03-20 12:19:03 回复

这个主页有Homepage时代的味道,不错,赞一个,哈哈

2017-03-20 12:45:12 回复

那个年代最早提供个人主页服务的是谁来着?51还是网易。
2000年的时候css属性远没有现在功能这么丰富,用表格也是可以理解的。
wordpress把post去了只留page,改改主题,不也是个人主页么。

    2017-03-20 14:01:36 回复

    应该是网页,51出来得要晚一点。
    wordpress改成个人主页确实方便,不过我就是想找个东西练手。

2017-03-20 12:55:17 回复

个人的东西,我也不考虑兼容 IE 了。

    2017-03-20 14:03:07 回复

    是的,早日拯救IE用户,是我们共同的责任。

jackymao
2017-03-20 15:42:57 回复

赞一个, 你这是要复辟到远古时代啊?

    2017-03-20 17:02:52 回复

    呃,主要是我目前的技术还无法做出复杂而漂亮的页面。

2017-03-20 16:45:05 回复

自己开发出来的么,厉害了,不过内容很单调,哈哈

    2017-03-20 17:03:47 回复

    嗯,绝大部分代码是自己手工敲出来的。部分css效果(按钮)参考学习了网上的资源。内容嘛,慢慢完善哈。

2017-03-21 07:42:07 回复

这个主页很不错,必须模仿,哈哈哈哈 我之前也注册了一个域名 im.dog 指向博客的 也可以如你一样做一个个人主页

2017-03-21 16:10:23 回复

还不是响应式,可以提高。

    2017-03-21 17:34:44 回复

    目前我技术还无法设计响应式。后面再学习哈。

2017-03-23 18:39:26 回复

如果是我.

自我介绍

原谅我不会html 和css

2017-03-28 22:45:00 回复

这个页面原始得让我想起07年asp流行建个人主页的时代,那个时代真的很纯真,有个网络上的主页是件很自豪的事情~

    2017-03-29 09:04:35 回复

    哈哈,说得我好惭愧。技术不行,只能这么原始了,不过10年前可没有这么好看的css按钮哈。