一种网页滑动翻页的布局方法
【技术领域】
[0001]本发明涉及一种网页滑动翻页的布局方法。
【背景技术】
[0002]现有的网页布局经常针对于电脑用户，若用户使用触屏设备打开网页时，就导致该网页在控制过程不方便，网页上也有一些类似于手机或者平板电脑的APP程序滑动效果，但布局形式有限不能完全满足快速开发的需求;并且不便于开发人员对其进行二次开发和修改。
【发明内容】
[0003]本发明要解决的技术问题，在于提供一种网页滑动翻页的布局方法，便于开发人员二次开发以及修改。
[0004]本发明之一是这样实现的:一种网页滑动翻页的布局方法，包括如下步骤:
[0005]步骤1、根据需求划分出所需个数的分页，并给每个分页进行编号；
[0006]步骤2、编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出现的顺序；
[0007]步骤3、根据页面编号把每个分页里的内容划分成限定个对象，并对该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面。
[0008]进一步地，所述步骤I进一步具体为:根据需求划分出所需个数的分页，并给每个分页编号，将分页中的公共部分以及公共的样式文件编写完毕。
[0009]进一步地，还包括步骤4、编写好视觉效果，并为每个视觉效果设定一效果编号，将效果编号写入一样式文件，并将该样式文件引入页面。
[0010]本发明之二是这样实现的:一种网页滑动翻页的布局系统，包括如下模块:
[0011]分页模块，根据需求划分出所需个数的分页，并给每个分页进行编号；
[0012]设置页面模块，编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出现的顺序；
[0013]完成模块，根据页面编号把每个分页里的内容划分成限定个对象，并对该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面。
[0014]进一步地，所述分页模块进一步具体为:根据需求划分出所需个数的分页，并给每个分页编号，将分页中的公共部分以及公共的样式文件编写完毕。
[0015]进一步地，还包括视觉效果模块，编写好视觉效果，并为每个视觉效果设定一效果编号，将效果编号写入一样式文件，并将该样式文件引入页面。
[0016]本发明具有如下优点:本发明一种网页滑动翻页的布局方法以及系统此布局可给网页内各个对象提供多种视觉效果的选择，各个对象间互不冲突影响，并且添加删除时较为方便，有利于程序员快速开发一套网页，有利于需求变更时的二次开发及修改，改善用户体验。
【附图说明】
[0017]下面参照附图结合实施例对本发明作进一步的说明。
[0018]图1为本发明方法执行流程图。
【具体实施方式】
[0019]如图1所示，本发明网页滑动翻页的布局方法，包括如下步骤:
[0020]步骤1、根据需求划分出所需个数的分页，并给每个分页编号，将分页中的公共部分以及公共的样式文件编写完毕；
[0021]步骤2、编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出现的顺序；
[0022]步骤3、根据页面编号把每个分页里的内容划分成限定个对象，并对该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面。
[0023]步骤4、编写好视觉效果，并为每个视觉效果设定一效果编号，将效果编号写入一样式文件，并将该样式文件引入页面。
[0024]本发明网页滑动翻页的布局系统，包括如下模块:
[0025]分页模块，根据需求划分出所需个数的分页，并给每个分页编号，将分页中的公共部分以及公共的样式文件编写完毕；
[0026]设置页面模块，编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出现的顺序；
[0027]完成模块，根据页面编号把每个分页里的内容划分成限定个对象，并对该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面。
[0028]视觉效果模块，编写好视觉效果，并为每个视觉效果设定一效果编号，将效果编号写入一样式文件，并将该样式文件引入页面。
[0029]1、根据需求划分共有几个分页给每个分页编号，提取公共的部分，比如logo，音频按钮，底部版权等，将公共部分及公共的样式文件编写好。
[0030]2、编写滑动翻页的效果，根据编号顺序设置页码和页面出现的顺序，设置为循环翻页或不循环翻页，设置上下滑动翻页或左右滑动翻页，设置自动翻页或手动翻页，设置是否有音频播放。
[0031]3、根据页面编号把每个分页里的内容划分成各个小对象并设置二级编号，根据设计稿上每个对象的宽度对比设计稿总宽度的比例，并按照比例设置对象大小和所在位置，对应上二级编号写入样式文件，将样式文件引入页面。
[0032]4、编写好一份视觉效果的样式文件引入页面，比如向上滚动出现，向下滚动消失，旋转，翻转，抖动，不同角度渐入，重复来回移动等常见效果，每个效果对应一个效果编号，这些效果可以在每个对象上使用，且每个对象可以同时使用多个效果。
[0033]5、给事先固定在页面上的对象对应的效果编号，使每个对象都可以实现对应的视觉效果并按设置的顺序执行。
[0034]虽然以上描述了本发明的【具体实施方式】，但是熟悉本技术领域的技术人员应当理解，我们所描述的具体的实施例只是说明性的，而不是用于对本发明的范围的限定，熟悉本领域的技术人员在依照本发明的精神所作的等效的修饰以及变化，都应当涵盖在本发明的权利要求所保护的范围内。
【主权项】
1.一种网页滑动翻页的布局方法，其特征在于:包括如下步骤: 步骤1、根据需求划分出所需个数的分页，并给每个分页进行编号； 步骤2、编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出现的顺序； 步骤3、根据页面编号把每个分页里的内容划分成限定个对象，并对该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面。2.根据权利要求1所述的一种网页滑动翻页的布局方法，其特征在于:所述步骤I进一步具体为:根据需求划分出所需个数的分页，并给每个分页编号，将分页中的公共部分以及公共的样式文件编写完毕。3.根据权利要求1所述的一种网页滑动翻页的布局方法，其特征在于:还包括步骤4、编写好视觉效果，并为每个视觉效果设定一效果编号，将效果编号写入一样式文件，并将该样式文件引入页面。4.一种网页滑动翻页的布局系统，其特征在于:包括如下模块: 分页模块，根据需求划分出所需个数的分页，并给每个分页进行编号； 设置页面模块，编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出现的顺序; 完成模块，根据页面编号把每个分页里的内容划分成限定个对象，并对该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面。5.根据权利要求4所述的一种网页滑动翻页的布局系统，其特征在于:所述分页模块进一步具体为:根据需求划分出所需个数的分页，并给每个分页编号，将分页中的公共部分以及公共的样式文件编写完毕。6.根据权利要求4所述的一种网页滑动翻页的布局系统，其特征在于:还包括视觉效果模块，编写好视觉效果，并为每个视觉效果设定一效果编号，将效果编号写入一样式文件，并将该样式文件引入页面。
【专利摘要】本发明提供一种网页滑动翻页的布局方法，根据需求划分出所需个数的分页，并给每个分页进行编号；编写滑动翻页的效果，根据分页的编号顺序设置页码和页面出现的顺序；根据页面编号把每个分页里的内容划分成限定个对象，并对该对象设置二级编号，根据需求限定每个对象的宽度，并按照比例设置对象大小和所在位置，并将该对象的二级编号写入样式文件，将样式文件引入页面，本发明还提供一种网页滑动翻页的布局系统，提高用户体验。
【IPC分类】G06F17/30, G06F3/0483
【公开号】CN105677909
【申请号】CN201610100893
【发明人】沈文策
【申请人】沈文策
【公开日】2016年6月15日
【申请日】2016年2月24日