自动主题样式.pptVIP

第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可以通过改变其样板文件的内容进行 注意：局部的设计和总体设计之间的关系 * *