Personal tools
You are here: Home Plone 教程 DIYPloneStyle: 为plone2.1创建定制外观 资源

资源

Document Actions
相关文档,Zope/Plone产品,以及面向CSS的开发工具。

chenq

本指南将会教会你,如何以DIYPloneStyle为基础,为plone2.1创建一个定制的样式产品,它将利用新的资源注册表机制来注册资源,并向门户添加一个皮肤选择项。 (声明:本指南英文版权归原作者所有,中文译文归"润普公司"(http://www.zopechina.com)所有,未经允许不得用于商业用途)
Page 9 of 9.

这里下载DIYPloneStyle的最新发布

基础参考

下面的链接将能够回答大多数本指南没有覆盖到的问题

资源注册表
项目描述 或者该产品的 README.txt文件对它的功能给出了很好的概述
要学到更多注册表的API相关信息,您可以安装 DocFinderTab。一旦您开始学习Zope/Plone的API,我们推荐你无论如何都要采用这个产品。
定制Plone - Plone 2.0 的方式 作者: Alex Limi
一个对Plone2.0布局结构和哲学的概览,以及介绍了您能用CSS作什么。
(本文档也可以作为一个很好的全屏模式下使用Opera 投影 CSS媒体的演示,它将显示plone页面段为投影幻灯片。

TTW方式定制

这些链接可以被用于更好的理解皮肤工具机制,以及跟Plone用户界面元素相关的东西是如何组织的。

Plone宝典 作者:Andy McKay
第七章,关于定制Plone的观感 对于那些需要更好的理解皮肤工具机制的人们来说,这是一个必读读物。
where is what? 作者:Jet Wilda
一个关于什么模板和CSS控制着UI元素, 以及在ZMI中如何找到它们的参考。(覆盖Plone2.0)

文件系统开发

plone.org的How-to部分
User Interface: Styles and styling, CSS这一部分有大量优秀的资源。
特别是关于创建一个定制皮肤 作者:Ben Calder
Plone开发最佳实践 作者:Joel Burton
如果您计划开发基于文件系统python代码的产品,他将给予你很好的忠告。

以下的参考资料可能看起来已经远离了我们的主题,因为他们大部分都是关于开发内容型别的,但是对于学习如何为plone构建python产品,他们都是极具价值的。

我的站点 作者:Raphael Ritz
这个指南/产品是针对Plone新手的,覆盖了基于文件系统进行产品开发的大多数方面。
RichDocument 作者:Martin Aspeli
尽管这个指南/产品更多是关于为Plone创建新的内容型别的,它还是有一个简短的部分覆盖了资源注册表的使用
Plone宝典 作者:Andy Mckay
同样有一章关于用python写一个产品

DIYPloneStyle本身自带单元测试
大多数下面的参考都描述了Zope和Plone的单元测试框架,真得很容易在任何Plone产品中采用它们。

PloneTestCase
PloneTestCase是ZopeTestCase 包之上的瘦包装层,用于简化对基于Plone的应用和产品的测试。
如何为Plone编写单元测试
这篇文档展示了编写单元测试有多容易,以及描述了如何设置您的环境来调用它们.
the ZopeTestCase Wiki
一份全面的关于Zope单元测试框架的文档。

其他的Plone皮肤产品

我们发现大多数针对Plone的图形化设计都还没有利用资源注册表,但是采用这个代码现在应该是非常容易了,参考您阅读的这份指南开始吧 ;-)

plong.org的产品区
是一个集中化的Plone产品仓库。它有一个区域专注于可视化主题 ,可用来作为关于如何应用新的设计到Plone站点的有用例子来源。
ploneskins.org
是另一个Plone皮肤仓库。

CSS设计

官方的 W3C CSS 文档
由W3C联盟交付的官方层叠样式表文档。
CSS禅园:CSS设计之美
一个基于CSS设计的示范,演示它可达成的视觉效果。
A List Apart
一个web期刊,其宗旨是“探索设计、开发、以及web内容的意义,特别聚焦于根据web标准设计的技术和益处”
著名的书籍作者的web站点
一些关于CSS设计的书籍作者们都有他们自己的web站点, 比如Eric MeyerJeffrey ZeldmanDan Cederholm以及 Owen Briggs等等,这些站点都是查找文档,例子和技巧处方的好地方。

Mozilla/Firefox工具和扩展

当您需要检视Plone页面元素的CSS属性,或者想要找出什么id或class您想要在您的样式表中覆写时,以下工具是您最好的朋友。

DOM Inspector
这个Mozilla工具能被用来检视和编辑任何web页面的DOM
Web Developer
添加了一个菜单和工具栏,里面是各种web开发工具。
Aardvark
这个扩展可以显示web页面上一个选定元素的属性(比如ID或class名)。
EditCSS
边条上的样式表修改器。
ColorZilla
高级的Eyedropper,颜色选择器,页面缩放器以及其他的华美工具。它帮助web开发者和图形设计者进行颜色相关任务——不管是基础的还是高级的。
察看格式化源码 (format source extension)
显示格式化并着色的源码以及可选的每个元素的CSS信息。您可以精确的看到哪个CSS规则匹配一个元素。这些规则的 显示包括了文件名和行号。最顶端的元素拥有最高优先级。您能够折叠/展开/醒目块元素(table,tr,td,div,span,...)。真正酷的特性是:直接在页面中选择一个您感兴趣的块级元 素,马上就可以看到它的源码!为了帮助你快速分析源码,你能够直接在源码中察看图片以及添加注释以折叠块元素。代码视图是基于渲染的文档,因此您也将看到动态(通过Javascript) 创建的以及修改的html元素!对于frames和选择的文本,一样可以工作。
察看渲染后的源码图表
为一个web页面的渲染源码创建一个华美的图表。
同时显示动态生成的HTML以及静态HTML
移除JavaScript代码,显示JavaScript输出。
在学习环境中,它非常优秀,是您的一个可视化助手。

 
如果您知道跟本指南相关的其他资源, 直接发到评论里,他们将被添加到这个列表。

by chenq — last modified 2005-11-14 20:43
Contributors: 原作:david convent, 翻译:陈穹
GFDL

Powered by Plone CMS, the Open Source Content Management System

This site conforms to the following standards: