我的个人主页上线了

·

20170319222824.jpg

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

说到个人主页,很多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教程,在此表示感谢。

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

《 “我的个人主页上线了” 》 有 18 条评论

  1. 星空游戏 的头像
    星空游戏

    沙发

  2. kam 的头像

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

    1. 陈大猫 的头像

      还在不断修改完善中,哈哈。

  3. 大致 的头像

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

    1. 陈大猫 的头像

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

  4. fooleap 的头像

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

    1. 陈大猫 的头像

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

  5. jackymao 的头像
    jackymao

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

    1. 陈大猫 的头像

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

  6. 文栋说自媒体 的头像

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

    1. 陈大猫 的头像

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

  7. 响石潭 的头像

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

    1. 陈大猫 的头像

      imdog。。。这个域名好亮!

  8. 瑾瑜 的头像

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

    1. 陈大猫 的头像

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

  9. 夏目贵志 的头像

    如果是我.

    自我介绍

    原谅我不会html 和css

  10. 小彦 的头像

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

    1. 陈大猫 的头像

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

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注