改版后的校内网涂鸦板制作详细教程

2008年11月18日


» 上一篇:浅谈小门户网站发展策略
» 下一篇:SEO网站优化的盲目崇拜

最近玩校内玩的比较火,也认真的研究了下校内的涂鸦板代码,可今天一上线,突然发现页面怎么变了样子,寻找原因,发现提示:
各位同学:
本着自由开放的原则,我们一直尽可能的减少对涂鸦板的限制,让同学们对个人页面能够进行最大限度的美化。但是随着用户的增加,在涂鸦板添加恶意代码散布广告、投放病毒的现象日益增多。校内环境日益恶化。为了给大多数同学营造一个纯净的交流环境,我们不得不选择关闭涂鸦板的html代码添加功能,但是依然可以通过涂鸦板修改CSS达到美化页面的目的。由此带来的不便我们感到非常的抱歉,感谢同学们对我们工作的支持和谅解。
原来是校内网限制了HTML代码的添加,这样我们以前的一些代码就 有可能有很多失效的,所以导致我们原来的页面千疮百孔。在一阵阵的痛骂声之后,我觉得我们也应该理解,毕竟他们的初衷只是想给我们一个纯净的环境。
校内网的发展很快,从2006年10月至今,已经有了很大的用户群,可以说国内的所有大学生几乎没有不知道校内的,如果不知道那你肯定被认为是老土了。而在这个追求个性的年代,给自己的页面做个有个性,符合自己特点的模板是我们大家的一个愿望。但毕竟这不是每个人都能轻松做到的,这需要我们有一定的基础才可以修改。但骂过之后,我们也该冷静的思考思考,似乎我们已经不可能因为这小小的变动就再也不来校内了。且不管它属不属于霸王规定。呵呵~

下面我将从零说起,大概是这样的一个过程:准备工作→Skin的构思→编写CSS→预览→调试兼容性→美化细节,预览和编写是个循环过程。我想通过本教程能够使大家了解Skin制作,不需要再用别人做的Skin,靠自己的努力把自己的校内网装饰的漂亮有个性。很振奋吧,那我们往下看……
一、 准备工作
1.1 必需的一些基础
你要有学习知识的欲望,这个是一切的前提。但如果你还不知道什么是涂鸦板,建议你不要往下看,呵呵,开玩笑了。在修改涂鸦板的时候要细心,严格要求自己,有一定的审美观。最好熟悉一些制图软件(Potoshop、Fireworks之类)。对CSS方面要掌握一定的基本知识。CSS方面苏昱做过很不错的教程
2.2 涉及的工具
首先你要有台电脑,制图软件Adobe Potoshop、Fireworks之类。CSS编写工具, Dreamweaver8最好不过,当然用记事本也可以,这样更容易记住代码的含义。色彩调配软件,屏幕截图软件等。

软件下载地址:
苏昱式样表中文手册2.0
Dreamweaver8 官方简体中文正式版
Fireworks
二、 构思你的Skin
2.1配色
你的Blog给人的第一印象就是视觉上的,所以说色很重要。这里主要只链接的颜色,主体背景的颜色,还有标题框的颜色等。
>>>>>>

文章信息

随机文章

添加评论

必需

Required, hidden

可用标签:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

引用:http://blogx.freepgs.com/1454.html/trackback  |  订阅