文章存档 » 三月 2011

从CSS看浏览器的兼容性

访问量大了,用什么浏览器的鸟都有,用什么鸟浏览器的都有。

现在的浏览器种类太多,版本太多。而且每个种类的各个版本,都有用户在使用。

不要让用户产生疑惑:咦,这个网站怎么在公司电脑上看着挺好的,回家了看就乱七八糟的呢?

想让所有用户都能没有障碍地看到和分享你的劳动成果?那就提高你网站的浏览器兼容性吧!那就让你的网页在各个浏览器下都能呈现出相同的表现和行为!

(更多…)

尼玛咆哮体生成器!!!贝塔版!!!!!!

最近出现了很减压的咆哮体

对于在高压之下的童鞋们和白领们都很有放松减压的效果,对于新一代的有为青年来说也很能表达心中澎湃的激情。

但是很多网友表示对于咆哮体的写作不是很顺手。

不顺手不咆哮,怎么表达自己的丰富的感情怎么减压呢?

以鄙人有限的学识,鄙人觉得咆哮体的写作也没有什么难的。

但总是咆哮也有些累,于是乎就写了一个尼玛咆哮体生成器,这里与大家共享一下。

使用必读

  • 本生成器的默认内容,是第五届鲁迅文学奖获奖作家车延高老湿的大作《徐帆》。鄙人只是代为宣传,因为鄙人10分喜欢(!!!!)。请广大网友切勿乱转生成的内容,以免被河蟹!!!!!
  • 您可以将自己想咆哮的内容,写到文本框中,然后点击“咆哮吧!!!”按钮
  • 生成的文本毕竟是笨蛋机器的输出,建议各位咆哮之前先自行润色!!!!
  • 如果您有什么不满意的地方请告诉我,我会在闲暇之余改进!!!!请各位大湿轻拍!!!!!
  • 相同的内容,每次的生成结果不会完全一样!!!!
  • 最后谢谢您的支持!!!!

点此试用尼玛咆哮体生成器

尼玛咆哮体生成器

尼玛咆哮体生成器

 

 

 

 

 

 

 

 

 

 

 

 

原文地址:http://www.fancycedar.info/2011/03/paoxiao/

PureWeber首批主题开放下载

前几天已经放出了截图,今天开放下载了。

小雨同学作品:7Honeycomb

酷酷的Android风格的主题,甚至连小雨同学的妈妈都赞不绝口。显然,这是一款老少咸宜的主题。

咸鱼同学作品:Cybery Cool

好吧,我承认,这个主题是我设计的,看起来还是挺不错的,清爽简洁,不是吗?(轻点拍砖好不好)

手套同学作品:Glovely

这个主题从里到外都散发着那么一股子文艺青年的味道。好吧,glove,我承认,你比我们都文艺。

PureWeber首批主题预览图放出

上周布置小雨、咸鱼、手套三位同学每人制作一个Wordpress主题,目前进展良好,三位同学基本完成了任务,现将主题预览图放出(点击小图看大图),主题安装包会于近日放出。欢迎关注。

小雨同学作品:7Honeycomb
酷酷的Android风格的主题,甚至连小雨同学的妈妈都赞不绝口。显然,这是一款老少咸宜的主题。

咸鱼同学作品:Cybery Cool
好吧,我承认,这个主题是我设计的,看起来还是挺不错的,清爽简洁,不是吗?(轻点拍砖好不好)

手套同学作品:Glovely
这个主题从里到外都散发着那么一股子文艺青年的味道。好吧,glove,我承认,你比我们都文艺。

学做网页这件小事

神马都是浮云,神马都在云端。

在这个时代,很多人都会面临网页制作这个事情。特别是对广大程序猿们,网页制作应该是很基本的技能了——你也不用会得太多,但你也不能一点不会。

但是对于到底怎么学做网页这个小事,对新手来说却是个大事。遵循“复用”的原则,我希望这一篇文章能解除多个人的疑惑。

俗话说,师父领进门,修行靠个人。这里不会教你怎样做美工怎样编码怎样制作表单怎样控制样式,这里只会教你怎样去学习制作网页,怎样从一个菜鸟成长为一个老鸟。

我只是一个掌灯的NPC,打怪练级还得靠你自己。

好了,闲话不多说了,开始谈点正经的吧~以下的内容请循序渐进,一步一步来。

P.S. 为了降低学习的难度提高学习的速度,这里给出的基本都是中文资料。

1. 首先, 明确概念

做网页 vs 做网站

  • 做网页:这里就只代表制作静态网页。静态网页是一切网站的基础。制作静态网页非常之简单,少看个电影就能入门了。而且很多童鞋很多时候其实就只需要几个静态网页。本文会集中火力讲解怎样学习静态网页的制作。
  • 做网站:这里就指动态网页了。这个需要有高级程序语言的基础,这里不讲,等下篇吧。

设计网页 vs 制作网页

  • 设计网页:简单地说,就是指将网页画出来。这个属于美工的范畴,而不是程序。程序猿们还是先使劲学程序吧,你学的那点很难上得了厅堂。
  • 制作网页:简单地说,就是指将美工画出来的网页做成静态网页。目前国内这个还是程序猿的活。但国外很多美工都能做出代码质量很高的静态网页。因为静态网页的制作真的很好学,很简单。看到这里,你的信心增强不少了吧!

2. Web标准

这个部分第一次看的时候,不用看得太明白。等掌握了HTML和CSS之后应该再复习一下这个部分。

3. 唠叨几句

请同学们先暂时压抑一下自己写代码的冲动,请先看看以下的几点注意事项:

  • 用什么来写代码?不要使用自动生成代码的工具!不要用Dreamwaver的设计模式!如果你对自己要求不高,你可以使用Dreamwaver的代码模式。如果你对自己要求很高,推荐使用有代码高亮功能的文本编辑器,比如:Vim, UltraEdit,Emacs
  • 看教程时,所有示例代码必须自己实现
  • Dirty your hands. 实现示例时,所有的代码必须手动输入。从第一个示例程序就开始坚持!Ctrl+C Ctrl+V的话是学不会的。得真刀真枪才能锻炼出来
  • 当你等下看教程的时候,会发现会有很多内容,你或许会感叹内容太多甚至望而却步。不要慌!其实教程的很多东西都是目前不用屌的。先把这里罗列出的入门知识看完再去慢慢学其他的也不迟
  • 当你遇到问题的时候,首先应该思考——找到问题所在并尝试去找解决方案,其次应该查询参考手册(文后附下载地址),再次问Google(百度就免了),最后也可以到这里提问

4. HTML

HTML并非是单纯的一行一行的代码,而应该有严禁的结构——DOM。您写的不是代码,您写的也不是寂寞,您写的是一棵树。

HTML就是网页的骨骼,就是网页的结构。

关于HTML的教程,网上有很多,但很多都有些过时或者繁琐。个人比较推荐 网页设计师W3School (英文版)。

这个阶段需要看的内容为:

好了,对于HTML,就只需要学习这么多。不要惊讶,这就是基础,就这么少,但一定要全部掌握。

4. CSS

CSS就是网页的皮肤。学会CSS之后你就可以随心所欲地控制网页的样式了。

5. XHTML+CSS

这个部分将告诉你怎样将HTML和CSS结合起来使用,做出漂亮且实用的网页。一定要手动编写代码实践!

6. 回头复习 2. Web标准

7. 没有了

如果您能耐心地看完这里给出的资料,并且都实践了,那么恭喜您,入门成功!

这个时候你可以说自己会做静态网页了。

当然,要学的其实还有很多很多,比如如何切图,如何使用JavaScript等等。

有关这些的文章会在近期推出,有兴趣的同学可以关注一下,谢谢。

如有谬误,敬请斧正!

附. 手册下载

这两本手册很精简,但是绝对够用了,我一直就使用这两本手册。

HTML超精简手册:HTML参考手册

CSS2参考手册:CSS2参考手册

原文地址:http://www.fancycedar.info/2011/03/how-to-learn-web-programing/

Cybery-Reader低调上线

