网站编辑系统、方法及终端与流程

文档序号:14686978发布日期:2018-06-15 04:07阅读:150来源:国知局

本发明涉及网站编辑技术领域,尤其是涉及一种网站编辑系统、方法及终端。



背景技术:

初创企业在起步时都要面临网站制作问题,通常的解决方式为(1)招聘技术人员编辑网站(2)委托外包公司处理。这种方式的弊端在于综合成本过高,一方面需要较高的人力成本和资金成本,另一方面还需要耗费时间招聘制作网站的技术人员或与外包公司进行交接,而且编辑网站同样需要耗费较长的时间,具有较高的时间成本,制作时效性较差。



技术实现要素:

有鉴于此,本发明的目的在于提供一种网站编辑系统、方法及终端,能够有效降低网站制作成本。

为了实现上述目的,本发明实施例采用的技术方案如下:

第一方面,本发明实施例提供了一种网站编辑系统,包括:内容布局模块、样式管理模块、图层管理模块和资源管理模块;

所述内容布局模块用于向用户提供页面元素,以使所述用户通过所述页面元素对网站页面进行布局;其中,所述页面元素为构成网站页面的基本元素;

所述样式管理模块用于向所述用户提供页面样式,以使所述用户通过所述页面样式调整所述网站页面;其中,所述页面样式包括文字样式和颜色样式;

所述图层管理模块用于向所述用户提供多个页面图层的显示形式,以使所述用户对多个所述页面图层的叠加方式和显示顺序进行调整;每个所述页面图层包括页面元素和页面样式;

所述资源管理模块用于向所述用户提供网站资源,以使所述用户选择所述网站资源填充所述网站页面;所述网站资源包括图片、字体和图标。

结合第一方面,本发明实施例提供了第一方面的第一种可能的实施方式,其中,所述网站编辑系统还包括导出模块;

所述导出模块用于向所述用户提供网站导出形式,以使所述用户选择所需的所述网站导出形式导出已编辑得到的网站;所述网站导出形式包括HTML形式,样式表或脚本形式。

结合第一方面或第一方面的第一种可能的实施方式,本发明实施例提供了第一方面的第二种可能的实施方式,其中,所述网站编辑系统是基于BS架构实现。

第二方面,本发明实施例还提供一种网站编辑方法,所述网站编辑方法应用于第一方面任一项所述的网站编辑系统,所述方法包括:

通过浏览器向用户提供可编辑的网站模板界面;所述网站模板界面上设置有交互接口;所述交互接口包括:内容布局模块的交互接口、样式管理模块的交互接口、图层管理模块的交互接口和资源管理模块的交互接口;

通过所述交互接口接收所述用户的编辑指令,按照所述编辑指令对所述网站模板界面进行编辑。

结合第二方面,本发明实施例提供了第二方面的第一种可能的实施方式,其中,所述网站模板界面上还设置有导出模块的交互接口;所述方法还包括:

当通过所述导出模块的交互接口接收到用户的网站导出指令时,按照所述网站导出指令导出当前网站;其中,所述网站导出指令包括网站导出形式,所述网站导出形式包括HTML形式,样式表或脚本形式。

结合第二方面,本发明实施例提供了第二方面的第二种可能的实施方式,其中,所述通过浏览器向用户提供可编辑的网站模板界面的步骤,包括:

当接收到用户的网站编辑请求时,通过浏览器向用户提供可编辑的网站模板界面;其中,所述网站模板界面为默认设置的初始化界面。

结合第二方面,本发明实施例提供了第二方面的第三种可能的实施方式,其中,所述按照所述编辑指令对所述网站模板界面进行编辑的步骤,包括:

根据接收所述编辑指令的交互接口,调用与所述编辑指令对应的功能模块;所述功能模块包括内容布局模块、样式管理模块、图层管理模块和资源管理模块或导出模块;

通过调用的所述功能模块执行所述编辑指令,以对所述网站模板界面进行编辑。

结合第二方面的第一种可能的实施方式,本发明实施例提供了第二方面的第四种可能的实施方式,其中,所述方法还包括:

将导出的网站存储于本地和/或服务器。

