6.4.1创建页面

6.4.1创建页面

创建网站群页面时可以选择快速建站和自定义建站两种。采用网站群自带的模板可实现快速建站,如果没有喜欢的模板也可自行设计。

1.快速建站

(1)进入站点管理界面,点击“网站建设”,如图6.1所示,系统会提示导入已有模板。需要注意的是,在导入网站群前必须保证当前站点是空站点。

图6.1 导入模板

(2)点击“确定”,进入如图6.2所示界面,可以看到目前系统集成的网站包中,还有各个模板包的简单介绍以及效果图。

假如要建立一个“党政部门”的网站,那么就选“采用该套模板”,紧接着在弹出界面点击“确定”即可。等待网站包恢复完成后,就可以预览或者修改网站了。修改主要包括以下几个方面:

①修改网站Logo。网站包恢复成功后,可以换掉模板网站的Logo。切换到“文件|模板”处,点击“首页”,可以看到整个首页模板的编辑界面,然后点击图6.3中红色标记的按钮

图6.2 模板介绍及效果图

图6.3 修改Logo

将原来的Logo删除,然后将事先准备好的Logo插入即可,如图6.4所示。替换好Logo后,预览网站,即可看到Logo已替换。

图6.4 替换Logo

②修改网站栏目。修改完网站Logo后,对整个网站进行浏览,根据具体需求删除及修改一些不需要的栏目。比如要删除“工作职责”这个栏目,直接到“栏目管理”选项卡下,选中“工作职责”,然后删除,如图6.5所示。

如果要增加一个栏目,且其在网页上以文章列表的方式显示新闻,可以直接复制某个相同展示方式的栏目,如增加“领导讲话”栏目,那么可以直接复制“校内发文”栏目,然后将其改名为“领导讲话”即可。如图6.6所示,经过反复操作,可将栏目结构调整为所需要的结构。

图6.5 修改网站栏目

图6.6 添加网站栏目

③修改页面展示内容。如果想将“领导讲话”放到首页上展示并去掉“党纪委文件”,那么可以直接在首页模板上将“党纪委文件”改为“领导讲话”,下面对应的组件名也改为“领导讲话”,如图6.7所示。编辑完成后,点击“保存”按钮即可。

(3)再切换到“栏目管理”选项卡,点击“首页”,然后点击右侧上方的“资料来源”选项卡,找到“党纪委文件”组件名称,选择后面的“内容设置”,如图6.8所示。将“资料来源”设置在“领导讲话”栏目下即可,如图6.9所示。

(4)完成以上操作后,根据实际情况加入相应的资料,一个完整的网站就建成了。

图6.7 修改组件名称

图6.8 在“资料来源”选项卡中设置

2.自定义建站

如果网站群内的模板不满足建立网站的需要,可以自行创建网站模板。自定义建站的流程分为4个步骤,如图6.10所示。

在自定义建设网站之前,必须要先准备好已经设计好的静态页面,如图6.11所示。

页面分别包含网站最基础的3个页面:

首页:综合显示页面,可根据网站需求,显示重要的模块内容。

栏目页:作为网站栏目主模板来使用,用来显示网站的文章列表。

内容页:作为栏目的应用模板来使用,用来显示网站文章的内容。

(1)模板页面制作。模板页面制作包含两个步骤:模板页导入和组件拖曳。

图6.9 设置资料来源

图6.10 自定义建站步骤

图6.11 准备静态页面

①模板页导入。进入网站管理系统,选择“网站建设”模块,在“文件|模板”选项卡中进行模板页的制作。点击网站根节点,选择“新建模板”按钮进行模板页面上传,如图6.12所示。

图6.12 导入静态网页

在弹出的网页对话框内选择准备好的静态页面,点击“确定”按钮即可成功上传页面。模板页面上的图片、样式等均会自动上传到系统中,无须再手动添加。

按照同样的方法可以继续上传内容页、栏目页和其他页面的模板。上传好一个网站最基础的3个页面,在“文件|模板”位置就可以看到如图6.13所示的界面。

图6.13 模板上传后的效果

注意:模板名称、标题、源文件为必选项;网站首页模板页面的名称必须为index,其他页面可根据标题首拼的方式填写。标题填写规则是按照页面功能或者特点进行填写,方便建立栏目过程中进行选择;模板类型可选可不选,如果选择,那么会在组件库中有所选模板类型相关的推荐组件,此功能适用于不经常使用该系统建站的人员使用,方便从庞大的组件库中拖曳需要的组件到模板页面上。

②拖曳组件。拖曳组件之前,需要先选择“显示表格DIV线”,目的是辅助拖曳者将组件拖曳到对应位置上,如图6.14所示。

