页面高级定制使用说明 
一、高级定制功能简介 
使用高级定制功能可以自定义用户登录页面和服务页面(即login_psw.tml和
service.tml),比如调整这两个页面的外观,或者增加、修改、删除图片、文字信息等等。 
用户可以通过此功能来定制符合本公司特的用户登录页面和服务页面。 
二、如何使用高级定制 
首先使用者必须有一定的网页制作基础,比如懂得html、css方面的知识。记住一点,定制页面和制作网页没有太大的差别。 
在SSLVPN->页面定制->模板设置中,这里提供了3套不同的模板、每套模板下又有4种不同的样式可供选择,用户定制页面可以从这几套模板入手,即在这些模板、样式的基础上来定制自己的页面,或者说来定制自己的模板。 
在SSLVPN->页面定制->高级定制中,点击“下载示例模板”便可以得到包含前面提到的3套模板文件的压缩包,解压后得到的1、2、3文件夹分别对应模板设置中的3套模版(从左到右),而不同的样式则保存在css子目录中。 
接下来是工作就类似制作网页了。 
对于login_psw.tml,service.tml这两个文件,用户可以把它们看作是html文件来直接编辑,但要遵循一定的规则,除了一些像[XXX]和<%XXXX%>这样的内置标签不能随意删除、更改外,还有需要注意的地方。下面是例子: 
1、用户上传文件后,在界面上显示: 
图 文件名称和文件路径 
2、现在用户打算定制tml文件的一个图片,假设修改前源码如下: 
<img src="images/login-3.gif" width="45" height="40"/> 现用户打算更换图片为上传文件:Snap1.jpg,则修改后源码应为: 
<img src="images/logo/Snap1.jpg" width="45" height="40"/> 即src中的文件路径要与界面中“文件
路径”栏里的custom后的路径相一致。对于打包上传的文件,其路径与在本地编辑时的路径相一致。 
注意事项:大部分内置标签[XXX]和<%XXXX%>是正常显示网页所必须的,即不能被随意修改。 
图片下载站源码此外,login_psw.tml,service.tml上传后会自动保存到/目录,这两个文件也是使用高级定制所必需的。 
对于图片文件,用户可以根据自己的需求来更改、删除、添加;对于css文件,用户可以通过修改其中的样式规则来控制login_psw.tml,service.tml这两个页面的外观。 
三、高级定制页面提供的功能 
1、当前状态查看
1)启用状态:查看当前定制是否被启用,即用户登录页面和服务页面是否使用当前定制。2)总空间和剩余空间容量提示,将要上传的文件总大小不能超过剩余空间大小。
注意事项:启用状态为“否”时,同时意味着正在使用系统提供的模板。 
图高级定制状态
2、单文件上传 
1)一次最多可以上传十个附件; 
2)可以指定目标目录,即文件上传后的保存目录; 
3)对可增删附件数,范围1-10; 
4)对于tml文件,目标目录不生效,系统自动放到/目录。 
注意事项:目前支持的上传文件类型(扩展名)有:tml、jpg,jpeg,gif,png,css。 
图 单文件上传功能 
3、Zip包上传 
1)只支持zip包上传; 
2)上传后的目录,与压缩包的目录一致; 
3)对于tml文件,系统会自动放到/目录。 
注意事项:包中的文件名和目录名只能是非空的英文字母、数字、下划线和小数点的组合。 
图 打包上传功能 
4、上传文件管理 
可以浏览、单个或批量删除已上传的文件,建议除tml文件外,其它图片文件或样式文件都放在单独的文件夹内,下面会介绍如何管理这些文件夹。 
注意事项:文件名和路径名都是大小写敏感的,以上传后显示在“文件名称”和“文件路径”中的为准。 
图 上传文件管理功能 
5、定制文件夹 
1)可以添加子目录,修改目录名称或者删除目录; 
2)修改目录名称有可能破坏链接与文件间的关系; 
3)删除目录包括删除所有子目录与文件; 
4)建议图片文件放在images目录下,样式文件放在css目录下,这样可以减少对tml文件和css文件中相关链接的改动。 
注意事项:任何对文件夹的操作都将立即生效。 
图 定制文件加功能 
6、禁用当前定制 
禁用当前定制将恢复到使用默认模版的状态,并删除所有定制文件和文件夹。建议用户在使用此功能前先备份好原先的定制。即点击页面上的“下载当前定制”链接。 
如果想使用默认模版而不删除现有定制文件,可以在模版设置页面选择好模版、样式后点击“确定”。 
7、启用当前定制 
要使自己定制的页面生效,需要重启SSLVPN。 
注意事项:在其它页面重启SSLVPN并不会使定制生效。 
图 启用与禁用功能 
四、一个例子 
这里通过一个简单的例子来说明如何使用高级定制功能。 
我们在模板1样式1的基础上来修改登陆页面的显示效果,服务页面的修改与之类似。 
图 修改后的登陆界面 
1.获取示例模板 
首先从控制台高级定制页面下载示例模板,然后把需要的部分提取出来,这里需要的是文件夹1中的内容,包括login_psw.tml,service.tml,images文件夹和其下的若干图片,css文件夹和其下的style1.css。 
2.构思用户界面 
想提供给使用者一个怎样的用户界面,每个设计者应该根据用户的意见或本公司的特来构思。这里以深信服的标志以及IT公司常用的蓝白调为主。 
3.编辑与修改 
接下来就是根据构思来编辑或修改之前提取的文件了。 
login_psw.tml文件 
更改链接的css文件: 
href=”css/style.css” --> href=”css/style1.css”
注意这里也可以把style1.css改名为style.css,这样就不用更改原有的链接,
推荐使用后者,保留css/style.css链接不变。 

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。