第三方面,本发明实施例提供了一种终端,所述终端包括存储器以及处理器,所述存储器用于存储支持处理器执行第二方面任一项所述方法的程序,所述处理器被配置为用于执行所述存储器中存储的程序。

第四方面,本发明实施例提供了一种计算机存储介质,用于储存为第二方面任一项所述方法所用的计算机软件指令。

本发明实施例提供了一种网站编辑系统、方法及终端,该网站编辑系统包括:内容布局模块、样式管理模块、图层管理模块和资源管理模块,可供用户对网站页面进行编辑,该方法应用于网站编辑系统,通过浏览器向用户提供可编辑的网站模板界面,并通过网站模板界面上设置的各模块的交互接口接收用户的编辑指令,从而编辑网站模板界面。与现有技术中编辑网站成本较高相比,本实施例提供的上述方式能够使用户方便快捷地按照需求在可编辑的网站模板界面上制作网站,较好地降低了网站制作成本。

本公开的其他特征和优点将在随后的说明书中阐述,或者,部分特征和优点可以从说明书推知或毫无疑义地确定,或者通过实施本公开的上述技术即可得知。

为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1示出了本发明实施例所提供的一种电子设备的结构示意图;

图2示出了本发明实施例所提供的一种网站编辑方法流程图;

图3示出了本发明实施例所提供的一种网站模板界面的示意图;

图4示出了本发明实施例所提供的另一种网站编辑方法流程图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合附图对本发明的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。

考虑到现有技术中制作网站的成本较高,为改善此问题,本发明实施例提供的一种网站编辑系统、方法及终端,该技术可应用于网站编辑、网站制作等场合;以下对本发明实施例进行详细介绍。

实施例一:

首先,参照图1来描述用于实现本发明实施例的网站编辑系统、方法及终端的示例电子设备。

如图1所示的一种电子设备的结构示意图,电子设备100包括一个或多个处理器102、一个或多个存储装置104、输入装置106和输出装置108,这些组件通过总线系统112和/或其它形式的连接机构(未示出)互连。应当注意,图1所示的电子设备100的组件和结构只是示例性的,而非限制性的,根据需要,所述电子设备也可以具有其他组件和结构。

所述处理器102可以是中央处理单元(CPU)或者具有数据处理能力和/或指令执行能力的其它形式的处理单元,并且可以控制所述电子设备100中的其它组件以执行期望的功能。

所述存储装置104可以包括一个或多个计算机程序产品,所述计算机程序产品可以包括各种形式的计算机可读存储介质,例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在所述计算机可读存储介质上可以存储一个或多个计算机程序指令,处理器102可以运行所述程序指令,以实现下文所述的本发明实施例中(由处理器实现)的客户端功能以及/或者其它期望的功能。在所述计算机可读存储介质中还可以存储各种应用程序和各种数据,例如所述应用程序使用和/或产生的各种数据等。

所述输入装置106可以是用户用来输入指令的装置,并且可以包括键盘、鼠标、麦克风和触摸屏等中的一个或多个。

所述输出装置108可以向外部(例如,用户)输出各种信息(例如网站界面),并且可以包括显示器等。

示例性地,用于实现根据本发明实施例的网站编辑系统、方法及终端的示例电子设备可以被实现为诸如计算机、智能手机、平板电脑等终端上。

实施例二:

本实施例提供了一种网站编辑系统,包括:内容布局模块、样式管理模块、图层管理模块和资源管理模块;

内容布局模块用于向用户提供页面元素,以使用户通过页面元素对网站页面进行布局;其中,页面元素为构成网站页面的基本元素。页面元素可以为按钮、文本、连接关系等;多种页面元素可以构成整体网页。

样式管理模块用于向用户提供页面样式,以使用户通过页面样式调整网站页面;其中,页面样式包括文字样式和颜色样式。具体的,用户可以通过浏览器,利用该样式管理模块进行文字样式和颜色样式的调整,在调整文字样式时,可以对网站页面的文字的大小、颜色以及字体类型进行调整,在调整颜色样式时,可以对网站的主色调、辅助色进行选择,用户可基于个人喜好或者公司风格对网站页面的样式进行修改和美化。

