实验13PN主题样式定制.ppt

《计算机网络 --基于因特网的信息服务平台》（第2版） ; ;网站的主题样式（theme）反映了网站的外观设计，也是网站内涵的一个重要体现 一般动态网站的主题样式设计难度较大。例如PostNuke当前的主题样式设计需要用户熟悉PHP程序和PostNuke的体系结构 设计符合PN规范的主题样式，需要熟悉网页设计、ＨＴＭＬ的同时，也需要熟悉ＰＨＰ程序设计，难度是较大的;一、了解和改造现有的Themes PN 0.726中有五个基本的Themes可用 PN 0.723中也有若干Themes 本课程配套软件中有10个左右额外的Themes 从网上可以获取第三方开发的Themes 二、利用autotheme进行网站的开发 需注意：随着ＰＨＰ的升级，不同版本的PN的theme可能存在兼容性问题;具有绝对尺寸控制的theme,例如： Postnukeblue 随浏览器变化的theme,例如： Postnukesilver Extrlite Postnuke Seabreeze 可以使用DW进行设计的theme Autotheme;特点: 网站首页的宽度有具体的限制，不会随浏览器或屏幕尺寸的变化而变化 应用：比较正式的网站，例如：政府，机构，企业、学校的网站，采用此类格式的比较多 例如：前面用到的案例，网络课程网站，使用postnukeblue, 改造而来 ;Postnukeblue 浏览器的变化不影响文章板块的格式 这是格式变化前：三幅（左、中、右）;Postnukeblue 浏览器的变化不影响文章板块的格式 这是浏览器变化后：两幅（左、中） ;SeaBreeze 浏览器的变化会影响文章板块的格式 这是格式变化前：三幅（左、中、右） ;SeaBreeze（相对长度控制） 浏览器的变化会影响文章板块的格式 这是格式变化后：三幅（左、中、右） 中间（门洞）的文章幅宽受到影响 ;相对长度控制的theme 浏览器的变化影响文章板块的格式 适合应用于休闲，娱乐类的网站，网页的篇幅可以随浏览器随意变换 但不适合与政府，企业网站，网页的篇幅的变换，可能导致页面的严肃性受损 ;;许多同学喜欢更换不同的theme 但是审视不够仔细，例如，当使用72xthemes.zip中的SabadellClients.zip包，放到html/themes目录下，就会： ;原因： 解压缩的文件目录层次不对，系统无法找到theme.php文件 Theme版本的兼容性问题;解决办法： 首先在更换theme时，要检查文件构架是否正常，目??中至少有一个theme.php 记住theme的名字，出了问题解决起来有针对性 将postnukeblue中的theme.php复制，粘贴到出问题的theme目录下 重新登录到系统，将theme改回先前的那个 删除或重新检查问题theme ;建议使用使用绝对长度的theme作为实验的基础 首先研究theme下的images的目录，网站的图片一般存储在改目录下 采用对等更换的原则，将图片更换成同等尺寸的自用图片 然后，研究theme的构架，做进一步的修改;;;;;;;;PN的theme的设计，一般把： Images和Styles文件单独设置目录 都有theme.php作为主文件 大部分文件（包括.html文件）含有PHP代码 改造的方法： 可进行图像替换和部分html代码改换 修改PHP部分的代码有一定的难度;自动主题样式（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