图6.14 显示表格DIV线

拖曳组件到页面对应的模块之前,如果页面的对应模块上有美工为方便用户拖曳组件所预留的文字图片信息,需要将其删除掉,然后再进行组件拖曳。比如变换图片,就需要将原有图片删除。然后从页面左下角的组件库中拖曳对应组件到页面中即可。拖曳组件的时候,将光标移到组件上面,指针变成“十”字花时处于拖曳状态,按住鼠标左键不放(或双击组件),将组件拖放到页面对应的位置即可,如图6.15所示。

图6.15 拖曳组件

此时,在弹出的网页对话框中,可以对组件进行重命名。重命名完毕后,点击“确定”按钮,会显示组件状态,根据提示点击“保存”按钮保存整个模板页面即可。通过同样的方式,将首页模板页面上需要用组件替换掉的地方全部用组件替换掉。

用同样的方法,可将栏目页、内容页需要用组件替换的地方都用新组件替换掉。

注意:

①引用组件与复制组件的区别:引用组件与原组件相关联,修改任何一个引用组件或原组件,其他所有引用该组件的地方都会跟着变化。复制组件会生成一个与原组件一模一样的组件,与原组件不关联,修改任何一个引用该组件或原组件的都不会跟着变化。

②组件右上角“静”“动”“栏”“DIV”的意思:“静”指静态组件,属于内容非实时更新或非交互型的组件,如果模板上只有静态组件,那么在静态发布时可被发布成htm页面;“动”指动态组件,属于内容实时更新的组件或交互型的组件,其不可被发布成htm页面;“栏”指栏目组件,内容与栏目相关,可在栏目上配置其资料来源;“DIV”指“DIV+CSS”组件,当组件样式配置处于可以修改状态,通过组件模板可以完全控制组件的显示代码,适合放置到采用“DIV+CSS”方式设计的页面模板上。

(2)建立栏目页。栏目页是一个网站的首页到具体内容页之间的过渡页面,是根据网站的整体结构及发布信息的类别做出的具体分类。

点击“栏目管理”选项卡,进行栏目管理中的栏目建立。点击网站根节点,在“栏目管理”选项卡中点击右侧的“新建栏目”按钮,就可以进行栏目的建立了。进入栏目设置页后,在其中选择所需栏目类型,一般会有首页、基本、链接和专题4种栏目供选择。在建立其他栏目以前必须要先建立首页栏目。选择“首页”,进入如图6.16所示页面。

图6.16 建立栏目页

通过图6.16可以看出:显示名称、栏目代码、主模板为必填项,应用模板需要根据页面组件进行选择。此处我们优先选择最常用的内容页面,然后点击“创建栏目并继续”,则首页栏目就创建完成了。

创建网站其他栏目。在创建其他栏目的时候,可按需要选择基本、链接和专题3种栏目类型之一,在栏目设置页面把握住栏目的主模板即可。主模板可理解为点击栏目进入的页面,当然页面是包含功能的,比如翻页标题列表功能、图片文章翻页列表功能以及单篇文字介绍功能等。

(3)建立资料来源。栏目建立好之后,就需要进行栏目资料源的建立了。建立资料源的目的实际上是为需要的栏目建立一个文件夹,用来存放栏目下的文章或者图片、链接等资料,我们日常上传到网站的数据和内容就存放在资料库中。资料源包括文章源、链接源、图片源、超文本源、问卷源等,如图6.17所示。

图6.17 建立资料来源

具体栏目建立什么类型的资料源,取决于此栏目主模板上实现的是什么功能。按照栏目建立时主模板的选择,对于网站目前的栏目,建立相应的资料库即可。

注意:

①建立资料源时,必须与栏目名称或者前台组件同名。

②建立资料源时,一般从底层栏目建起。

③建立资料源时,文章源栏目下只能建立一个,其他类型的资料源可以建立多个。

(4)设置资料来源、栏目和资料库建立完成后,还需将栏目与资料库进行对应,将资料库内的内容在栏目页中进行显示。

在“网站建设”的“栏目管理”处,点击需要设置资料来源的栏目,选择“资料来源”,在弹出的栏目组件设置页面内点击“设置资料来源”,在“资料来源”对话框内选择需要配置的资料源,再点击对应的按钮:“添加并关闭”“添加”“移除”,即可实现对所选择资料源的操作,如图6.18所示。

资料来源设置完成后,点击“网站管理”模块中的“预览网站”,即可预览制作好的网站。如果无须再进行更改,点击“发布网站”,在弹出的网站发布页面将发布范围设置成“整个网站”,点击“快速发布”。待发布完成后,一个完整的网站就制作完成了。

图6.18 设置资料来源