图层管理模块用于向用户提供多个页面图层的显示形式,以使用户对多个页面图层的叠加方式和显示顺序进行调整;每个页面图层包括页面元素和页面样式。多个页面图层可以互相叠加,用户可以通过浏览器调整各页面图层叠加的先后顺序以及显示顺序。

资源管理模块用于向用户提供网站资源,以使用户选择网站资源填充网站页面;网站资源包括图片、字体和图标。此外,还可以包括图文等。

通过本实施例提供的上述网站编辑系统,用户可以直接通过内容布局模块进行页面布局,通过样式管理模块调整页面样式,通过图层管理模块调整页面图层的显示形式,并通过资源管理模块填充页面,这种直接基于功能模块进行网站编辑的方式非常简便,易于学习掌握,无需再委托专业人员制作网站,可以直接基于上述网站编辑系统进行快速编辑,较好地降低了成本。

进一步,网站编辑系统还包括导出模块;该导出模块用于向用户提供网站导出形式,以使用户选择所需的网站导出形式导出已编辑得到的网站;网站导出形式包括HTML形式,样式表或脚本形式。该脚本可以为JavaScript脚本,也可以为其它语言脚本,具体可以根据需求而灵活设置。

上述内容布局模块、样式管理模块、图层管理模块、资源管理模块和导出模块又可视为功能模块,各功能模块所包括的诸如页面元素、页面样式、网站资源或网站导出形式等内容都可以存储于后台服务器侧,当然也可以存储于本地,诸如该资源管理模块包括图标库、图文库等,都可以直接存储于服务器。用户在通过浏览器利用上述网站编辑系统中的各功能模块时,可以直接由浏览器上呈现的各功能模块对应的交互接口调用相应的功能模块,从而实现相应的功能。

在实际应用中,上述网站编辑系统可以是基于BS架构实现。BS架构(Browser/Server)即浏览器和服务器结构,该模式统一了客户端,简化了系统的开发、维护和使用。在这种结构下,用户的工作界面是通过WWW浏览器来实现,部分事务逻辑可以在前端(Browser)实现,主要事务逻辑在服务器端(Server)实现。BS架构最大的优点就是可以在任何地方进行操作而无需安装任何专门的软件。用户只要有一台可上网的电脑或手机即可使用,客户端为零维护,扩展性非常容易,使用非常便捷。

综上所述,本实施例提供的网站编辑系统可基于BS架构,用户操作主要是在浏览器中进行,无需技术人员费时费力的安装专业应用,并进行复杂的网站编辑操作,普通用户也可以直接通过浏览器使用上述网站编辑系统的各功能模块而编辑网站,方便快捷,较好地降低了现有的网站编辑的人力成本、资金成本和时间成本。

实施例三:

参见图2所示的一种网站编辑方法流程图,该网站编辑方法应用于实施例二提供的网站编辑系统,具体可以由网站编辑系统执行,包括以下步骤:

步骤S202,通过浏览器向用户提供可编辑的网站模板界面;该网站模板界面上设置有交互接口;交互接口包括:内容布局模块的交互接口、样式管理模块的交互接口、图层管理模块的交互接口和资源管理模块的交互接口。也可以理解为,网站模板界面上设置有各功能模块的交互接口,用户可以直接通过交互接口调用各功能模块,从而对网站模板界面进行个性化编辑。

在实际应用中,当接收到用户的网站编辑请求时,通过浏览器向用户提供可编辑的网站模板界面;其中,网站模板界面为默认设置的初始化界面。初始化界面的形式可以预先设置,诸如为一种通用的页面形式,基于该形式,预先可利用内容布局模块和样式管理模块显示出可编辑的网站模板界面的原型。

步骤S204,通过交互接口接收用户的编辑指令,按照编辑指令对网站模板界面进行编辑。各功能模块的交互接口可以呈现有可供用户选择的按钮,用户可以通过触摸、点击、拖拽等方式输入编辑指令,以资源管理模块为例,可以在资源管理模块的交互接口处呈现有图片、字体和图标等多种选项,用户可以通过点击该交互接口中的图标的方式输入编辑指令(在此该编辑指令具体为图标选中指令),进一步还可以拖拽该图标至网站模板界面上的某位置,此时用户在拖拽图标时,网站编辑系统自动识别用户的动作为图标设置指令。