经过2010年末程序设计实践2——Web开发入门课程,几名同学组成了一个Web开发团队,在段志岩师兄的带领下,开始了Web开发寒假进阶班的培训。经过一个假期的努力,团队开发了一款简约的在线RSS Feed阅读器——Cybery-Reader。现已上线运行并开放注册,欢迎各位同学试用。

Cybery-Reader地址:http://www.pureweber.com/cybery-reader/

RSS Feed

可能有人不知道RSS Feed为何物。在Web2.0时代,各种网站都提供了Feed订阅服务。网站发布信息时,不仅仅把内容展示在网页上,还会把它们进行格式化后写入一个XML文件。这个XML文件就是Feed。根据格式不同还分为RSS Feed,Atom Feed。Feed阅读器应运而生。

Feed阅读器

你不再需要登录从前获取内容的网站查看是否有新的文章出现,只要网站提供Feed订阅,就可以使用阅读器订阅。阅读器会定时抓取Feed中的内容,一旦有更新就会在阅读器内显示。如果你每天有大量不同的网站需要看,如果你对新鲜事很敏感,利用阅读器订阅那些产生内容的站点吧!那将会省掉你大把的时间。只要打开阅读器,便能了解天下大事。

Cybery Reader使用教程

注册

初来乍到,没有身份是不行地!在首页点击“注册”按钮注册一个新用户吧。

邮箱认证

首先你要提供一个有效的电子邮件地址,用来收取注册验证码,以及方便我们以后联系你。 提交邮箱后请查看你的电子邮件,会有我们发给你的一封认证邮件。点击里面的链接进行下一步。

输入用户名和密码

用户名和密码是用来登录的凭证,请一定不要忘记,不然会很麻烦的。

完成注册

下面给自己取一个好听的昵称吧!

主界面

欢迎使用Cybery Reader。注册完成后你会自动订阅我们的课程网站http://www.pureweber.com。还能看到其他的热门订阅,看看其他人都订阅了什么。下面要开始自己的订阅啦!

如何订阅

在正式使用阅读器之前,你需要登录到想订阅的网站,查看该网站是否提供Feed订阅服务。网站是否提供订阅很明显的一个标志就是看它的页面上是否含有类似这样的图标: 如果有,那一定就提供订阅服务啦!一般来说,这个图标就指向一个Feed地址了。先把这个地址复制下来备用。

在Cybery Reader的主界面右上角,有一个“添加订阅”按钮,点击这个按钮进入订阅页面。将刚才复制下来的地址贴到图示内的文本框中。然后点击“订阅”按钮,耐心等待几秒钟,我们的后台正在抓取你订阅的Feed,一旦抓取完成就会返回主界面。

有人问了,怎么这么麻烦呢?我还要登录到那个网站?其实如果你懒得满网页找Feed链接的话,也可以直接把网站的地址贴到文本框里。Cybery Reader会替你在网站上查找Feed链接,如果找到的话,会在提示信息中显示该链接,复制下来粘进去再订阅就可以啦!

查看订阅

我的Feed

你订阅的所有Feed都会显示在左边栏“我的Feed”下。查看对应Feed的条目只要点击其标题,就能在中间看到Feed中的所有条目了。默认只显示每个条目的标题,点击相应标题,文章就会展开,显示其中的内容。

热门Feed

热门Feed顾名思义,就是最受欢迎的几个Feed。我们推荐给你这些Feed,供你阅读参考。如果喜欢,你也可以把他们专门添加进你的Feed以方便标记和分享(功能开发中)。

结语

Cybery Reader是几个初学者用不到一个月时间完成的成果,虽然功能上还不是很完善,还有很多需要改进的地方,但是做到这个程度便给了我们很大的自信。做一件事,不在于你有多么完美多么独特的想法,不在于你有多么深厚渊博的知识,而在于你是否坚持去做。做的时候发现问题,有了问题及时去学习和改正。有时候,一句“没时间”便可能磨灭了兴趣,丧失了机会。

当然,Cybery Reader做成现在这样是远远不够的,我们的团队会继续维护这个项目,努力使它能够真正应用于生产之中。