回主页

笨活儿关注Web前端和网页设计,同时兼顾用户体验,致力于将国外的优秀教程汉化,并不定期推荐免费优秀影视娱乐资源。

订阅本博客。


  • About/关于
  • Browse/浏览
  • Portfolio/作品集
  • Search/搜索

TOPICS/主题:生而享乐 网页设计 免费资源 Web前端 感受年轻 边翻译边学习More...


  • « 给JavaScript新手的24条实用建议[TUTS+]
  • Internet Geek的专属T恤 – HelloTee & GeekCook »
发表时间:六月 23 ↓ 有话想说

果冻恙 — 我的第一个作品

由 慵云 发表于 Web技术 分类下  发表时间:星期二, 六月 23, 2009 21:18

相信学网页的都是从自己的个人主页做起,今天我也来特别放送我的这第一个网页作品。

果冻恙 – Jelly Young

这是大一暑假,也就是整整两年前做的东西。当时抱着本台湾人编的CSS实例教程(没有系统化讲解,都是一些基本属性的实例应用,书名我忘了),还有一部《Ajax基础教程》,一个人在家里捣鼓,基本上是零基础,家里又没有联网,没办法看网上的教程,基本上就靠着这两本书了。嗯…. 以及Dreamweaver的帮助文档,呵呵。

果冻恙? 嗯哼?

当年的自我介绍是这样写的:

我在我的世界里轻轻的歌唱。果冻软滑的质感,明亮的色彩,丰富而甜蜜的口味,让人开心,不得不开心呵!我做那只年轻的让认人开心的果冻,我却无力诋毁我内心的忧伤。果冻有恙,无恙?无所依矣!

同学,不装逼你会死啊?!“我在我的世界里轻轻的歌唱”这句话到底是哪里看来的?好像非常具有代表性…… 嗯哼嗯哼…… 最后一句“无所依矣!”是个嘛东西?你认为大家都像你一样不懂古文吗?唉…… 所以呀,现在我虽然挺讨厌装逼的人,也没想鄙视他们。是的,大家都要经历这个阶段。

个篱小朋友要送我域名一个,让我自己选,我本着单纯而美好的愿望,挖空心思想了这么一个“果冻恙”。想起来,jellyyoung听起来也蛮悦耳的。可惜,后来我们才发现,搜索“果冻恙”会提示:你是不是要找“果冻样”——而这结果,可就不太雅观了…… 哈哈哈。Anyway,当年做这个站的时候,还是对这事儿毫无知觉……

外观

当年已经学过一点PS,所以你能看到主页的左边放了些我自己P的图。不过,我还不知道用Photoshop来做效果图,所以这个站整个外观都是直接用CSS写的,颜色什么的也是不断改代码试出来的,没有什么mockup之类的东东…  只有背景,是一条渐变图的平铺。因为那本CSS教程上就有讲背景图啦!但是好像现在看起来渐变不够明显?还不如用纯色呢!而且哟,当年我都不知道设置背景图片的同时还可以设背景色的……

也不知道是哪里学来的设计技巧,每个子页面都是高纯度色。这种做法我一直念念不忘,乃至到后来做学生会网站的时候,也用了四种高纯度色。现在看来,这些色彩,都好囧啊。不是说看着累,而是在某些显示器上看着累…… 显示器稍微有点色差就会受不了。适用范围不广。

首页那个Flash啊,好囧啊。转圈圈,转圈圈,关键词,关键词…… 多么纯真无邪呀~ 不过最囧的还是,里面用到的一个单词meditate,我居然想不起来是啥意思了…… 刚才有道了一下,是“冥思”的意思…… 是的,热情、冥思、自信、善良,就构成了这只让人开心却要自己忧伤的果冻……   嗯…. 严肃,大家都严肃!

还有那些PS的图片,唉,看了就让我伤感呀…… 想当年我还是凌厉的小正太一枚,如今就已蜕变成面向猥琐、胡子拉碴、双目无光、人人第一印象都是“你是宅男吧?”的幽怨大叔了……

技术

都说我基本上是零基础,手边有没有网上的系统教程,所以做的时候都是靠的我对软件的敏感,自己在Dreamweaver里摸索。“站点管理”、“网页模板” 些东西都是自己搞懂的…… 然后JavaScript,是几乎毫无基础,直接抱着《Ajax基础教程》啃,然后自己写出来的。说实话,显得我的JS也不咋地,没有google就写不下去的,连最基本的字符串操作函数都必须随时有参考文档才行…… 想成大事,是还是要费脑子去背才行。

虽说我看了《Ajax基础教程》,但看懂这本书还需要Java基础和servlet的环境实践,所以我也就看了些最基本的概念就没有深入研究了。果冻恙的Ajax用在了日志和友链页面里。