在实际应用中,本实施例给出一种按照编辑指令对网站模板界面进行编辑的具体实现方式,包括如下步骤:

(1)根据接收编辑指令的交互接口,调用与编辑指令对应的功能模块;功能模块包括内容布局模块、样式管理模块、图层管理模块和资源管理模块或导出模块;

(2)通过调用的功能模块执行编辑指令,以对网站模板界面进行编辑。用户在利用各功能模块的交互接口调用功能模块进行编辑时,可以修改、增加、删减网站模板界面上的各部分内容。

所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的网站编辑系统中各功能模块的具体工作过程,可以参考前述实施例中的对应过程,在此不再赘述。

本发明实施例提供的上述方法,通过浏览器向用户提供可编辑的网站模板界面,并通过网站模板界面上设置的交互接口接收用户的编辑指令,从而编辑网站模板界面。与现有技术中编辑网站成本较高相比,本实施例提供的上述方式能够使用户方便快捷地按照需求在可编辑的网站模板界面上制作网站,较好地降低了网站制作成本。

进一步,网站模板界面上还设置有导出模块的交互接口;上述方法还包括:

当通过导出模块的交互接口接收到用户的网站导出指令时,按照网站导出指令导出当前网站;其中,网站导出指令包括网站导出形式,网站导出形式包括HTML形式,样式表或脚本形式。

为便于理解,参见图3所示的一种网站模板界面的示意图,在该图中示意出网站主界面(可编辑的网站模板界面),以及内容布局模块的交互接口、样式管理模块的交互接口、图层管理模块的交互接口、资源管理模块的交互接口和导出模块的交互接口。在图3中仅示意出各功能模块的交互接口位于网站主界面的上下两侧,以尽量放大网站主界面在显示屏上的展示空间,在实际应用中,各功能模块的交互接口还可以布置于网站主界面的左右两侧,或者四周环绕等,具体可以根据实际需要而灵活设置,在此不再赘述。

进一步,参见图4所示的另一种网站编辑方法流程图,具体包括如下步骤:

步骤S402,当接收到用户的网站编辑请求时,通过浏览器向用户提供可编辑的网站模板界面,该网站模板界面上设置有交互接口。

步骤S404,通过交互接口接收用户的编辑指令,按照编辑指令对网站模板界面进行编辑。

步骤S406,当通过导出模块的交互接口接收到用户的网站导出指令时,按照网站导出指令导出当前网站。

步骤S408,将导出的网站存储于本地和/或服务器。

本发明实施例提供的上述方法,在用户通过可编辑的网站模板界面进行编辑后,还可以将生成的网站导出并存储,作为成品网站供用户直接使用,方便简洁。

基于前述实施例,本实施例还提供了一种终端,终端包括存储器以及处理器,该存储器用于存储支持处理器执行前述网站编辑方法的程序,处理器被配置为用于执行存储器中存储的程序。本实施例提供的网站编辑系统和网站编辑方法可以由上述终端执行,亦或,本实施例提供的网站编辑系统可以设置于上述终端侧,在实际应用中,上述终端可以为计算机、手机等智能终端。

进一步,本实施例还提供了一种计算机存储介质,用于储存为网站编辑系统和网站编辑方法所用的计算机软件指令。

本发明实施例所提供的网站编辑系统、方法及终端的计算机程序产品,包括存储了程序代码的计算机可读存储介质,所述程序代码包括的指令可用于执行前面方法实施例中所述的方法,具体实现可参见方法实施例,在此不再赘述。

另外,在本发明实施例的描述中,除非另有明确的规定和限定,术语“安装”、“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连,可以是两个元件内部的连通。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本发明中的具体含义。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

在本发明的描述中,需要说明的是,术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。此外,术语“第一”、“第二”、“第三”仅用于描述目的,而不能理解为指示或暗示相对重要性。

最后应说明的是:以上所述实施例,仅为本发明的具体实施方式,用以说明本发明的技术方案,而非对其限制,本发明的保护范围并不局限于此,尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1