计算机网络Lab-13.ppt

* 自动主题样式（Autotheme）是PostNuke CMS的自动化主题样式系统 其设计目的就是试图减少在设置主题样式上的复杂性 AutoTheme的优点 可以使用普通设计工具（如DreamWaver）和HTML为用户设计使用PostNuke的网站主题样式 为用户随意展示网页上不同的区块（block）提供便利，也可以为不同的模块（module）定制相应的样式 无论主题样式如何设计，都必须对PostNuke有基本的了解 标准的PostNuke安装在布局中需要利用四种元素，左侧区块、右侧区块、中间区块和模块 必须注意到： 尽管可以通过PostNuke 的管理界面（区块管理）对区块的布局进行调整； 但需由主题样式来控制这四种元素何时（When）、何地（Where）--哪个页面上且如何（How）在网页展示 在新闻模块中，还有两个重要元素: 文章内容/摘要（Summary Article，显示在主页上） 文章主体（Full Article，用户需要点击“详细内容…”） 课程软件包中已经包含autotheme.rar 将AutoTheme文件解压缩后存放到PostNuke的themes目录下 出于安全考虑，可以改变AutoTheme的目录名 然后，就可以浏览PostNuke站点，在管理员界面的【网站全局设置】中将主体样式改到新的AutoTheme、或设置、或改制 docs: AutoTheme的说明文档（For PN） images: 图像资源；Styles：CSS文档 includes：初始化和指令定义文件 要注意到AutoTheme是主题样式系统而非一个普通的主体样式。 其目录下所包含的HTML模板和图像（仅是一个样板）可以直接使用或按需进行改制 用户可以使用AutoTheme的功能进行创新 area1block.html (1区的区块模板 – 仅用于核心区块) article.html (文章主体模板) centerblock.html (中间区块模板) leftblock.html (左侧区块模板) poll.html (用于民意调查区块用户定制模板- 如果站点配置的话) relatedlinks.html（用户定制模板可用于表现相关链接的右侧区块-如果站点配置的话） rightblock.html (右侧区块模板) summary.html (默认文章内容/摘要模板) summary1.html (首选文章内容替代/摘要模板) summary2.html (次选文章内容替代/摘要模板) theme.html (主题样式模板) 一些与Autotheme有关的图像文件包含在AutoTheme的images目录下，也是用来展示AutoTheme的功能 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图像) 可以使用读者所熟悉的网页设计工具(如dreamwaver)来设计: 主页模板 (theme.html); 左侧区块模板(leftblock.html); 中间区块模板 (centerblock.html) ; 右左侧区块模板(rightblock.html) PostNuke的新闻模块要用到两类文章的主题样式: 文章内容(summary.html): 文章主体(article.html) 注意: 区块和文章的主题样式中不得包含html、head、body标记 当设计主页模板时，需要牢记PostNuke站点的各类布局的元素 使用注释形式的指令来定义模板的布局位置，AutoTheme 指令格式如下: !-- [command] -- 实际上，Aotutheme的精髓在于，它把复杂的PHP代码用指令形式包装起来 在使用autotheme进行网站的界面设计时，务必关注那些重要的指令，不要在不经意间把它删除了，导致网站动态效果的减弱甚至失败 重要的指令 !-- [user-login] -- !-- [modules] -- !-- [right-blocks] -- !-- [date] -- 由于不包含Ｐ