第 7讲 自动主题样式
,网页设计与编程,
自动化主题样式
?网站的主题样式反映了网站的外观设计，
也是网站内涵的一个重要体现。
?一般动态网站的主题样式设计难度较大。
例如 PostNuke当前的主题样式设计需要用
户熟悉 PHP程序和 PostNuke的体系结构。
自动化主题样式
?自动主题样式（ Autotheme）是 PostNuke
CMS的自动化主题样式系统，其设计目的
就是试图减少在设置主题样式上的复杂性。
自动化主题样式
?AutoTheme的优点在于可以使用普通的网
页设计工具和 HTML为用户设计使用
PostNuke建设的网站主题样式。
?AutoTheme为用户随意展示网页上不同的
区块（ block）提供便利，也可以为不同的
模块（ module）定制相应的主题样式。
自动化主题样式
?无论主题样式如何设计，都必须对
PostNuke有基本的了解。
?标准的 PostNuke安装在布局中需要利用四
种元素，左侧区块、右侧区块、中间区块
和模块。
自动化主题样式
?尽管可以通过 PostNuke 的管理界面对区块
的布局进行调整；
?但需由主题样式来控制这四种元素何时、
何地（那个页面上）且如何在网页展示。
自动化主题样式
?在新闻模块中，还有两个元素，文章内容
（ Summary Article，显示在主页上）和文
章主体（ Full Article，用户需要点击“详细
内容 …” ）
POSTNUKE主要布局元素
左侧区块
中间区块
模块
右侧区块
详细信息
AutoTheme的安装
?将 AutoTheme文件解压缩后存放到
PostNuke的 themes目录下。
?出于安全考虑，可以改变 AutoTheme的目
录名。
?然后，就可以浏览 PostNuke站点，在管理
员界面的 【 网站全局设置 】 中将主体样式
改到新的 AutoTheme、或设置、或改制。
在 Windows中,AutoTheme的存储结构
样板文件（ Example）文件
?AutoTheme是主题样式系统而非一个普通
的主体样式。
?其目录下所包含的 HTML模板和图像可以直
接使用或按需进行改制，但这仅仅是一个
样板而已。
?用户应该使用 AutoTheme的功能进行创新。
样板文件（ Example）文件
?area1block.html (1区的区块模板 – 仅用于核心区
块 )
?article.html (文章主体模板 )
?centerblock.html (中间区块模板 )
?leftblock.html (左侧区块模板 )
?poll.html (用于民意调查区块用户定制模板 - 如果
站点配置的话 )
?relatedlinks.html（用户定制模板可用于表现相关
链接的右侧区块 -如果站点配置的话）
样板文件（ Example）文件
?rightblock.html (右侧区块模板 )
?summary.html (默认的文章内容模板 )
?summary1.html (首选文章内容替代模板 )
?summary2.html (次选文章内容替代模板 )
?theme.html (主题样式模板 )
样板文件（ Example）文件
?一些图像文件包含在 AutoTheme的 images
目录下，也是用来展示 AutoTheme的功能。
样板文件（ Example）文件
? leftbar.gif,mainbar.gif,rightbar.gif (由 PostNuke用来
建造图像,用在 Polls 或 Stats模块中 )
? search.gif (为 AutoTheme [search] 命令所使用的图像，
用来替代默认按钮。 )
? login.gif (为 AutoTheme [user-login] 命令所使用的图像，
用来替代默认按钮 )
? default.gif (在 theme.cfg 中定义的默认 logo图像 )
? thenews.gif (在 theme.cfg 中定义的新闻模块的默认 logo图
像 )
? downloads.gif (在 theme.cfg 中定义的 Downloads模块的
默认 logo图像 )
aotutheme beta 5.0中利用现成的样板文件
所显示的网站主题样式
小结
?Auototheme可以帮助设计网站的主题风格
?初步利用 Auototheme可以通过改变其样板
文件的内容进行
?注意：局部的设计和总体设计之间的关系
,网页设计与编程,
自动化主题样式
?网站的主题样式反映了网站的外观设计，
也是网站内涵的一个重要体现。
?一般动态网站的主题样式设计难度较大。
例如 PostNuke当前的主题样式设计需要用
户熟悉 PHP程序和 PostNuke的体系结构。
自动化主题样式
?自动主题样式（ Autotheme）是 PostNuke
CMS的自动化主题样式系统，其设计目的
就是试图减少在设置主题样式上的复杂性。
自动化主题样式
?AutoTheme的优点在于可以使用普通的网
页设计工具和 HTML为用户设计使用
PostNuke建设的网站主题样式。
?AutoTheme为用户随意展示网页上不同的
区块（ block）提供便利，也可以为不同的
模块（ module）定制相应的主题样式。
自动化主题样式
?无论主题样式如何设计，都必须对
PostNuke有基本的了解。
?标准的 PostNuke安装在布局中需要利用四
种元素，左侧区块、右侧区块、中间区块
和模块。
自动化主题样式
?尽管可以通过 PostNuke 的管理界面对区块
的布局进行调整；
?但需由主题样式来控制这四种元素何时、
何地（那个页面上）且如何在网页展示。
自动化主题样式
?在新闻模块中，还有两个元素，文章内容
（ Summary Article，显示在主页上）和文
章主体（ Full Article，用户需要点击“详细
内容 …” ）
POSTNUKE主要布局元素
左侧区块
中间区块
模块
右侧区块
详细信息
AutoTheme的安装
?将 AutoTheme文件解压缩后存放到
PostNuke的 themes目录下。
?出于安全考虑，可以改变 AutoTheme的目
录名。
?然后，就可以浏览 PostNuke站点，在管理
员界面的 【 网站全局设置 】 中将主体样式
改到新的 AutoTheme、或设置、或改制。
在 Windows中,AutoTheme的存储结构
样板文件（ Example）文件
?AutoTheme是主题样式系统而非一个普通
的主体样式。
?其目录下所包含的 HTML模板和图像可以直
接使用或按需进行改制，但这仅仅是一个
样板而已。
?用户应该使用 AutoTheme的功能进行创新。
样板文件（ Example）文件
?area1block.html (1区的区块模板 – 仅用于核心区
块 )
?article.html (文章主体模板 )
?centerblock.html (中间区块模板 )
?leftblock.html (左侧区块模板 )
?poll.html (用于民意调查区块用户定制模板 - 如果
站点配置的话 )
?relatedlinks.html（用户定制模板可用于表现相关
链接的右侧区块 -如果站点配置的话）
样板文件（ Example）文件
?rightblock.html (右侧区块模板 )
?summary.html (默认的文章内容模板 )
?summary1.html (首选文章内容替代模板 )
?summary2.html (次选文章内容替代模板 )
?theme.html (主题样式模板 )
样板文件（ Example）文件
?一些图像文件包含在 AutoTheme的 images
目录下，也是用来展示 AutoTheme的功能。
样板文件（ Example）文件
? leftbar.gif,mainbar.gif,rightbar.gif (由 PostNuke用来
建造图像,用在 Polls 或 Stats模块中 )
? search.gif (为 AutoTheme [search] 命令所使用的图像，
用来替代默认按钮。 )
? login.gif (为 AutoTheme [user-login] 命令所使用的图像，
用来替代默认按钮 )
? default.gif (在 theme.cfg 中定义的默认 logo图像 )
? thenews.gif (在 theme.cfg 中定义的新闻模块的默认 logo图
像 )
? downloads.gif (在 theme.cfg 中定义的 Downloads模块的
默认 logo图像 )
aotutheme beta 5.0中利用现成的样板文件
所显示的网站主题样式
小结
?Auototheme可以帮助设计网站的主题风格
?初步利用 Auototheme可以通过改变其样板
文件的内容进行
?注意：局部的设计和总体设计之间的关系
