CN102214237B - 一种网页制作方法和装置 - Google Patents
一种网页制作方法和装置 Download PDFInfo
- Publication number
- CN102214237B CN102214237B CN2011101823290A CN201110182329A CN102214237B CN 102214237 B CN102214237 B CN 102214237B CN 2011101823290 A CN2011101823290 A CN 2011101823290A CN 201110182329 A CN201110182329 A CN 201110182329A CN 102214237 B CN102214237 B CN 102214237B
- Authority
- CN
- China
- Prior art keywords
- webpage
- sublayer
- web page
- page contents
- label
- 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
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种网页制作方法,根据网页内容设置至少两个网页子层,向每个网页子层加入该子层对应的至少一个网页内容元素,对每个网页内容元素设置对应的至少一个标签,将至少两个网页子层封装成网页。本发明还公开了一种网页制作装置。采用本发明的网页制作方法和装置,能够节省网络带宽资源和计算机系统资源。
Description
技术领域
本发明涉及互联网技术,特别是涉及一种网页制作方法和装置。
背景技术
目前,互联网在城市中已经普及,大部分乡镇和行政村也都已经接通了互联网。互联网基础设施的完善大大促进了互联网的普及和应用。互联网已经渗透到人们生活的各个领域。
在互联网应用中,通常通过网页访问互联网。目前,普通的网页是二维效果的平面网页。随着互联网技术的进步,出现了支持三维效果的立体网页。如果要访问该立体网页,要求访问该网页时使用的计算机必须要支持立体网页的相关插件,因此不得不占用大量网络带宽来下载该插件,并且,访问该网页的计算机需要对该网页的相关数据进行大量复杂运算,因此需要占用大量计算机系统资源。因此,内容较多的立体网页会占用大量网络带宽,造成网络阻塞,甚至有可能拖垮用户的计算机系统,造成计算机系统崩溃。
发明内容
本发明提供了一种网页制作方法,采用该方法能够节省网络带宽资源和计算机系统资源。
本发明还提供了一种网页制作装置,采用该方法能够节省网络带宽资源和计算机系统资源。
为达到上述目的,本发明的技术方案是这样实现的:
本发明公开了一种网页制作方法,包括:
根据网页内容设置至少两个网页子层;
向每个所述网页子层加入该子层对应的至少一个网页内容元素;
对每个所述网页内容元素设置对应的至少一个标签;
将所述至少两个网页子层封装成网页。
所述根据网页内容设置至少两个网页子层包括:设置底网页子层、中间网页子层和顶网页子层;
向每个所述网页子层加入该子层对应的至少一个网页内容元素包括:向所述底网页子层加入至少一个背景内容元素;向所述中间网页子层加入至少一个主要信息内容元素;向所述顶网页子层加入至少一个用户交互内容元素。
所述向每个所述网页子层加入该子层对应的至少一个网页内容元素包括:
从网页内容元素库调取所述网页内容元素库存储的网页内容元素并加入对应的网页子层;
和/或,从数据接口获取外部数据源输入的网页内容元素并加入对应的网页子层。
所述对每个所述网页内容元素设置对应的至少一个标签包括:
在所述网页内容元素所在的网页子层的预封装的标签中选择所述至少一个标签;
对所述网页内容元素设置选择的所述至少一个标签。
所述将所述至少两个网页子层封装成网页包括:
将每一个所述网页子层的网页内容元素和对应的标签封装在对应的网页子层中,获取至少两个已封装网页子层;
封装所述至少已两个网页子层,获取所述网页。
本发明还公开一种网页制作装置,包括:
分层模块,用于根据网页内容设置至少两个网页子层;
内容元素添加模块,用于向每个所述网页子层加入该子层对应的至少一个网页内容元素;
标签设置模块,用于对每个所述网页内容元素设置对应的至少一个标签;
封装模块,用于将所述至少两个网页子层封装成网页。
所述分层模块,具体用于设置底网页子层、中间网页子层和顶网页子层;
内容元素添加模块,具体用于向所述底网页子层加入至少一个背景内容元素,向所述中间网页子层加入至少一个主要信息内容元素,向所述顶网页子层加入至少一个用户交互内容元素。
所述装置还包括:网页内容元素库和/或数据接口;所述网页内容元素库用于存储预设的网页内容元素;所述数据接口与外部数据源相连,用于获取外部数据源的数据;
所述内容元素添加模块具体用于从网页内容元素库调取所述网页内容元素库存储的网页内容元素并加入对应的网页子层,和/或,从数据接口获取外部数据源输入的网页内容元素并加入对应的网页子层。
所述标签设置模块具体用于为每个所述网页子层预封装至少一个标签,在所述网页内容元素所在的网页子层的预封装标签中选择至少一个标签,对所述网页内容元素设置选择的所述至少一个标签。
所述封装模块具体用于将每一个所述网页子层的网页内容元素和对应的标签封装在对应的网页子层中,获取至少两个已封装网页子层,封装所述至少已两个网页子层,获取所述网页。
由上述发明内容可见,通过将网页根据内容划分成多个网页子层,在每个网页子层分别添加该网页子层对应的网页内容元素并设置标签,最后将多个网页子层封装成一个网页,从而将网页内容元素按照层次进行叠成排列,因此能够产生具有层次效果的立体网页。并且,通过采用分层次叠成封装的方式制作网页,计算机在访问网页时不必下载插件,从而节省了网络带宽资源,也不必进行大量复杂运算,从而节省了计算机系统资源。
附图说明
图1是本发明实施例一的网页制作方法流程图;
图2是本发明实施例二的网页制作装置的结构示意图。
具体实施方式
为了使本发明的目的、技术方案和优点更加清楚,下面结合附图和具体实施例对本发明进行详细描述。
本发明的基本思想是:将网页分为多个网页子层,在每个网页子层中分别添加网页内容元素和对应的标签,再将多个网页子层封装成网页。
图1是本发明实施例一的网页制作方法流程图。如图1所示,该方法包括如下过程。
步骤101:根据网页内容设置至少两个网页子层。
在本步骤中,根据网页的内容确定网页子层的个数,生成相应个数的网页子层。一个较佳实施方式为,对于常见的网页,根据其网页内容,将网页子层设置为三个,具体地,为该网页设置底网页子层、中间网页子层和顶网页子层。
步骤102:向每个网页子层加入该子层对应的至少一个网页内容元素。
在本步骤中,可以从以下两种渠道获取需要加入的网页内容元素,具体地,可以从以下两种渠道中的任何一种获取全部的网页内容元素,也可以从其中一种渠道获取部分网页内容元素,从另一种渠道获取其它的网页内容元素。获取网页内容元素的两种渠道为:从网页内容元素库调取网页内容元素库存储的网页内容元素,或,从数据接口获取外部数据源输入的网页内容元素。具体地,仍以步骤101的常见的网页为例,在步骤102中,向底网页子层加入至少一个背景内容元素,向中间网页子层加入至少一个主要信息内容元素,向顶网页子层加入至少一个用户交互内容元素。其中,背景内容元素、主要信息内容元素和用户交互内容元素可以从网页内容元素库调取,也可以从数据接口获取,或者结合使用页内容元素库和数据接口,获取上述内容元素。
步骤103:对每个网页内容元素设置对应的至少一个标签。
在本步骤中,一种较佳的实施方式是,可以预先为每个网页子层预封装一个或多个标签,在步骤103中,在网页内容元素所在的网页子层的预封装的标签中选择至少一个标签,对该网页内容元素设置选择的标签。具体地,仍以步骤101的常见的网页为例,在步骤103中,可以为背景内容元素设置图片标签和/或文字标签和/或动画标签等,为主要信息内容元素设置图片标签和/或文字标签和/或链接标签等,为用户交互内容元素设置链接标签等。上述图片标签、文字标签、动画标签、链接标签等可以预封装在对应的网页子层中。
步骤104:将至少两个网页子层封装成网页。
在本步骤中,一种较佳的实施方式为,首先,将每一个网页子层的网页内容元素和对应的标签封装在对应的网页子层中,获取至少两个已封装网页子层;然后,封装至少已两个网页子层,获取网页。具体地,仍以步骤101的常见的网页为例,在步骤103中,先分别将背景内容元素和该内容元素的图片标签和/或文字标签和/或动画标签封装在底网页子层,将主要信息内容元素和该内容元素的图片标签和/或文字标签和/或链接标签封装在中间网页子层,将用户交互内容元素和该内容元素的链接标签封装在顶网页子层,上述三个封装过程的执行顺序不受限制,可以同时执行。然后,上述封装后获得已封装底网页子层、已封装中间网页子层和已封装顶网页子层,将上述三个已封装的网页子层封装在一起,构成最终制作成的一个网页。
图2是本发明实施例二的网页制作装置的结构示意图。如图2所示,该装置至少包括:分层模块21、内容元素添加模块22、标签设置模块23和封装模块24。在上述组成部分的基础上,该装置还可以进一步包括:网页内容元素库25和/或数据接口26。
其中,分层模块21根据网页内容设置至少两个网页子层。内容元素添加模块22向每个网页子层加入该子层对应的至少一个网页内容元素。标签设置模块23对每个网页内容元素设置对应的至少一个标签。封装模块24将至少两个网页子层封装成网页。
在上述技术方案的基础上,在该装置还包括网页内容元素库25和/或数据接口26的情况下,网页内容元素库25存储预设的网页内容元素,数据接口26与外部数据源相连,用于获取外部数据源的数据。内容元素添加模块22具体从网页内容元素库25调取网页内容元素库25存储的网页内容元素并加入对应的网页子层,和/或,从数据接口26获取外部数据源输入的网页内容元素并加入对应的网页子层。
在上述技术方案的基础上,标签设置模块23具体为每个网页子层预封装至少一个标签,在网页内容元素所在的网页子层的预封装标签中选择至少一个标签,对该网页内容元素设置选择的上述至少一个标签。
在上述技术方案的基础上,封装模块24具体将每一个网页子层的网页内容元素和对应的标签封装在对应的网页子层中,获取至少两个已封装网页子层,封装至少已两个网页子层,获取网页。
在上述技术方案的基础上,一种较佳的实施方式为,对于普通网页,分层模块21具体设置底网页子层、中间网页子层和顶网页子层。内容元素添加模块22向底网页子层加入至少一个背景内容元素,向中间网页子层加入至少一个主要信息内容元素,向顶网页子层加入至少一个用户交互内容元素。
上述网页制作装置的各个组成部分的更详细地运行方式和执行顺序可以参见本发明实施例一中对网页制作方法的描述。在实际应用中,该网页制作装置可以通过编写计算机程序实现,该装置的各个组成部分可以分别是该计算机程序的一个程序模块,该网页制作装置可以是任意形式的计算机程序,例如:独立的应用软件、其它应用软件的插件等。
由上述本发明的具体实施方式可见,将网页根据内容划分成多个网页子层,在每个网页子层添加该网页子层对应的网页内容元素,并为网页内容元素设置标签,最后将多个网页子层封装成一个网页,从而将网页内容元素按照层次进行叠成排列,能够使不同的内容元素产生远景或近景的层次效果,制作成立体网页。并且,采用分层次叠成封装的方式制作网页,在访问最终制成的网页时,用户使用的计算机不必下载与立体网页有关的插件,从而节省了网络带宽资源,用户使用的计算机也不必对该网页的相关数据进行大量复杂运算,节省了计算机系统资源。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明保护的范围之内。
Claims (6)
1.一种网页制作方法,其特征在于,包括:
根据网页内容设置至少两个网页子层;
向每个所述网页子层加入该子层对应的至少一个网页内容元素;
对每个所述网页内容元素设置对应的至少一个标签;
将所述至少两个网页子层封装成网页,所述网页为立体网页;
其中,所述将所述至少两个网页子层封装成网页包括:将每一个所述网页子层的网页内容元素和对应的标签封装在对应的网页子层中,获取至少两个已封装网页子层;封装所述至少两个已封装网页子层,获取所述网页;
所述根据网页内容设置至少两个网页子层包括:设置底网页子层、中间网页子层和顶网页子层;
所述向每个所述网页子层加入该子层对应的至少一个网页内容元素包括:向所述底网页子层加入至少一个背景内容元素;向所述中间网页子层加入至少一个主要信息内容元素;向所述顶网页子层加入至少一个用户交互内容元素;
所述对每个所述网页内容元素设置对应的至少一个标签包括:为背景内容元素设置图片标签和/或文字标签和/或动画标签,为主要信息内容元素设置图片标签和/或文字标签和/或链接标签,为用户交互内容元素设置链接标签。
2.根据权利要求1所述的方法,其特征在于,所述向每个所述网页子层加入该子层对应的至少一个网页内容元素包括:
从网页内容元素库调取所述网页内容元素库存储的网页内容元素并加入对应的网页子层;
和/或,从数据接口获取外部数据源输入的网页内容元素并加入对应的网页子层。
3.根据权利要求1所述的方法,其特征在于,所述对每个所述网页内容元素设置对应的至少一个标签包括:
在所述网页内容元素所在的网页子层的预封装的标签中选择所述至少一个标签;
对所述网页内容元素设置选择的所述至少一个标签。
4.一种网页制作装置,其特征在于,包括:
分层模块,用于根据网页内容设置至少两个网页子层;
内容元素添加模块,用于向每个所述网页子层加入该子层对应的至少一个网页内容元素;
标签设置模块,用于对每个所述网页内容元素设置对应的至少一个标签;
封装模块,用于将所述至少两个网页子层封装成网页,所述网页为立体网页;
其中,所述封装模块具体用于将每一个所述网页子层的网页内容元素和对应的标签封装在对应的网页子层中,获取至少两个已封装网页子层,封装所述至少两个已封装网页子层,获取所述网页;
所述分层模块,具体用于设置底网页子层、中间网页子层和顶网页子层;
所述内容元素添加模块,具体用于向所述底网页子层加入至少一个背景内容元素,向所述中间网页子层加入至少一个主要信息内容元素,向所述顶网页子层加入至少一个用户交互内容元素;
所述标签设置模块,具体为背景内容元素设置图片标签和/或文字标签和/或动画标签,为主要信息内容元素设置图片标签和/或文字标签和/或链接标签,为用户交互内容元素设置链接标签。
5.根据权利要求4所述的装置,其特征在于,
所述装置还包括:网页内容元素库和/或数据接口;所述网页内容元素库用于存储预设的网页内容元素;所述数据接口与外部数据源相连,用于获取外部数据源的数据;
所述内容元素添加模块具体用于从网页内容元素库调取所述网页内容元素库存储的网页内容元素并加入对应的网页子层,和/或,从数据接口获取外部数据源输入的网页内容元素并加入对应的网页子层。
6.根据权利要求4所述的装置,其特征在于,
所述标签设置模块具体用于为每个所述网页子层预封装至少一个标签,在所述网页内容元素所在的网页子层的预封装标签中选择至少一个标签,对所述网页内容元素设置选择的所述至少一个标签。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011101823290A CN102214237B (zh) | 2011-06-30 | 2011-06-30 | 一种网页制作方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011101823290A CN102214237B (zh) | 2011-06-30 | 2011-06-30 | 一种网页制作方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102214237A CN102214237A (zh) | 2011-10-12 |
CN102214237B true CN102214237B (zh) | 2013-11-27 |
Family
ID=44745545
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2011101823290A Active CN102214237B (zh) | 2011-06-30 | 2011-06-30 | 一种网页制作方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102214237B (zh) |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20100066454A (ko) * | 2007-08-29 | 2010-06-17 | 인터내셔널 비지네스 머신즈 코포레이션 | 브라우저와 서버 간의 협력을 통해 하나 또는 그 이상의 아카이브에 작은 객체를 패키징하기 위한 장치, 시스템, 및 방법 |
CN101533409B (zh) * | 2009-04-23 | 2011-03-02 | 何海群 | 一种网络浏览器系统和控制方法 |
-
2011
- 2011-06-30 CN CN2011101823290A patent/CN102214237B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN102214237A (zh) | 2011-10-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108563517B (zh) | 系统接口的调用方法及装置 | |
CN104573066B (zh) | 页面复用方法及装置 | |
CN104572091B (zh) | 应用软件实现方法、装置以及计算机设备 | |
US20180191798A1 (en) | Methods and systems for server-side rendering of native content for presentation | |
CN105607895A (zh) | 一种基于应用程序编程接口的应用程序的运行方法和装置 | |
CN106980669A (zh) | 一种数据的存储、获取方法及装置 | |
CN103631820B (zh) | 分布式文件系统的元数据管理方法及设备 | |
US10713420B2 (en) | Composition and declaration of sprited images in a web page style sheet | |
CN105144121A (zh) | 高速缓存内容可寻址数据块以供存储虚拟化 | |
CN106445508A (zh) | 一种游戏引擎 | |
US20150331836A9 (en) | Graceful degradation of level-of-detail in document rendering | |
CN103488732A (zh) | 一种静态页面生成方法及装置 | |
US10102219B2 (en) | Rendering high resolution images using image tiling and hierarchical image tile storage structures | |
CN102722405A (zh) | 高并发、多线程应用中的计数方法及系统 | |
CN104063407A (zh) | 基于云计算的浏览器架构与解析方法 | |
Saxena et al. | Practical real-time data processing and analytics: distributed computing and event processing using Apache Spark, Flink, Storm, and Kafka | |
CN105389153A (zh) | 一种通用集成展现技术在多系统集成中的应用方法 | |
CN106326403A (zh) | 网页生成方法及装置 | |
CN111736835A (zh) | 一种表单处理的方法、装置及存储介质 | |
CN113360473A (zh) | 一种面向医学检验图像大数据的云存储计算系统 | |
KR102519049B1 (ko) | 동적 컴포넌트를 포함하는 비디오의 효율적 렌더링 | |
US10692253B2 (en) | Using a nested pixel map for chart rendering optimization | |
CN102214237B (zh) | 一种网页制作方法和装置 | |
Miao et al. | A Web 2.0‐based science gateway for massive remote sensing image processing | |
CN104298718B (zh) | 一种基于soa的分布式图档系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
CP02 | Change in the address of a patent holder | ||
CP02 | Change in the address of a patent holder |
Address after: Room 810, 8 / F, 34 Haidian Street, Haidian District, Beijing 100080 Patentee after: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd. Address before: 100089 Beijing city Haidian District wanquanzhuang Road No. 28 Wanliu new building A block 5 layer Patentee before: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd. |