空天院网站后台管理文档

1、 STYLEREF 等价标题1 * MERGEFORMAT 错误！未定义样式。空天科学技术研究院网站Ver.2007后台管理手册编写者王勇编写日期2007.3.5 STYLEREF 前置标题 * MERGEFORMAT 目录 使用在线编辑器 PAGE 18概述空天科学技术研究院（以下简称空天院）网站2007版是空天院的官方网站。网站域名：或，服务器IP：36。服务器由信息中心托管，信息中心联系人：冯卫华（83204056，whfeng）。网站服务器采用联想万全服务器，操作系统为Windows Server 2003（SP1）。网站采用APM（Apache+PHP+MySQL）技术，APM采用A

2、ppServ 2.5.8软件包（/），包含Apache 2.2.4、PHP 5.2.1、MySQL 5.0.27、phpMyAdmin-2.9.2，开发历经两个月，程序和美工设计均由王勇完成。网站的维护可以采用远程桌面管理方式，通过Windows “远程桌面连接”软件可以登录网站服务器。使用UltrlEdit的FTP登录服务器（使用用户“web”登录）可以对网站程序进行维护。服务器上已安装Server-U FTP服务器端，需要用FTP进行源代码维护时需要先开启Server-U服务。在浏览器地址栏输入空天院域名即可访问网站前台界面，见 REF _Ref160939322 h 图 11。网站地图参

3、见 REF _Ref160939329 h 图 12。图 STYLEREF 1 s 1 SEQ 图 * ARABIC s 1 1 空天院主页首页空天科学技术研究院网站院况概述研究所、实验室介绍新闻公告科学研究科研基金学科建设招生信息广纳贤才研究院简介党政领导介绍科研骨干介绍机构设置人才培养研究院新闻学术交流今日空天科研成果科研动态科研队伍XX基金项目申请管理文件基金介绍项目实施情况最新资讯文档下载人事公告政策制度相关咨询留言咨询图 STYLEREF 1 s 1 SEQ 图 * ARABIC s 1 2 网站地图后台管理用户管理在 REF _Ref160939322 h 图 11右上角用户登录处

4、输入用户名和密码就可以登录网站后台管理界面。图 STYLEREF 1 s 2 SEQ 图 * ARABIC s 1 1 后台管理主界面在左边的目录树中选择第一项“用户管理”进入用户管理页。图 STYLEREF 1 s 2 SEQ 图 * ARABIC s 1 2 用户管理界面用户管理界面可以增加、删除和修改用户资料。增加新用户点击 REF _Ref160939482 h 图 22左上角“增加用户”按钮，将弹出新增用户对话框。图 STYLEREF 1 s 2 SEQ 图 * ARABIC s 1 3 新增用户对话框用户资料包含登录账号、用户姓名、管理板块和用户密码。账号和密码是用户进入后台管理界

5、面所需的账号密码。管理板块则表明用户可以进行管理的网站板块。网站在设计的时候考虑到灵活性，每个板块都可由非专业人员进行维护。例如可以更新研究院介绍，可以管理留言，可以增加新闻等等。而这些操作都不需要由网站编写人员来完成，一般人员稍加培训就可以完成网站的管理工作。值得注意的是如果增加一个新用户，“用户管理”板块一般不要选中，选中该项意味着用户具有最高权限，可以随意更改其个人的所有权限，并可以删除其他用户，这显然是不安全的。其它的选项根据需要进行选择。例如负责分管招生工作的就可以只在“招生信息”复选框上打勾，这样用户登录之后就只能管理招生信息板块了。修改用户资料点击 REF _Ref1609394

6、82 h 图 22相应用户“编辑”一列的图片按钮，弹出编辑用户对话框。图 STYLEREF 1 s 2 SEQ 图 * ARABIC s 1 4 编辑用户对话框在 REF _Ref160939624 h 图 24中可以看到，admin用户具有所有的权限。“账号”一项是不能修改的，“密码”一项如果不填写新密码即密码文本框留空则不改变原密码。删除用户点击 REF _Ref160939482 h 图 22相应用户删除一列的按钮可以删除一个用户，请谨慎使用该功能。除非你确定该用户已经不再管理网站，否则不要删除用户。板块管理 “院况概述”、“研究所、实验室介绍”、“新闻公告”、“科研基金”、“学科建设”

