css Zen Garden

CSS设计之美

展示以CSS为基础的设计方式能够达到的视觉效果。只要选择列表上的任一样式表,就可以将它载入到这个页面。

下载html跟css的示范文件。

启示之路

各种浏览器的专属标签、低相容度的DOM,或者是缺乏完整支持的CSS等遗迹,如今都散落在黑暗而可怕的道路上。

今天,我们必须清除脑海里的过时技巧。感谢W3C、WaSP,以及浏览器设计者们的不懈努力,我们能实现网页设计技术的启示。

css Zen Garden“样式表禅意花园”邀请您放松身心,冥想专家们的重要课题。让我们以清晰的心灵之眼凝视,并且用崭新、充满活力的方式学习这项受人尊敬的古老技术,达到天人合一的境界。

这是关于什么?

显然平面设计师有必要认真看待CSS。Zen Garden致力于推广使用、启发灵感和鼓励参与。您可以从浏览列表里的设计着手。只要选择列表上的任一样式表,就可以将它载入到这个页面。HTML程式码都维持原状,唯一改变的是使用的CSS文件。没错,的确如此。

CSS具备完整控制超文本文件的能力。不过唯有当您把缰绳交给能从结构中创造美感的人们,用实例展示它的功能时,才能够鼓舞人心。迄今为止,网站架构师和程式员已经介绍过许多关于良好技巧与黑客手法的示范,平面设计师在这个领域还默默无闻。是需要改变的时候了。

参与

我们只邀请平面设计师参与这项计画。您必须修改这个页面,所以得要有良好的CSS技巧。不过这份示范文件已经详尽地加上注解,即使是CSS初学者也能够以此为出发点。请参考CSS资源手册,里面有相关的进阶教学与技巧说明。

您可以用您希望的任何方式修改样式表,但是不要改动HTML文件。如果您从来都没有这样做过,也许会有点心生胆怯。不过您可以参考列表来深入地学习,并且拿示范文件作为教学指南。

请下载html跟css的示范文件,并且在自己的电脑上修改。在您完成您的杰作后(请别拿半成品投稿),先将CSS文件上传到您的网页服务器,再把文件的网址提交给我们。如果我们采用您的作品,就会自行下载相关图片。最后成品会放在我们的服务器上。

益处

您为什么要参与这项计划呢?因为可以展现您的实力、激发创作灵感,并且在设计以CSS为基础的案例时,这项计画可以当作参考用的资源。即使在今日这也是极为需要的。越来越多主流网站开始拥抱这项技术,但还是不够。虽然现在还不成气候,但总有一天这个展览场地会成为历史的宝藏。

必要条件

我们希望您尽可能地使用CSS1。CSS2则只可以使用已被广泛支持的部分。css Zen Garden采用的是可行、实用的CSS语法,而不是些只能被 2% 的用户浏览的超尖端技术。实际上,我们唯一的需求就只是您的CSS要合乎标准。

不幸的是,这样的设计方式会强调各种CSS实作平台上的缺陷。即使是完全合乎标准的CSS语法,不同浏览器也会有不同的表现方式。而当您修好一边,却又让另一边出状况的时候,那可真是让人抓狂。请参考资源手册里关于一些错误修正的资讯。完整的浏览器支持仍然是不切实际的梦想,我们也不想要您用精准地指定像素的程式码来跨所有平台。不过还是请您尽可能地作测试。如果您的设计没办法在IE5+ /Win与Mozilla上正常显示(超过 90% 以上的人们使用),我们不可能接受它。

我们要求您提交原创作品。请遵守著作权法规。请尽可能不要使用有争议的素材;我们可以接受高雅的裸体素材,但是拒绝不当的色情图片。

这是个示范,也是学习用的练习题。您可以保留图片的完整着作权,但我们要求您用与本网站相同的Creative Commons license提供您的CSS作品,让其他人可以从中学习。

标签:css, 禅意花园, 翻译

评论已关闭