突然从当年的日志里发现,原来我一直都是一个workaholic,只要专心去做一件事了,完全可以废寝忘食。不过啊,要是自己不想做的事,打死也不会去做…… 即使早就过了deadline都还是要推…… 解决办法只有让自己爱上它,或者寄希望与通过一点责任心来控制自己,不然真的没办法强迫的……

一个下午都耗在Mod_rewrite上了…

由于我的虚拟主机不支持域名绑定子目录,所以我就需要通过rewrite来实现子网站的虚拟主机。前段时间换成了Linux主机,而Apache下的mod_rewrite又和IIS上的ISAPI Rewrite的作用机制有点不一样。我试了很久发现好像mod_rewrite的[L](停止重修)这个flag没有起作用?不知道是哪里的全局设置出了问题,还是我自己对这一flag的理解没对?有没有高手解释一下?

最终我选定的方案是:

[php]RewriteCond $1 !(test|portfolio|pf|src|demo)/
RewriteCond %{HTTP_HOST} ^(test|portfolio|pf|src|demo)\.benhuoer\.com$
RewriteRule ^(.*) /%1/$1[/php]

核心是判断host name,然后rewrite到子目录下。之所以把HTTP_HOST这个condition放到第二句是需要在RewriteRule里调用那些host前缀,使用%1进行匹配。$1匹配的是前面的RewriteRule的Pattern。第一句是为了防止已经rewrite过的再被rewrite…

有谁能提供更好的写法吗?[L]到底是怎么回事呀?谁能告诉我!

你应该也会喜欢:
  1. 用ISAPI Rewiter代替虚拟主机,实现一个空间多个域名共用

标签:CSS • JavaScript • rewrite • 果冻恙 • 虚拟主机

© 笨活儿   允许转载,但请以链接形式保留出处。也欢迎您使用RSS订阅本博客。

  • « 给JavaScript新手的24条实用建议[TUTS+]
  • Internet Geek的专属T恤 – HelloTee & GeekCook »

此文被敲了 2 下了已经

  1. 盗亦道 ←@
    六月 26, 2009 12:04 下午

    写的很不错啊
    目前我就这水平
    哈哈
    准备学呢
    受用了
    高手都是从菜鸟起飞的

  2. keelii ←@
    七月 2, 2009 10:53 下午

    学东西会英语是件好事儿,可以跟着全世界大师们学…

多说话有益身体健康

点击这里取消回复

请勿发表“顶”、“好”、“很有用”之类对他人没有帮助的话。欢迎针对文章内容发表您自己的真知灼见。

点击人名后面的 ←@ 可以回复TA。如果已经超过回复层级,您可以在上一级回复,并记得加上“@称呼”以注明您回复的是谁。

您可以订阅本文的RSS供稿,及时了解大家的讨论进度。


唠唠叨叨:
  • 03月11日
     如果你肯爱我,我肯定不遗余力地爱你。当然,前提是我已经有了爱你的冲动。 
  • 03月11日
     其实我们可以从屁的响声中分辨出他是否还会放下一个屁。意犹未尽和气数已尽的屁响法是不一样的。 
  • 03月07日
     以上是我比较看重的优点,也是我自己努力的方向,更是我的择偶标准。而多大程度上认同和自我要求这些则决定我愿意和某人成为多要好的朋友... 
  • 03月07日
     今天洗完澡只换了内衣内裤,而内衣内裤是一模一样的两件。突然就有买几套一模一样的外衣裤换着穿的冲动。 
  • 03月06日
     当你真的学会不带感情地看一段历史,你会发现这些历史里有的只是无可奈何的苦涩。 

由 嘀咕 提供服务


  • 择日再见 Calendar

    2010年三月
    一 二 三 四 五 六 日
    « 十二    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
  • 订阅 Subscribe

    • google reader
    • 抓虾
    • 鲜果
    • 有道
    • QQ邮箱
    • 哪吒
    • 九点
    • 更多方式...
  • 广告 Ads

  • 分类文章 Categories

    • Web技术 (30)
      • 交互和UE (2)
      • 前端开发 (14)
      • 网页设计 (9)
    • 外语笔记 (8)
      • 英语精译精析 (5)
    • 好康推荐 (15)
    • 娱乐至死 (33)
    • 生活琐碎 (37)
    • 设计丛谈 (5)
  • 有情博客 Blogroll

    • 个篱: 音乐媒体观察
    • Fall With Me
    • 亲泥巴

    更多

  • 热文 Hot Posts

    • 《民主的细节》免费赠送
    • Web技术要发展,IE6必须先消失!
    • 面试心得
    • 对《民主的细节》赠送活动的一点小牢骚
    • 浅谈前端新人的职业规划
    • 网页设计中的包容原则[ALA]
    • [Britain's Got Talent]英国达人2009年度冠军Diversity视频合辑

校内 | 豆瓣 | Last.Fm | Facebook | Google Reader | 百度 | 维基百科

© 笨活儿 2009

本站所有内容均可自由转载,但请遵循CC协议规定

Powered By WordPress, Original Theme by BenHuoer