7、、“招生信息”、“广纳贤才”和“联系方式”这几个板块的管理很相似。这几个板块使用了两个模板，一个是新闻的模板（见 REF _Ref160939652 h 图 25），一个是普通资料页面的模板（见 REF _Ref160939665 h 图 27）。新闻模板就是一个新闻列表，可以增加、删除和修改新闻。普通资料页模板是一个文本编辑框，编辑框里显示了该项资料的内容。图 STYLEREF 1 s 2 SEQ 图 * ARABIC s 1 5 新闻模板新闻模板增加新闻点击 REF _Ref160939652 h 图 25左上角“增加新闻”按钮，将弹出增加新闻对话框。图 STYLEREF 1 s 2 SE

8、Q 图 * ARABIC s 1 6 增加新闻对话框需要设置的新闻属性有：标题、新闻来源、新闻内容、新闻图片和新闻附件。新闻内容的编辑采用所见即所得的方式编辑，也可以采用HTML源代码的方式编辑。另外，还可以为新闻添加图片和附件，详见 REF _Ref160941808 w h 3。编辑新闻在 REF _Ref160939652 h 图 25相应新闻的“编辑”列中点击编辑图片按钮，弹出编辑新闻对话框，见 REF _Ref160942177 h 图 27。除了可以编辑新闻标题、新闻来源、新闻内容外，还可以修改新闻图片和附件，详见 REF _Ref160941808 w h 3。图 STYLERE

9、F 1 s 2 SEQ 图 * ARABIC s 1 7 编辑新闻对话框资料页模板图 STYLEREF 1 s 2 SEQ 图 * ARABIC s 1 8 资料页模板资料页除了可以修改该项资料，还可以贴图，详见 REF _Ref160941808 w h 3。留言管理在 REF _Ref160939455 h 图 21左边的目录树中选择“留言本管理”，进入留言管理界面。图 STYLEREF 1 s 2 SEQ 图 * ARABIC s 1 9 留言本管理页面回复留言点击 REF _Ref160943155 h 图 29相应留言的“回复此留言”链接，弹出回复留言浮动对话框。在“回复内容”文本框

10、中输入需要回复的内容，点击“发表留言”按钮回复该留言。点击该浮动对话框上的“取消”按钮，则关闭该对话框。图 STYLEREF 1 s 2 SEQ 图 * ARABIC s 1 10 回复留言对话框删除留言点击 REF _Ref160943155 h 图 29相应留言的“删除留言”链接，弹出是否确认删除留言的对话框，选择“是”将删除该留言，反之不删除。使用在线编辑器在前面新闻模板和资料页模板都提到了在线编辑器的使用，这一节将对该编辑器的使用进行详细的介绍。图 STYLEREF 1 s 3 SEQ 图 * ARABIC s 1 1 在线编辑器所见即所得的文本编辑使 REF _Ref16094387

11、4 h 图 31在线编辑器的“Design”按钮处于凸起状态，再现编辑器进入所见即所得的编辑模式（见 REF _Ref160944904 w h 3.1.3）。注意，要应用一下这些样式均需要在文本编辑区域选中相应的文本。字体样式加粗在“在线编辑器”（以下简称“编辑器”）中选中需要加粗的文本，点击编辑器工具栏（以下简称“工具栏”）按钮，则被选中的文本被加粗，再次点击该按钮或执行操作取消字体加粗。斜体在编辑器中选中需要转变成斜体的文本，点击工具栏按钮，则被选中的文本转变成斜体，再次点击该按钮或执行操作取消斜体样式。下划线在编辑器中选中需要加下划线的文本，点击工具栏按钮，则被选中的文本具有下划线，再

12、次点击该按或执行操作 REF _Ref160944280 w h 取消下划线。字体在编辑器中选中需要改变字体的文本，在工具栏上点击“字体”下拉列表框，在列表中选择一种字体，则应用该字体样式。执行操作 REF _Ref160944280 w h 不应用该“字体”样式。字号在编辑器中选中需要改变字体的文本，在工具栏上点击“字号”下拉列表框，在列表中选择一种字号，则应用该字号。执行操作 REF _Ref160944280 w h 取消“字号”样式。文字颜色在编辑器中选中需要改变字体的文本，在工具栏上点击“文字颜色”下拉列表框，在列表中选择一种颜色，则被选中文本立即变成该种颜色。执行操作 REF _R

13、ef160944280 w h 取消“文字颜色”效果。文字背景颜色在编辑器中选中需要改变字体的文本，在工具栏上点击“文字背景”下拉列表框，在列表中选择一种颜色，则被选中文本背景颜色立即变成该种颜色。执行操作 REF _Ref160944280 w h 取消“文字背景”效果。取消字体样式选中不需要应用字体样式的文本，点击工具栏按钮，即可取消字体的样式。这项功能对“加粗”、“斜体”、“下划线”、“字体”、“字号”、“文字颜色”、“文字背景”有效。图 STYLEREF 1 s 3 SEQ 图 * ARABIC s 1 2 字体样式综合效果超级链接应用超级链接选中需要应用超级链接的文本，点击工具栏按钮

