一种可视化的网站建设系统及方法
【技术领域】
[0001]本发明涉及内容管理领域,尤其涉及一种可视化的网站建设系统及方法。
【背景技术】
[0002]随着计算机的普及和发展,越来越多的知识和信息迫切地需要在互联网上展示、分享,目前互联网用户主要通过浏览器访问各种网站中的网页,以获取信息。而在制作这些网站的网页时,一般需要美工、技术人员及编辑人员的参与,美工制作好静态展示页面,在用户确认的情况下,由开发人员将静态页面转成HTML代码,同时完成动态代码的开发,编辑人员录入正常数据。从网站开始到上线,需要经历一个漫长的过程,同时网站后期维护、更新也需要技术人员的参与,很难满足互联网飞速发展的需求,故迫切地需要一种可视化建站模式,使在只有在非技术人员的参与下,也能快速建立好用户期望的站点。
[0003]现有CMS (Content Manage System,内容管理系统)以网页为管理、维护单位,模块可重用性小,并且将内容控制层层下放以实现内容管理,对于网站的建设和维护人员来说工作量较大,压力较大,业务处理逻辑较复杂,建站资源可重用性较小。
【发明内容】
[0004]基于此,本发明提供一种可视化的网站建设系统及方法,将网页切分成一个个独立的资源块,进行管理维护,将内容管理与布局设计剥离,以提高建站时资源的可重用性,将建站业务逻辑透明化,减少网站建设者的工作量,降低建站难度,使得建站更高效、快捷。
[0005]本发明提供的一种可视化的网站建设系统,包括以下模块:
站点池100:用于可视化建立和维护网站站点;
栏目库200:用于建立和维护站点的所属栏目,包括栏目内内容的填充,为后期网站建设提供素材;
资源池300:是网站建设的基础资源,包含各种各样的资源块,资源块是网页的构成元素;
风格池400:包含各式各样的风格,定义并管理网站上的各种表现形式;
母版库500:是预定义的一些基础页面结构,包含各种各样的母版,每个母版是多种资源块和一种页面风格的组合,主要用于提高用户建站的便捷性和高效性;
可视化设计页面600:是网站建设的接口页面,在该页面下可以完成站点下网页的制作。
[0006]更进一步地,所述资源池100中的资源块是网页上的一个个小的内容区域,每个资源块又被切分为头部、中部和底部,以便于更精细化配置。
[0007]每个资源块通过配置其属性信息,实现资源块的特性和风格定制;资源块的属性信息包括:资源块的数据来源,内容显示属性及显示风格等。
[0008]资源块中与风格相关的属性信息,直接调用风格池中的风格。
[0009]网页制作时只需要从资源池中挑选资源块进行组合,根据选择的资源块,配置相应的资源属性,即可以所见即所得的方式完成网站的制作。
[0010]更进一步地,所述风格池400包含三个层面的内容,页面风格、资源风格、内容风格。
[0011]其中页面风格,控制整个页面的表现形式;资源风格控制资源块的表现形式;内容风格控制资源块内部元素的特性。
[0012]更进一步地,母版库500中,资源块与不同的风格构成了各式各样的母版,母版可以预定义,并可以重用。
[0013]母版的属性信息包括资源块和风格,这些信息可根据需求随时调整。
[0014]更进一步地,可视化设计页面600,通过模块化管理,实现所见即所得的建站模式,其核心模块包括:
布局操作管理601,负责页面中关于布局相关的操作,如添加新布局、修改布局、删除布局;
资源操作管理602,负责页面中资源块有关的操作,如新添、修改、删除、拖动等;数据操作管理603,负责页面中关于数据的操作,如栏目的新添、修改、删除,文档的新建、修改、删除等;
拖动操作管理604,负责拖动所涉及的全局更新,如拖动资源块实现位置调整,需级联更新与之相关的其他资源块;
页面状态管理605,记录页面状态信息,以便于网站设计过程中的事务监听,支持实现撤销、重做等功能。
[0015]此外,可视化设计页面600可以随时更改页面结构,同时可以调用资源池中的所有资源块。
[0016]此外,本发明还提供了一种可视化的网站建设方法,该方法包括:
步骤A,建立网络站点,并配置站点的属性信息;
步骤B,规划建立站点下的栏目;
步骤C,选择一个母版,初始化可视化设计页面;
步骤C_l,页面结构调整,包括页面布局、页面风格等;
步骤D,通过拖拽向页面中填充资源块;
步骤E,配置所填充的资源块,通过配置资源块属性信息实现;
步骤F,页面保存和发布,将设计好的页面提交给数据库,以便随时发布。
[0017]需要特别说明,一种可视化的网站建设方法,具备事务监听机制,任何一个步骤均可撤销、重做,且步骤间无严格的顺序,如可以新建完页面后再去添加栏目信息等。
[0018]更进一步,数据库中的源数据,以栏目的形式被组织,以供资源块调用,资源块通过配置栏目属性调用。
[0019]本发明例中提供了一种可视化的网站建设系统及方法,将内容与布局设计独立出来,以模块化的思路,组织管理网站内容和表现形式,提高了网站建设过程中资源的可重用性,使得网站建设高效、便捷,并实现所见即所得的建站模式。
【附图说明】
[0020]图1为本发明实施例提供的一种可视化的网站建设系统模块图。
[0021]图2为本发明实施例提供的一种可视化的网站建设方法流程图。
具体实施方案
[0022]为使本发明实施例的目的、技术方法、及优点更加清楚明白,以下结合附图对本发明实施例提供的技术方案进行详细说明。
[0023]本发明实施例中,一种可视化的网站建设系统,其中包括以下模块:
站点池100:用于可视化建立和维护网站站点,包括新建、修改、删除站点信息;
栏目库200:用于建立和维护站点的所属栏目,包括栏目的新建、修改、删除,以及栏目的组织,栏目内内容的填充,栏目内容是后期网站建设的素材;
资源池300:是网站建设的基础资源,包含各种各样的资源块,资源块是网页的构成元素;
风格池400:包含各式各样的风格,定义并管理网站上的各种表现形式;
母版库500:是预定义的一些基础页面结构,包含各种各样的母版,每个母版是多种资源块,一种页面风格的组合,主要用于提高用户建站的便捷性和高效性;
可视化设计页面600:是网站建设的接口页面,在该页面下可以完成站点下网页的制作。
[0024]系统中的资源池、风格池、母版库,可以尽可能的丰富,这些资源越丰富,对于网站的建设越便利且不单调。
[0025]资源块通常可以有文字列表、图片列表、导航信息、滚动资源等,同时支持不断扩充新的资源块。
[0026]通过配置资源块的属性信息,实现资源块的特性和风格定制,资源块的属性信息包括:资源块的数据来源,内容显示属性及显示风格等,资源块的属性信息是资源块被使用时配置。
[0027]网页制作时只需要从资源