CN104978317B - 网页生成方法及装置、网站生成方法及建站服务器 - Google Patents
网页生成方法及装置、网站生成方法及建站服务器 Download PDFInfo
- Publication number
- CN104978317B CN104978317B CN201410131527.8A CN201410131527A CN104978317B CN 104978317 B CN104978317 B CN 104978317B CN 201410131527 A CN201410131527 A CN 201410131527A CN 104978317 B CN104978317 B CN 104978317B
- Authority
- CN
- China
- Prior art keywords
- module
- layout
- webpage
- code
- website
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Abstract
本发明提出一种网页生成方法及装置、网站生成方法及建站服务器,其网页生成方法,包括:输出多种不同类型的布局模块的选择提示信息;根据用户先后至少一次选择的布局模块,输出输入模块内容的提示信息;接收用户输入的与选择的布局模块对应的模块内容数据;将用户选择的布局模块的类型以及与选择的布局模块相对应的模块内容数据发送给建站服务器;接收所述建站服务器发送来的根据布局模块的类型及模块内容数据生成的网页数据。本发明可以使网站设计更为多样化,克服了现有建站平台所提供的固定模块样式单一的缺点,进而可以增进网站页面的设计效果。
Description
技术领域
本发明涉及互联网技术领域,特别涉及一种网页生成方法及装置、网站生成方法及建站服务器。
背景技术
随着互联网的发展,企业网站、门户网站、电子商务网站、社区网站等各类网站层出不穷,为了迎合日益增长的网站数量和建站需求,许多商家提出了自助式的建站平台。自助式的建站平台可以通过一套完善、智能的系统,让不会建设网站的用户通过一些非常简单的操作就能轻松建立自己的网站。
现有的自助式的建站平台,都是通过向用户提供网站的固有模板,让用户在模块基础上对网页元素进行编辑,从而自助式地创建网页。但是,由于固有模板上可供编辑的网页元素都是确定的,例如模板上规定了页面的图片数量和插入位置,在创建网站的过程中,如果用户想要针对一个固有模块增加新的页面元素,则需要通过新增组件来实现,但新增组件布局的位置,需要用户自行设置,这样对普通用户的要求过高,特别是对于设计感略差的用户来说,很容易因为新元素布局位置的不妥,而造成网页整体布局的设计失衡,从而降低网站的的页面效果。
发明内容
本发明实施例的目的是提供一种网页生成方法及装置、网站生成方法及建站服务器,以解决对于现有的自助式建站平台所提供的网站模块,新增页面元素时的设计要求过高,容易造成网页整体布局失衡的问题。
本发明实施例提出一种网页生成方法,包括:
输出多种不同类型的布局模块的选择提示信息;
根据用户先后至少一次选择的布局模块,输出输入模块内容的提示信息;
接收用户输入的与选择的布局模块对应的模块内容数据;
将用户选择的布局模块的类型以及与选择的布局模块相对应的模块内容数据发送给建站服务器;
接收所述建站服务器发送来的根据布局模块的类型及模块内容数据生成的网页数据。
本发明实施例还提出一种网站生成方法,包括:
接收用户端发送来的至少一个布局模块的类型及与布局模块相对应的模块内容数据;
获取与接收到的布局模块的类型对应的预设网页模板格式;
将所述模块内容数据对应插入获取的网页模板格式中;
生成网页发布代码;
将所述网页发布代码返回给用户端。
本发明实施例还提出一种网页生成装置,包括:
选择信息输出模块,用于输出多种不同类型的布局模块的选择提示信息;
输入提示模块,用于根据用户先后至少一次选择的布局模块,输出输入模块内容的提示信息;
内容接收模块,用于接收用户输入的与选择的布局模块对应的模块内容数据;
发送模块,用于将用户选择的布局模块的类型以及与选择的布局模块相对应的模块内容数据发送给建站服务器;
网页代码接收模块,用于接收所述建站服务器发送来的根据布局模块的类型及模块内容数据生成的网页数据。
本发明实施例还提出一种建站服务器,包括:
数据接收模块,用于接收用户端发送来的至少一个布局模块的类型及与布局模块相对应的模块内容数据;
模板查询模块,用于获取与接收到的布局模块的类型对应的预设网页模板格式;
数据插入模块,用于将所述模块内容数据对应插入获取的网页模板格式中;
代码生成模块,用于生成网页发布代码;
反馈模块,用于将所述网页发布代码返回给用户端。
相对于现有技术,本发明的有益效果是:本发明实施例的网页生成装置及建站服务器可以通过不同类型的布局模块来建设网站,用户可以通过一次或多次选择布局模块,来灵活地挑选其需要或者满意的页面布局,不仅操作方便,也使网站设计更为多样化,克服了现有建站平台所提供的固定模块样式单一的缺点,也可以增进网站页面的显示效果。
附图说明
图1为本发明实施例的一种硬件环境示意图;
图2为图1中用户端一种结构示意图;
图3为本发明实施例的一种网页生成方法的流程图;
图4为本发明实施例的一种根据选择提示信息显示的可选择的布局模块的示意图;
图5为本发明实施例的一种创建内容布局模块的示意图;
图6为本发明实施例的一种网站生成方法的流程图;
图7为本发明实施例的一种网页生成装置的结构图;
图8为本发明实施例的另一种网页生成装置的结构图;
图9为本发明实施例的一种建站服务器的结构图。
具体实施方式
有关本发明的前述及其他技术内容、特点及功效,在以下配合参考图式的较佳实施例详细说明中将可清楚的呈现。通过具体实施方式的说明,当可对本发明为达成预定目的所采取的技术手段及功效得以更加深入且具体的了解,然而所附图式仅是提供参考与说明之用,并非用来对本发明加以限制。
请参见图1,其为本发明实施例的一种硬件环境示意图,至少一个用户端11(图1中只绘示了一个用户端11)通过网络连接建站服务器10。
建站服务器10用于接收所述用户端11上传的各种数据,以及对接收到的数据处理后进行反馈。建站服务器10可以包括一个或一个以上数据库以及一个或一个以上处理器。
用户端11可以是任意具有输入及显示功能的设备,如台式电脑、移动终端等。如图2所示,用户端11可以包括有一个或一个以上计算机可读存储介质的存储器110、输入单元120、显示单元130、一个或者一个以上处理核心的处理器140等部件。本领域技术人员可以理解,图2中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
存储器110可用于存储软件程序以及模块,处理器140通过运行存储在存储器110的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器110可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器110还可以包括存储器控制器,以提供处理器140和输入单元120对存储器110的访问。
输入单元120可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元120可包括触敏表面121以及其它输入设备122。触敏表面121,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面121上或在触敏表面121附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面121可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器140,并能接收处理器140发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面121。除了触敏表面121,输入单元120还可以包括其它输入设备122。具体地,其它输入设备122可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元130可用于显示由用户输入的信息或提供给用户的信息以及用户端11的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元130可包括显示面板131,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板131。进一步的,触敏表面121可覆盖显示面板131,当触敏表面121检测到在其上或附近的触摸操作后,传送给处理器140以确定触摸事件的类型,随后处理器140根据触摸事件的类型在显示面板131上提供相应的视觉输出。虽然在图2中,触敏表面121与显示面板131是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面121与显示面板131集成而实现输入和输出功能。
处理器140是用户端11的控制中心,利用各种接口和线路连接整个用户端11的各个部分,通过运行或执行存储在存储器110内的软件程序和/或模块,以及调用存储在存储器110内的数据,执行用户端11的各种功能和处理数据,从而对用户端11进行整体监控。可选的,处理器140可包括一个或多个处理核心。
请参见图3,其为本发明实施例的一种网页生成方法的流程图,本实施例的网页生成方法应用于用户端11,其包括以下步骤:
S301,输出多种不同类型的布局模块的选择提示信息。
不同类型的布局模块,其模块内容的排版方式不同。请结合参见图4,其为本实施例的一种根据所述选择提示信息显示的可选择的布局模块的示意图,其中“头图”、“段落标题”、“横隔符”及“内容”是网页的构成元素,每种元素均包括了多种不同类型的布局模块可供选择,例如“头图”元素下包括“960px宽”和“100%宽”两种类型的布局模块,又如“内容”元素下包括十一种不同类型的布局模块,每种布局模块内容的排版方式各不相同。当用户想要对网页的某个元素进行编辑时,可以从该元素下选择合适的布局模块。由于布局模块的类型多样,用户可以根据需要来进行选择,克服了现有建站平台所提供的固定模块样式单一的缺点,使网站设计更为多样性,提高了网站的的页面效果。
特别的,为了迎合大多数用户的普遍需求,本实施例中所述的布局模块的类型包括单列图文、双列图文和三列图文。在图4中,“头图”、“段落标题”、“横隔符”元素下的布局模块均为单列图文的类型,“内容”元素下,其第一行为单列图文,第二行为双列图文,第三行为三列图文。当然,除了单列图文、双列图文和三列图文的布局模块,可以根据用户需要增加其它形式的布局模块。
S302,根据用户先后至少一次选择的布局模块,输出输入模块内容的提示信息。
所述输入模块内容的提示信息可以是横栏形式的显示信息,横栏区域的显示位置可以根据选择的布局模块的先后顺序按照自上而下排列。也即是说,在网页创建过程中,用户选择一个布局模块,会在显示屏上显示出一个横栏形式的输入提示框,当完成一个模块创建后,再选择创建下一个布局模块时,会在前一个输入提示框的下方显示出一个新的横栏形式的输入提示框,这种自上而下,类似于流的方式,使网页的创作过程更简单直观。
具体来说,请结合参加图5,当用户在“内容”元素下选择了“6:4”的布局模块,并点击“新建一行”时,会在显示屏上显示出输入模块内容的横栏提示框(即“选择模块类型”的选择栏上方的“内容模块-图文6:4”横栏输入框),这样用户便可以在横栏输入框中方便地插入图片及输入网页内容。如果用户再次选择其它的布局模块并点击“新建一行”,则会在“内容模块-图文6:4”横栏输入框的下方显示出新建的布局模块输入框。
S303,接收用户输入的与选择的布局模块对应的模块内容数据。
请结合参见图5,当用户在“内容模块-图文6:4”的横栏输入框中插入了合适和图片及输入了相应的文字信息后,并点击下方的“保存”或“保存为模块”,即接收了用户输入的这些模块内容数据。
S304,将用户选择的布局模块的类型以及与选择的布局模块相对应的模块内容数据发送给建站服务器。建站服务器会根据接收到布局模块的类型,从数据库中找出预先定义好的网站模版格式,并将相应的模块内容数据顺序插入网站模版格式中,从而产生对应的网页代码数据。
S305,接收所述建站服务器发送来的根据布局模块的类型及模块内容数据生成的网页数据。
接收到建站服务器发送来的网页数据后,当接收到用户输入的预览指令,便可以输出与所述网页数据对应的显示页面。以图5为例,当用户点击下方的“预览”按键,即发出了预览指令,用户端就会根据接收到的网页数据渲染出相应的网站页面。
特别的,所述接收到的网页数据中包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块(Cascading Style Sheets,CSS,CSS是一种样式表语言,用于为文档定义布局)。这样就可以实现创建响应式的网页,即页面尺寸会根据屏幕分辨率等比地调整,以适应各种终端的浏览。
特别的,步骤S301~步骤S305均可以通过运行Html5语言、CSS3语言及Javascript语言编译的程序来完成,从而使本实施例的方法可以兼容多种浏览器,如Chrome、FireFox、IE9+、Safari等。
本发明实施例还提出一种网站生成方法,请参见图6,其为本发明实施例的一种网站生成方法的流程图,本实施例的网站生成方法应用于建站服务器10,其包括以下步骤:
S601,接收用户端发送来的至少一个布局模块的类型及与布局模块相对应的模块内容数据。
所述每个布局模块对应一个页面元素,用户通过一次或多次选择布局模块,可以灵活地挑选其需要或者满意的页面布局,进而提高了网站页面设计的灵活度,也提高了页面显示效果。一个布局模块对应的模块内容数据可以包括文字信息、图片、视频等。
S602,获取与接收到的布局模块的类型对应的预设网页模板格式;
建站服务器的数据库中可以预先存放有多种网页模板格式,每种网页模板格式对应一种布局模块的类型或多种布局模块的类型组合。建站服务器接收到用户端发送来的建站数据后,会根据布局模块的类型查询数据库,并找出相对应的网页模板格式。例如,假设数据库中预存有三种网页模板格式:模板1、模板2和模板3,模板1对应内容元素的类型是“图文6:4”的一种布局模块,模块2对应内容元素的类型是“图文6:4”和头图类型是“100%宽”的两种布局模块,模板3对应内容元素的类型是“图文6:4”、头图类型是“100%宽”和段落标题元素的类型是“36号”的三种布局模块,当用户端发送来的建站数据中,布局模块的类型是内容元素的类型是“图文6:4”和头图类型是“100%宽”两种,则通过查询数据库找出的就是模板2。由此可见,不管用户选择何种类型的布局模块,建站服务器都可以找出相应的网页模板格式,因此完全不需要用户再对页面数据进行任何设计,大大方便了用户在建站时的操作。
S603,将所述模块内容数据对应插入获取的网页模板格式中。
S604,生成网页发布代码。
生成的网页发布代码中可以包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块,这样就实现了创建响应式的网页代码,即级联样式表模块会根据屏幕分辨率调用相应的代码来渲染页面,从而页面的显示尺寸会根据屏幕分辨率等比地调整,以适应各种终端的浏览。然后可以在网页发布代码中再嵌入响应式网页所需要的头代码、兼容性组件及特殊组件(所述特殊组件是指视频组件、轮播图组件等)。
S605,将所述网页发布代码返回给用户端。以供用户对创建的网站页面进行浏览及修改等后续操作。
本发明实施例的方法可以通过不同类型的布局模块来建设网站,用户可以通过一次或多次选择布局模块,来灵活地挑选其需要或者满意的页面布局,不仅操作方便,也使网站设计更为多样化,克服了现有建站平台所提供的固定模块样式单一的缺点,也可以增进网站页面的显示效果。而且,通过本发明实施例的方法创建的网站可以是基于响应式网页设计技术,所以创建的网页会根据屏幕设备的大小自动进行布局的变化,确保在不同大小的终端屏幕下,无论是PC或是平板、智能手机都能以最佳的视觉效果呈现。
本发明实施例还提出一种网页生成装置,其部署于用户端11,请参见图7,该网页生成装置包括:选择信息输出模块71、输入提示模块72、内容接收模块73、发送模块74及网页代码接收模块75。
选择信息输出模块71用于输出多种不同类型的布局模块的选择提示信息。选择提示信息可以通过用户端11的显示单元130进行显示,以供用户选择操作。不同类型的布局模块,其模块内容的排版方式不同,优选的,所述的布局模块的类型可以包括单列图文、双列图文和三列图文。当用户想要对网页的某个元素进行编辑时,可以从该元素下选择合适的布局模块。由于布局模块的类型多样,用户可以根据需要来进行选择,克服了现有建站平台所提供的固定模块样式单一的缺点,使网站设计更为多样性,提高了网站的的页面效果。
输入提示模块72用于根据用户先后至少一次选择的布局模块,输出输入模块内容的提示信息。用户对布局模块的选择可以利用用户端11本身的输入单元120获取,例如当用户在触敏表面121上点选相应的布局模块时,用户端就能获得该选择信息,进而输入提示模块72便根据该选择信息输出相应的输入模块内容的提示信息。输入模块内容的提示信息同样可以通过用户端11的显示单元130进行显示,以供用户选择操作。所述输入模块内容的提示信息可以是横栏形式的显示信息,横栏区域的显示位置可以根据选择的布局模块的先后顺序按照自上而下排列。也即是说,在网页创建过程中,用户选择一个布局模块,会在显示屏上显示出一个横栏形式的输入提示框,当完成一个模块创建后,再选择创建下一个布局模块时,会在前一个输入提示框的下方显示出一个新的横栏形式的输入提示框,这种自上而下,类似于流的方式,使网页的创作过程更简单直观。
内容接收模块73用于接收用户输入的与选择的布局模块对应的模块内容数据。模块内容数据可以由用户通过输入单元120输入。
发送模块74用于将用户选择的布局模块的类型以及与选择的布局模块相对应的模块内容数据发送给建站服务器。建站服务器会根据接收到布局模块的类型,从数据库中找出预先定义好的网站模版格式,并将相应的模块内容数据顺序插入网站模版格式中,从而产生对应的网页代码数据。
网页代码接收模块75用于接收建站服务器发送来的根据布局模块的类型及模块内容数据生成的网页数据。接收到建站服务器发送来的网页数据后,当用户输入预览指令,便可以通过用户端11的显示单元130显示相应的网站页面。特别的,所述接收到的网页数据中包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块(Cascading Style Sheets,CSS,CSS是一种样式表语言,用于为文档定义布局)。这样就可以实现创建响应式的网页,即页面尺寸会根据屏幕分辨率等比地调整,以适应各种终端的浏览。
此外,选择信息输出模块71、输入提示模块72、内容接收模块73、发送模块74及网页代码接收模块75均可以通过运行Html5语言、CSS3语言及Javascript语言开发。从而使使本实施例的装置可以兼容当前新一代的多种浏览器,如Chrome、FireFox、IE9+、Safari等。
请参见图8,其为本发明实施例的另一种网页生成装置的结构图,与图7的实施例相比,本实施例的网页生成装置还包括预览模块76,预览模块76用于当接收到用户输入的预览指令,输出与所述网页数据对应的显示数据,并通过用户端11的显示单元130进行展示。
本实施例的输入提示模块72进一步包括:新建指令接收单元721和横栏信息输出单元722。新建指令接收单元721用于接收用户输入的新建布局模块的指令。横栏信息输出单元722用于输出用于输入模块内容的横栏区域的显示信息,所述横栏区域的显示位置根据选择的布局模块的先后顺序按照自上而下排列。
本发明实施例还提出一种建站服务器,请参见图9,该建站服务器包括:数据接收模块91、模板查询模块92、数据插入模块93、代码生成模块94以及反馈模块95。
数据接收模块91用于接收用户端发送来的至少一个布局模块的类型及与布局模块相对应的模块内容数据。所述每个布局模块对应一个页面元素,用户通过一次或多次选择布局模块,可以灵活地挑选其需要或者满意的页面布局,进而提高了网站页面设计的灵活度,也提高了页面显示效果。一个布局模块对应的模块内容数据可以包括文字信息、图片、视频等。
模板查询模块92用于获取与接收到的布局模块的类型对应的预设网页模板格式。建站服务器的数据库中可以预先存放有多种网页模板格式,每种网页模板格式对应一种布局模块的类型或多种布局模块的类型组合。数据接收模块91接收到用户端发送来的建站数据后,会根据布局模块的类型查询数据库,并找出相对应的网页模板格式。因此,不管用户选择何种类型的布局模块,建站服务器都可以找出相应的网页模板格式,完全不需要用户再对页面数据进行任何设计,大大方便了用户在建站时的操作。
数据插入模块93用于将所述模块内容数据对应插入获取的网页模板格式中。
代码生成模块94用于生成网页发布代码。生成的网页发布代码中可以包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块,这样就实现了创建响应式的网页代码,即级联样式表模块会根据屏幕分辨率调用相应的代码来渲染页面,从而页面的显示尺寸会根据屏幕分辨率等比地调整,以适应各种终端的浏览。然后代码生成模块94还可以在网页发布代码中再嵌入响应式网页所需要的头代码、兼容性组件及特殊组件(所述特殊组件是指视频组件、轮播图组件等)。
反馈模块95用于将所述网页发布代码返回给用户端。以供用户对创建的网站页面进行浏览及修改等后续操作。
本发明实施例的网页生成装置及建站服务器可以通过不同类型的布局模块来建设网站,用户可以通过一次或多次选择布局模块,来灵活地挑选其需要或者满意的页面布局,不仅操作方便,也使网站设计更为多样化,克服了现有建站平台所提供的固定模块样式单一的缺点,也可以增进网站页面的显示效果。而且,通过本发明实施例的网页生成装置及建站服务器创建的网站可以是基于响应式网页设计技术,所以创建的网页会根据屏幕设备的大小自动进行布局的变化,确保在不同大小的终端屏幕下,无论是PC或是平板、智能手机都能以最佳的视觉效果呈现。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本发明实施例可以通过硬件实现,也可以借助软件加必要的通用硬件平台的方式来实现。基于这样的理解,本发明实施例的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或网络设备等)执行本发明实施例各个实施场景所述的方法。
以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭露如上,然而并非用以限定本发明,任何熟悉本专业的技术人员,在不脱离本申请技术方案范围内,当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本申请技术方案内容,依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属于本发明技术方案的范围内。
Claims (9)
1.一种网页生成方法,其特征在于,包括:
输出多种不同类型的布局模块的选择提示信息;所述布局模块的类型包括单列图文、双列图文、三列图文中的至少一种;多种不同类型的布局模块包括在网页的每种构成元素中,网页由至少一个所述构成元素构成;用户在所述构成元素下选择合适的布局模块进行编辑;
根据用户先后至少一次选择的布局模块,输出输入模块内容的提示信息;
接收用户输入的与选择的布局模块对应的模块内容数据;
将用户选择的布局模块的类型以及与选择的布局模块相对应的模块内容数据发送给建站服务器;以使建站服务器根据接收到布局模块的类型,从数据库中找出预先定义的网站模版格式,再将相应的模块内容数据顺序插入网站模版格式中,产生对应的网页代码数据;
接收所述建站服务器发送来的所述网页代码数据;所述网页发布代码中包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块,级联样式表模块根据屏幕分辨率调用相应的代码渲染页面;
在网页发布代码中嵌入响应式网页所需要的头代码、兼容性组件及特殊组件。
2.如权利要求1所述的网页生成方法,其特征在于,所述根据用户先后至少一次选择的布局模块,输出输入模块内容的提示信息的步骤包括:当接收到用户输入的新建布局模块的指令,输出用于输入模块内容的横栏区域的显示信息,所述横栏区域的显示位置根据选择的布局模块的先后顺序按照自上而下排列。
3.一种网站生成方法,其特征在于,包括:
接收用户端发送来的至少一个布局模块的类型及与布局模块相对应的模块内容数据;所述布局模块的类型包括单列图文、双列图文、三列图文中的至少一种;多种不同类型的布局模块包括在网页的每种构成元素中,网页由至少一个所述构成元素构成;用户在所述构成元素下选择合适的布局模块进行编辑;
获取与接收到的布局模块的类型对应的预设网页模板格式;所述获取与接收到的布局模块的类型对应的预设网页模板格式,包括:根据接收到布局模块的类型,从数据库中找出预先定义的网站模版格式;
将相应的模块内容数据顺序插入网站模版格式中,产生对应的网页代码数据;所述网页发布代码中包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块,级联样式表模块根据屏幕分辨率调用相应的代码渲染页面;
将所述网页代码数据返回给用户端;以使用户端在网页发布代码中嵌入响应式网页所需要的头代码、兼容性组件及特殊组件;所述网页发布代码中包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块,级联样式表模块根据屏幕分辨率调用相应的代码渲染页面。
4.如权利要求3所述的网站生成方法,其特征在于,所述生成网页发布代码的步骤之后进一步包括:在所述网页发布代码中嵌入头代码、兼容性组件及特殊组件。
5.一种网页生成装置,其特征在于,包括:
选择信息输出模块,用于输出多种不同类型的布局模块的选择提示信息;所述布局模块的类型包括单列图文、双列图文、三列图文中的至少一种;多种不同类型的布局模块包括在网页的每种构成元素中,网页由至少一个所述构成元素构成;用户在所述构成元素下选择合适的布局模块进行编辑;
输入提示模块,用于根据用户先后至少一次选择的布局模块,输出输入模块内容的提示信息;
内容接收模块,用于接收用户输入的与选择的布局模块对应的模块内容数据;
发送模块,用于将用户选择的布局模块的类型以及与选择的布局模块相对应的模块内容数据发送给建站服务器;以使建站服务器根据接收到布局模块的类型,从数据库中找出预先定义的网站模版格式,再将相应的模块内容数据顺序插入网站模版格式中,产生对应的网页代码数据;
网页代码接收模块,用于接收所述建站服务器发送来的所述网页代码数据;所述网页发布代码中包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块,级联样式表模块根据屏幕分辨率调用相应的代码渲染页面;
代码生成模块,用于在网页发布代码中嵌入响应式网页所需要的头代码、兼容性组件及特殊组件。
6.如权利要求5所述的网页生成装置,其特征在于,所述输入提示模块进一步包括:
新建指令接收单元,用于接收用户输入的新建布局模块的指令;
横栏信息输出单元,用于输出用于输入模块内容的横栏区域的显示信息,所述横栏区域的显示位置根据选择的布局模块的先后顺序按照自上而下排列。
7.如权利要求5所述的网页生成装置,其特征在于,所述网页生成装置还包括:
预览模块,用于当接收到用户输入的预览指令,输出与所述网页数据对应的显示页面。
8.如权利要求5~7任一项所述的网页生成装置,其特征在于,所述网页生成装置中的各个模块均通过运行Html5语言、CSS3语言及Javascript语言开发。
9.一种建站服务器,其特征在于,包括:
数据接收模块,用于接收用户端发送来的至少一个布局模块的类型及与布局模块相对应的模块内容数据;所述布局模块的类型包括单列图文、双列图文、三列图文中的至少一种;多种不同类型的布局模块包括在网页的每种构成元素中,网页由至少一个所述构成元素构成;用户在所述构成元素下选择合适的布局模块进行编辑;
模板查询模块,用于获取与接收到的布局模块的类型对应的预设网页模板格式;所述获取与接收到的布局模块的类型对应的预设网页模板格式,包括:根据接收到布局模块的类型,从数据库中找出预先定义的网站模版格式;
数据插入模块,用于将相应的模块内容数据顺序插入网站模版格式中;所述网页发布代码中包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块,级联样式表模块根据屏幕分辨率调用相应的代码渲染页面;
代码生成模块,用于生成对应的网页代码数据;
反馈模块,用于将所述网页代码数据返回给用户端;
嵌入模块,用于在所述网页发布代码中嵌入头代码、兼容性组件及特殊组件;所述网页发布代码中包括用于根据侦测到的屏幕分辨率调用相应代码渲染页面的级联样式表模块,级联样式表模块根据屏幕分辨率调用相应的代码渲染页面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410131527.8A CN104978317B (zh) | 2014-04-02 | 2014-04-02 | 网页生成方法及装置、网站生成方法及建站服务器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410131527.8A CN104978317B (zh) | 2014-04-02 | 2014-04-02 | 网页生成方法及装置、网站生成方法及建站服务器 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104978317A CN104978317A (zh) | 2015-10-14 |
CN104978317B true CN104978317B (zh) | 2019-12-20 |
Family
ID=54274832
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410131527.8A Active CN104978317B (zh) | 2014-04-02 | 2014-04-02 | 网页生成方法及装置、网站生成方法及建站服务器 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104978317B (zh) |
Families Citing this family (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105528206A (zh) * | 2015-12-02 | 2016-04-27 | 北京邮电大学 | 基于网页的界面生成方法 |
CN106326364A (zh) * | 2016-08-10 | 2017-01-11 | 无锡天脉聚源传媒科技有限公司 | 一种微网站中添加资源的方法和装置 |
CN107784002A (zh) * | 2016-08-26 | 2018-03-09 | 阿里巴巴集团控股有限公司 | 一种网页的页面元素生成方法及装置 |
CN108021359B (zh) * | 2016-11-02 | 2021-01-29 | 腾讯科技(北京)有限公司 | 提供应用服务的平台及方法、应用的提供方法及获取方法 |
CN108536715B (zh) * | 2017-03-06 | 2020-12-11 | 百度在线网络技术(北京)有限公司 | 一种预览页面生成方法、装置、设备以及存储介质 |
CN106991154B (zh) * | 2017-03-29 | 2022-04-05 | 百度在线网络技术(北京)有限公司 | 网页渲染方法、装置、终端及服务器 |
CN109388759B (zh) * | 2017-08-02 | 2023-01-31 | 阿里巴巴集团控股有限公司 | 一种网页界面构建方法和系统、数据处理方法 |
CN107451291A (zh) * | 2017-08-15 | 2017-12-08 | 合肥丹朋科技有限公司 | 智能手机网站制作方法 |
CN107729074B (zh) * | 2017-09-25 | 2021-02-23 | 百富计算机技术(深圳)有限公司 | 一种pos应用的用户界面的加载方法及装置 |
CN109597614B (zh) * | 2017-09-28 | 2022-01-14 | 华为技术有限公司 | 一种业务页面定制方法及系统 |
CN108256124A (zh) * | 2018-02-26 | 2018-07-06 | 成都步速者科技股份有限公司 | 网站建立方法、装置、服务器及存储介质 |
CN109299419A (zh) * | 2018-08-28 | 2019-02-01 | 盐城千度网络科技有限公司 | 一种自助建站管理系统 |
CN111176648B (zh) * | 2018-11-09 | 2024-01-05 | 北京嘀嘀无限科技发展有限公司 | 免安装程序转换处理方法、装置、电子设备及存储介质 |
CN109614545A (zh) * | 2018-11-13 | 2019-04-12 | 阿里巴巴集团控股有限公司 | 页面加载方法、装置及设备 |
CN111240669B (zh) * | 2018-11-28 | 2024-04-12 | 阿里巴巴集团控股有限公司 | 界面生成方法、装置、电子设备及计算机存储介质 |
CN110688603A (zh) * | 2019-10-18 | 2020-01-14 | 郑瑞文 | 网站界面自动变化 |
CN111221505A (zh) * | 2019-12-31 | 2020-06-02 | 上海汇贯实业有限公司 | 一种网站网页设计系统及其方法 |
CN112732262A (zh) * | 2021-01-22 | 2021-04-30 | 湖南金鹰卡通传媒有限公司 | 移动终端版块动态配置方法、系统以及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101025738A (zh) * | 2006-02-21 | 2007-08-29 | 广州保税区天懋数码电子商务有限公司 | 一种免模板动态网站生成方法 |
CN101160579A (zh) * | 2005-10-14 | 2008-04-09 | 华为技术有限公司 | 实现页面灵活布局的装置和方法 |
CN103365855A (zh) * | 2012-03-28 | 2013-10-23 | 腾讯科技(深圳)有限公司 | 生成网页的方法及服务器 |
CN103631958A (zh) * | 2013-12-17 | 2014-03-12 | 江苏省公用信息有限公司 | 一种页面自动适配实现内容多屏展示的方法 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070250783A1 (en) * | 2006-04-24 | 2007-10-25 | Ehealthinsurance Services, Inc. | Method and system to provide online application forms |
CN101207450B (zh) * | 2007-12-14 | 2011-05-11 | 北大方正集团有限公司 | 一种专题模板制作方法及客户端和网络侧服务器 |
-
2014
- 2014-04-02 CN CN201410131527.8A patent/CN104978317B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101160579A (zh) * | 2005-10-14 | 2008-04-09 | 华为技术有限公司 | 实现页面灵活布局的装置和方法 |
CN101025738A (zh) * | 2006-02-21 | 2007-08-29 | 广州保税区天懋数码电子商务有限公司 | 一种免模板动态网站生成方法 |
CN103365855A (zh) * | 2012-03-28 | 2013-10-23 | 腾讯科技(深圳)有限公司 | 生成网页的方法及服务器 |
CN103631958A (zh) * | 2013-12-17 | 2014-03-12 | 江苏省公用信息有限公司 | 一种页面自动适配实现内容多屏展示的方法 |
Also Published As
Publication number | Publication date |
---|---|
CN104978317A (zh) | 2015-10-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104978317B (zh) | 网页生成方法及装置、网站生成方法及建站服务器 | |
US9507519B2 (en) | Methods and apparatus for dynamically adapting a virtual keyboard | |
US9189564B2 (en) | Method and apparatus for providing user interface for internet service | |
US9489131B2 (en) | Method of presenting a web page for accessibility browsing | |
US9772978B2 (en) | Touch input visualizations based on user interface context | |
US20160188551A1 (en) | System for clipping webpages | |
RU2662632C2 (ru) | Представление документов фиксированного формата в формате с измененной компоновкой | |
Nebeling et al. | W3touch: metrics-based web page adaptation for touch | |
CN102411614A (zh) | 图像搜索结果的显示 | |
US9792268B2 (en) | Zoomable web-based wall with natural user interface | |
CN104461259A (zh) | 用于导览识别符列表的装置、方法和图形用户接口 | |
US10572106B2 (en) | Method and apparatus for performing URL linkage function using the keypad | |
KR20140094540A (ko) | 크로스 윈도우 애니메이션 | |
KR101580003B1 (ko) | 링크의 비 마우스 기반 활성화를 위한 그래픽 사용자 인터페이스 | |
US20150212707A1 (en) | Computer System and Method to View and Edit Documents from an Electronic Computing Device Touchscreen | |
JP5629509B2 (ja) | 情報処理装置、情報閲覧装置、情報処理方法、およびプログラム | |
JP2009204710A (ja) | 触覚提示装置及び触覚提示方法 | |
US8452814B1 (en) | Gathering context in action to support in-context localization | |
JP2015114955A (ja) | 情報処理装置、情報処理方法、およびプログラム | |
KR101294458B1 (ko) | 모바일 디바이스에서의 텍스트 입력장치 및 그 방법 | |
JP2015228209A (ja) | データ校正プラットフォームサーバー | |
KR101242878B1 (ko) | 전자책 상에서 애너테이션이 작성된 항목을 추출 및 제공하는 방법 및 그 시스템 | |
JP2013508847A (ja) | 機能表示項目を強調表示するための方法及び装置 | |
JP6225724B2 (ja) | 情報共有システムおよび情報共有方法、ならびに、情報処理装置および情報処理方法 | |
TWI409699B (zh) | 配置快速鍵予頁面轉換元素之瀏覽系統及其方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |