Jorux Notebook

Just a web designer's blog

If you love css …

我想把本篇作为css基础教程的序曲,从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分,单独发表,其间可能会插入几篇与教程无关的文章。没有具体的教程发表进度,推荐关注本教程的朋友订阅本站Feed。教程内容的 30%-50%为Jorux原创,其余翻译部分均为意译,可能来源于多个国外站点,并在教程结束时公布参考原文地址。
曾翻译过一篇css教程:十步学会用css建站,文章声称能在十步学会建站,虽说夸张点,但确实能学到一些东西,就像现代社会流行速成一样,它只是一个css快餐,要达到自由运用css,没个百八十步恐怕有点悬。

螃蟹的跑步机-搞笑动画

在css教程开始之前,需要调节一下大家的神经,改改本站的严肃气氛。欣赏一个来自Atomfilm的动画短片。虽说是发生在螃蟹健身房的搞笑动画,但是却能让人联想起现实中的种种现象。

关于网站Reboot的说明

这次网站重新启动可能是”Jorux.com”自存在以来最为彻底的一次Reboot.促发这次重启的主要原因是851空间站的虚拟主机即将到期。网站的变化主要体现在以下几个方面:

1.Design:
从photoshop的平面设计到xhtml/css的编码,大约花了3天时间。
Reboot 的另一个原因就是,本人有点设计网页的嗜好,这么好的机会自然不会放过。这个过程对于我最难的部分就是设计的构思,这个过程远不是3天的功夫。一直在想个人网站应该是设计成什么样才能达到我心目中的水准:简单,易用,Web Standard,美观。至少现在这个样是基本达到我的要求的,仍在改进中。
其次就是Graphic design,本人的ps水平只限于基本的图片处理,但好在本人比较喜欢简洁的界面,不奢求过多的图片效果。
最后是xhtml/css转换,虽然已经比较熟练,但依然在一些难度比较大的方面消耗了很多时间。原本答应一位天津的朋友说再翻译一个css教程,由于前段时间实在太忙,这次一定趁着Reboot的东风,翻译一个更加基础全面的css教程,和大家一起进步!

Jorux制作的z-blog样式列表(更新中)

本列表所列样式均为Jorux所制作,你可以免费使用,修改。如果你愿意,请反向链接至此页面。
征求Demo展示页面,如果你使用了某个样式,请留言要求将demo链接指向你的网站。
以后制作的z-blog样式均会按时间倒序排列于此,不再单独发表。本列表无限期更新!
8.Simple
Designer:Jorux
Coder:JoRux
Demo展示:暂无

css教程–十步学会用css建站(全)

本教程主要参考Creating a CSS Layout from scratch,由Jorux翻译,以意译为主,其间加入了不少Jorux的个人观点,省略了一些多余的说明,请读者明鉴。

目录:

第一步:规划网站,本教程将以图示为例构建网站;

第二步:创建html模板及文件目录等;

第三步:将网站分为五个div,网页基本布局的基础;

第四步:网页布局与div浮动等;

第五步:网页主要框架之外的附加结构的布局与表现;[…]

3GB的免费Gmail网络硬盘

Gmail的广告词:Don’t throw anything away.Over 2723.678MB of free storage。
2723MB这只是我写这篇文章时的数字,它在不断变化,而且在不断变大。
Gmail的容量:以目前的速度其容量将在08年4月左右达到3G。
如此之大的空间可能大家都不想错过,但是仅仅是Email的话估计很少有人能超过100MB,更何况是3G。这既是一种浪费,也是一种对Google的纵容。为什么不把这些空间利用起来,让你在任何能上网的地方方便的提取呢?!

Transforming Your Design to XHTML/CSS for Free

If you have a good design, want to transform it to XHTML/CSS or Wordpress Theme, and publish it to internet, I can do you a favor for free!

Why it is free?
1. I love Xhtml/CSS!
2. I am a College student, so I have time to do!
3. The advantage of internet is free and donates (All of Mozilla, Wordpress, Google Web application are free. if I could do something to you, why not?).
4. The design is more important.

用Google代理浏览被屏蔽的网页

以上三个是现在比较流行的在线翻译服务提供商,也许你用过它的翻译功能,但我想说的是,除了那些诸如阿拉伯语,意大利语之类的让你彻底看不懂的网页外,它们的机器翻译效果极其有限。
但是它们却有着让你意想不到的用处:网页浏览代理。
现在有很多提供网页浏览代理的网站,但它们无一例外的加上了恼人的广告甚至是弹窗,而这些在线翻译网站的主机均在北美而且没有广告,我们利用它来浏览一些被屏蔽的网站。

使用方法
1.在网页翻译的网址输入框输入你要访问的网址;
2.既然不需要它的翻译功能,我们只需把翻译的目标语言与你要访问的网页语言设为一致,比如你想访问一个英文站点,只需设置”From ***(任意语言) To English “,就可以代理浏览这个网页,而不使用它糟糕的翻译功能。

About Me

上边这个照片就是现实中的Jorux,把照片放上来其实是一个典型博客的做法,但Jorux暂不承认自己是个博客。照片没有photoshop过,本想弄得帅一点,好吸引一些女性访客,只是ps水平实在一般,于是把原本邋遢的宿舍背景换成了黑色。 Jorux是个即将毕业的%@医科大学生,和计算机基本不搭界。{基本在翘课}+{考前突击}=Jorux的大学,居然也快结束了。

网站的开始

其实很讨厌博客,尤其是大陆的博客,绝大多数都是一些无病呻吟的日记式文章,所以从2005/05开始接触网站制作开始,就想把网站做的更像一个综合“大网站”,花了很多时间研究主页的设计,xhtml标准,css,asp,弄到精疲力竭,才发现自己好像只是做了个网页而已,和“大网站”相去甚远。网站最缺的不是外观,也不是使用的语言,而是内容。到了2006/02才找了个博客程序zblog,算是和网站制作说了声再见。

[更新]Maxthon网页浏览代理插件1.1版

何谓”网页浏览代理”:
指由在线代理服务器提供的一种HTTP服务,主要用途为:
1.匿名访问,通过浏览代理访问网页时,你的IP地址为代理服务器的地址,而非你的实际IP地址;
2.;突破封锁,访问被ISP(电信网通等)封杀的网站。
安装方法:解压文件到Maxthon\Plugin\web_proxy\目录,重启Maxthon;

使用方法: (必读)
正常访问你的目标网站,等待浏览器读取地址栏的地址后(即网页标签栏不是显示“空白页”)时,点击图标,或在下拉框中选择代理服务器,即可自动打开一个被代理的网页!

注:请务必等待浏览器从地址栏获值后选择代理服务器,即网页标签栏不是显示“空白页”时,而是网站名或是”找不到服务器”!

Designed by Jorux. Proudly powered by WordPress    Except where otherwise noted, this site is licensed under a Creative Commons License.