14、，弹出超级链接网页对话框。如 REF _Ref160944743 h 图 33所示。可以选择不同的超级链接类型，通常的链接类型是“http: ”，在“URL”文本框中输入链接地址。注意：不要删除前缀“http:/”，否则该链接无效！要取消该链接请执行操作。图 STYLEREF 1 s 3 SEQ 图 * ARABIC s 1 3 超级链接网页对话框取消超级链接取消超级链接有两个途径：A、选中要取消超级链接的文本或将光标“I”移动到超级链接文本中，点击工具栏按钮，弹出如 REF _Ref160944743 h 图 33的网页对话框，将“URL”文本框中的所有字符删除（包括http:/前缀），然后

15、点击“OK”按钮，即可取消超级链接。B、选中要取消超级链接的文本或将光标“I”移动到超级链接文本中，点击工具栏按钮，即可取消超级链接。设计视图和HTML视图编辑器左下角选项卡凸起时，表明此时编辑器处于设计视图，当选项卡凸起时，表明此时编辑器处于HTML视图。当编辑器处于HTML视图时，工具栏按钮不可见，因此不可用，熟悉HTML语法的用户可以在HTML视图中进行编辑。对其方式、三个按钮分别表示左对齐、居中对齐和右对齐。对齐方式按钮将对一对HTML标签和之间的全部文本应用该样式(HTML视图下可以看见这对标签)。有时选中一段文本，应用居中对齐，结果某些未被选中的文本也可能从左对齐或右对齐变成了居中

16、对齐。这是因为那些未被选中的文本和被选中的文本均在一对和标签内。解决这个问题的最快的办法是在设计视图中，在需要应用对齐方式和不需要应用对齐方式的文本之间敲击一下“回车”键。这时如果切换到HTML视图，可以发现这两段文本被置于各自的和标签内，因此应用对齐方式时互不影响。图片对齐方式编辑器默认的图片对齐方式是居中对齐的。如果需要将图片设置为左对齐或右对齐，并且文字环绕于图片周围，通过切换到HTML视图，手动编辑HTML代码，可以实现。单幅图片对齐方式切换到HTML视图，可以发现图片由标签表示，如下：图片默认是居左对其的，为了使图片居中对其，则用一对、标签把包围起来，然后给标签添加align=”ce

17、nter”属性：居中对其使用得最多，当然也可以把center改为left或right使图片居左或居右对齐。图 STYLEREF 1 s 3 SEQ 图 * ARABIC s 1 4 图片居中对齐效果图多幅图片对齐方式相比单幅图片的居中、居左、居右对齐，多幅图片的对齐显得复杂得多，因为要考虑图片与图片之间的影响以及图片与文本的排列。这里只介绍其中的一种方法实现多图居左对齐和多图居中对其。图 STYLEREF 1 s 3 SEQ 图 * ARABIC s 1 5 多图左对齐图 STYLEREF 1 s 3 SEQ 图 * ARABIC s 1 6 多图居中对其以下代码片断能实现 REF _Ref1

18、60946536 h 图 35所示的多图左对齐效果：图片一 图片二这里的要点是，添加一对、标签将多幅图包围起来，div标签简单地应用align=”left”并不能实现 REF _Ref160946536 h 图 35所示的图文对其方式，必须使用style=”float:left”样式属性。但多图居中就可以直接使用align=”center”属性，见以下的代码片断：图片一 图片二要去掉图片下方的文字介绍，比如“图片一”，只需将上述代码片断中“图片一”删除即可。贴图在 REF _Ref160939676 h 图 26中点击“图片管理”按钮，弹出图片管理对话框，见 REF _Ref160948816 h 图 37。在该对话框中提示可以上传的图片类型和图片字节数。点击“+”按钮可以增加新的文件上传文本框，从而可以一次上传多幅图片，见 REF _Ref160949040 h 图 38。点击“-”按钮删除多余的文件上传文本框。图 STYLEREF 1 s 3 SEQ 图 * ARABIC s 1 7 图片管理对话框图 STYLEREF 1 s 3 SEQ 图 * ARABIC s 1 8 多图片同时上传点击“浏览”按钮，选择本地计算机上需