网页生成方法、装置及电子设备与流程

文档序号:16537616发布日期:2019-01-08 20:02阅读:175来源:国知局
网页生成方法、装置及电子设备与流程
本发明涉及互联网
技术领域
,特别是涉及一种网页生成方法、装置及电子设备。
背景技术
:随着电子产品的不断更新,使用电子设备来观看视频网站的视频已经成为人们的生活日常。在视频网站的网页中,通常会通过展示与各个视频对应的图片来供用户浏览各视频,从而使用户可以通过图片选择自己感兴趣的视频进行观看。由于不同电子设备(如台式电脑、笔记本电脑、平板电脑、手机等)的屏幕大小相差较大,现有技术通常会分别针对不同的电子设备设计多个独立的网页。应用于不同电子设备的网页采用不同的图片排版方式,使不同屏幕大小的电子设备都能较好地呈现图片,从而使不同电子设备的用户均能得到较好的视觉体验。然而,发明人在实现本发明的过程中发现,现有技术至少存在如下问题:由于不同的电子设备对应的是多个独立的网页,需要对每个网页分别进行开发和维护,从而导致开发和维护的工作量较大。技术实现要素:本发明实施例的目的在于提供一种网页生成方法、装置及电子设备,以实现既能使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量。具体技术方案如下:本发明实施例一方面提供了一种网页生成方法,包括:接收终端发送的网页显示请求,所述网页显示请求中包括所述终端的屏幕横向参数;根据所述终端的屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量;所述预设的对应关系包括不同屏幕横向参数与横向显示的图片数量的对应关系;根据所述图片数量及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;根据所述横向尺寸及初始图片,调整所述初始图片的尺寸,得到所述待显示图片;根据所述图片数量,将所述待显示图片填充在预设的网页框架的待填图片行上,得到所述待显示网页;所述预设的网页框架包括至少一行待填图片行。可选的,所述预设的对应关系存储在预设的排版表;相应的,所述根据所述终端的屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量,包括:在预设的排版表中查找所述终端的屏幕横向参数对应的横向显示的图片数量;将所述屏幕横向参数对应的横向显示的图片数量作为待显示网页横向显示的图片数量。可选的,所述预设的排版表中包括不同屏幕横向参数区间与横向显示的图片数量的对应关系;相应的,所述在预设的排版表中查找所述终端的屏幕横向参数对应的横向显示的图片数量,包括:在预设的排版表中查找所述终端的屏幕横向参数所属的目标屏幕参数区间;将所述目标屏幕参数区间对应的横向显示的图片数量,作为所述终端的屏幕横向参数对应的横向显示的图片数量。可选的,所述预设的排版表中还包括不同屏幕横向参数与横向显示的图片间的间距的对应关系;相应的,所述根据所述终端的屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量后,还包括:根据所述终端的屏幕横向参数,以及所述排版表,确定所述待显示网页横向显示的图片间的图片间距;所述根据所述图片数量及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸,包括:根据所述图片数量、所述图片间距以及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;所述根据所述图片数量,将所述待显示图片填充在预设的网页框架的待填图片行上,包括:根据所述图片数量,将所述待显示图片按所述图片间距填充在预设的网页框架内的待填图片行上。可选的,所述预设的排版表中还包括不同屏幕横向参数与网页左右边距的对应关系;相应的,所述根据所述终端的屏幕横向参数,确定待显示网页横向显示的图片数量后,还包括:根据所述终端的屏幕横向参数,以及所述排版表,确定所述待显示网页的网页左右边距;所述根据所述图片数量及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸,包括:根据所述图片数量、所述待显示网页的网页左右边距以及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;所述根据所述图片数量,将所述待显示图片填充在预设的网页框架的待填图片行上,包括:根据所述图片数量,将所述待显示图片按所述左右边距填充在预设的网页框架内的待填图片行上。可选的,所述根据所述横向尺寸及初始图片,调整所述初始图片的尺寸,得到所述待显示图片,包括:根据所述横向尺寸,对初始图片进行等比例缩放,得到所述待显示图片。可选的,所述根据所述横向尺寸及初始图片,调整所述初始图片的尺寸,得到所述待显示图片,包括:判断初始图片为横图或者竖图;当所述初始图片为横图时,根据所述横向尺寸,以及横图预设宽高比,确定所述待显示图片的纵向尺寸;当所述初始图片为竖图时,根据所述横向尺寸,以及竖图预设宽高比,确定所述待显示图片的纵向尺寸;根据所述横向尺寸和所述纵向尺寸,调整所述初始图片的横向尺寸和纵向尺寸,得到所述待显示图片。可选的,所述图片数量包括横图数量和竖图数量。可选的,所述屏幕横向参数包括屏幕横向分辨率或者屏幕横向尺寸。本发明实施例另一方面还提供了一种网页生成装置,包括:请求接收单元,用于接收终端发送的网页显示请求,所述网页显示请求中包括所述终端的屏幕横向参数;图片数量确定单元,用于根据所述终端的屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量;所述预设的对应关系包括不同屏幕横向参数与横向显示的图片数量的对应关系;图片尺寸确定单元,用于根据所述图片数量及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;待显图片确定单元,用于根据所述横向尺寸及初始图片,调整所述初始图片的尺寸,得到所述待显示图片;待显网页确定单元,用于根据所述图片数量,将所述待显示图片填充在预设的网页框架的待填图片行上,得到所述待显示网页;所述预设的网页框架包括至少一行待填图片行。可选的,所述预设的对应关系存储在预设的排版表中,所述预设的排版表中包括不同屏幕横向参数与横向显示的图片数量的对应关系;相应的,所述图片数量确定单元,具体用于:在预设的排版表中查找所述终端的屏幕横向参数对应的横向显示的图片数量;将所述屏幕横向参数对应的横向显示的图片数量作为待显示网页横向显示的图片数量。可选的,所述预设的排版表中包括不同屏幕横向参数区间与横向显示的图片数量的对应关系;相应的,所述图片数量确定单元,具体用于:在预设的排版表中查找所述终端的屏幕横向参数所属的目标屏幕参数区间;将所述目标屏幕参数区间对应的横向显示的图片数量,作为所述终端的屏幕横向参数对应的横向显示的图片数量。可选的,所述预设的排版表中还包括不同屏幕横向参数与横向显示的图片间的间距的对应关系;相应的,所述装置还包括:图片间距确定单元,用于根据所述终端的屏幕横向参数,以及所述排版表,确定所述待显示网页横向显示的图片间的图片间距;所述图片尺寸确定单元,具体用于:根据所述图片数量、所述图片间距以及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;所述待显网页确定单元,具体用于:根据所述图片数量,将所述待显示图片按所述图片间距填充在预设的网页框架内的待填图片行上,得到所述待显示网页。可选的,所述预设的排版表中还包括不同屏幕横向参数与网页左右边距的对应关系;相应的,所述装置还包括:左右边距确定单元,用于根据所述终端的屏幕横向参数,以及所述排版表,确定所述待显示网页的网页左右边距;所述图片尺寸确定单元,具体用于:根据所述图片数量、所述待显示网页的网页左右边距以及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;所述待显网页确定单元,具体用于:根据所述图片数量,将所述待显示图片按所述左右边距填充在预设的网页框架内的待填图片行上,得到所述待显示网页。可选的,所述待显图片确定单元,具体用于:根据所述横向尺寸,对初始图片进行等比例缩放,得到所述待显示图片。可选的,所述待显图片确定单元,包括:图片判断子单元,用于判断初始图片为横图或者竖图;纵向尺寸确定子单元,用于当所述初始图片为横图时,根据所述横向尺寸,以及横图预设宽高比,确定所述待显示图片的纵向尺寸;当所述初始图片为竖图时,根据所述横向尺寸,以及竖图预设宽高比,确定所述待显示图片的纵向尺寸;待显图片确定子单元,用于根据所述横向尺寸和所述纵向尺寸,调整所述初始图片的横向尺寸和纵向尺寸,得到所述待显示图片。可选的,所述图片数量包括横图数量和竖图数量。可选的,所述屏幕参数包括屏幕分辨率或者屏幕尺寸。在本发明实施例的又一方面,还提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,所述处理器、所述通信接口、所述存储器通过所述通信总线完成相互间的通信;所述存储器,用于存放计算机程序;所述处理器,用于执行所述存储器上所存放的程序时,实现上述任一所述的网页生成方法。在本发明实施例的又一方面,还提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述任一所述的网页生成方法。在本发明实施的又一方面,本发明实施例还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述任一所述的网页生成方法。本发明实施例提供的网页生成方法、装置及电子设备,当服务器接收到终端发送的网页显示请求后,从所述网页显示请求中获取终端的屏幕横向参数,根据该屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量,并根据图片数量及屏幕横向参数,确定待显示网页中待显示图片的横向尺寸,然后根据横向尺寸及初始图片,调整初始图片的尺寸,得到待显示图片,根据所述图片数量,将上述待显示图片填充在预设的网页框架的待填图片行上,得到所述待显示网页。使用本发明实施例所提供的技术方案,开发人员只需设计一个网页,该网页中所显示的图片数量及横向尺寸可以与屏幕横向参数相匹配,使不同屏幕大小的设备都能较好地呈现图片,从而既可以使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量。当然,实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。附图说明为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。图1为本发明实施例提供的网页生成方法的一种流程示意图;图2为本发明实施例中的图片数量的确定方法的一种流程示意图;图3为本发明实施例中的图片数量的确定方法的另一种流程示意图;图4为本发明实施例提供的网页生成方法的第二种流程示意图;图5为本发明实施例提供的网页生成方法的第三种流程示意图;图6为本发明实施例中的待显示图片的确定方法的一种流程示意图;图7为本发明实施例提供的网页生成装置的一种结构示意图;图8为本发明实施例提供的电子设备的一种结构示意图。具体实施方式下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行描述。为了既能使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量,本发明实施例提供了一种网页生成方法、装置及电子设备,通过根据屏幕横向参数对待显示网页中待显示图片进行排版,得到待显示网页。开发人员可以只设计一个网页,就使不同屏幕大小的设备都能较好地呈现图片,从而既可以使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量。下面首先对本发明实施例所提供的网页生成方法进行介绍。需要说明的是,本发明实施例所提供的网页生成方法可以应用于视频服务行业。本发明实施例所提供的网页生成方法,如图1所示,该方法可以包括如下步骤:s110:接收终端发送的网页显示请求,该网页显示请求中包括上述终端的屏幕横向参数。可以理解的是,用户通常会通过点击某一图标或某一链接等方式来浏览视频网页,用户点击某一图标或某一链接,即终端向服务器发送了网页显示请求。服务器为了向该网页显示请求对应的终端发送适合终端屏幕大小的视频网页,可以获取终端的屏幕横向参数。在本发明实施例中,为了获取终端的屏幕横向参数,服务器可以接收终端发送的网页显示请求,该网页显示请求中可以包括上述终端的屏幕横向参数。其中,上述屏幕横向参数例如可以为能够标识终端屏幕横向大小的任意参数,如,屏幕横向尺寸、屏幕横向分辨率等,本发明实施例对此不作限定。例如,服务器可以接收终端发送的网页显示请求,提取上述网页显示请求中的屏幕横向参数。或者,服务器可以接收终端发送的网页显示请求,提取上述网页显示请求中的终端参数,从上述终端参数中获取上述终端的屏幕横向参数。s120:根据上述终端的屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量;上述预设的对应关系包括不同屏幕横向参数与横向显示的图片数量的对应关系。对于网页而言,由于用户已经习惯于采用上下拉或上下滑的方式浏览网页中纵向显示的内容,所以,纵向显示的图片数量可以不受屏幕大小的限制。而对于横向显示的图片,当网页中横向显示的图片无法被完整显示时,用户还需要通过左右拉动或滑动的方式来浏览网页的整体内容,而左右拉动或滑动会影响用户浏览网页时的完整性,且左右拉动或滑动也会增加用户的操作复杂度、用户体验不佳。因此,为了使用户浏览的网页内容更完整、减少用户的操作复杂度,可以对网页横向显示的图片进行排版,使图片在横向的排版更符合终端的屏幕横向参数。为对网页横向显示的图片进行排版,可以先确定网页中横向显示的图片数量。在本发明实施例中,服务器可以根据上述终端的屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量。在实际应用中,屏幕尺寸和屏幕分辨率均是表征屏幕大小的常用参数,因此,上述终端的屏幕横向参数可以是屏幕横向尺寸,也可以是屏幕横向分辨率。服务器可以根据终端的屏幕横向分辨率,确定待显示网页横向显示的图片数量;服务器也可以根据终端的屏幕横向尺寸,确定待显示网页横向显示的图片数量。例如,上述预设的对应关系可以存储在预设的排版数据库中,上述预设的对应关系可以包括不同屏幕横向参数与横向显示的图片数量的对应关系;服务器可以根据终端的屏幕横向参数,在预设的排版数据库中的预设的对应关系中查找该屏幕横向参数对应的横向显示的图片数量,将查找出的图片数量作为待显示网页横向显示的图片数量。其中,可以根据用户的观看习惯和观看舒适度来确定预设的对应关系中各屏幕横向参数与横向显示的图片数量的对应关系。例如,5.5英寸的屏幕横向参数对应的横向显示的图片数量可以为3张或4张等较少的数量,22英寸的屏幕横向参数对应的横向显示的图片数量可以为8张或10张等较多的数量。本领域技术人员可以根据实际情况确定横向显示的图片的具体数量,本发明实施例不对横向显示的图片数量作具体限定。具体例如,当终端的屏幕横向参数为5.5英寸时,从预设的对应关系中查找到5.5英寸对应的网页横向显示的图片数量为3张,则将3张作为待显示网页横向显示的图片数量;当终端的屏幕横向参数为22英寸时,从预设的对应关系中查找到22英寸对应的网页横向显示的图片数量为10张,则将10张作为待显示网页横向显示的图片数量。s130:根据上述图片数量及上述终端的屏幕横向参数,确定上述待显示网页中待显示图片的横向尺寸。可以理解的是,在对图片进行排版时,不仅要确定图片数量,还要确定图片尺寸,才能完成排版过程。而在确定图片尺寸时,可以先确定图片的横向尺寸。因此,在步骤s120确定了待显示网页横向显示的图片数量后,本发明实施例还可以根据上述图片数量及上述终端的屏幕横向参数,确定上述待显示网页中待显示图片的横向尺寸。例如,服务器可以将上述终端的屏幕横向参数和上述图片数量的商,作为待显示网页中横向显示的图片的初始横向尺寸,将上述初始横向尺寸减去预设的调整尺寸,得到待显示网页中横向显示的图片的横向尺寸。上述预设的调整尺寸是为了避免各个待显示图片在待显示网页上横向无间距排列,导致用户无法清楚地辨别每一张图片从而使用户的视觉体验不佳而设置的。当屏幕横向参数为屏幕横向分辨率时,上述预设的调整尺寸可以为10像素、20像素等具体像素值,当屏幕横向参数为屏幕横向尺寸时,上述预设的调整尺寸可以为1毫米、3毫米等具体尺寸值。本领域技术人员可以根据实际情况设置预设的调整尺寸的值,本申请不作具体限定。示例性地,当终端的屏幕横向参数为1600像素时,从预设的排版数据库中查找到1600的分辨率对应的网页横向显示的图片数量为10张,则将10张作为待显示网页横向显示的图片数量,根据1600的横向分辨率以及10张的横向显示的图片数量,用1600分辨率除以10张,得到待显示网页中横向显示的图片的初始横向尺寸为160像素,将得到的160像素减去预设的调整尺寸20像素,得到待显示网页中横向显示的图片的横向尺寸为140像素。在实际应用中,图片尺寸可以是以毫米为单位的图片尺寸,也可以是以像素为单位的图片尺寸。在本发明实施例中,当上述屏幕横向参数为屏幕横向尺寸时,上述横向尺寸可以是以毫米为单位的尺寸,当上述屏幕横向参数为屏幕分辨率时,上述横向尺寸可以是以像素为单位的尺寸。s140:根据上述横向尺寸及初始图片,调整上述初始图片的尺寸,得到上述待显示图片。在实际应用中,待显示网页中的待显示图片通常是通过对初始图片进行尺寸调整后得到的,该初始图片通常可以预存在数据库中。可以理解的是,在确定待显示网页中图片如何排版的过程中,可以先确定对应尺寸的待显示图片。在本发明实施例中,可以根据上述横向尺寸及初始图片,调整上述初始图片的尺寸,得到上述待显示图片。例如,服务器可以根据上述横向尺寸,对初始图片进行等比例缩放,使缩放后的初始图片的横向尺寸与待显示网页中待显示的图片的横向尺寸相同,将缩放后的上述初始图片,作为上述待显示图片。s150:根据上述图片数量,将上述待显示图片填充在预设的网页框架的待填图片行上,得到上述待显示网页;上述预设的网页框架包括至少一行待填图片行。在实际应用中,设计人员通常可以采用框架填充法进行网页设计,即在确定了网页中待显示的图片后,将所确定的图片填充在预先设计好的网页框架中,该网页框架为待填图片预留了空白位置。在本发明实施例中,确定了待显示网页中横向显示的图片数量以及待显示图片后,为使用户可以浏览其点击的视频网页,服务器可以根据上述图片数量,将上述待显示图片填充在预设的网页框架的待填图片行上,得到上述待显示网页;上述预设的网页框架包括至少一行待填图片行。从而使终端可以显示上述待显示网页。上述预设的网页框架中的每一待填图片行可以对应不同的预设栏目。将不同的预设栏目对应不同的待填图片行,可以对不同视频类型进行分类,预设栏目例如可以是电影、片花、动漫、综艺、体育等栏目。例如,服务器可以在各预设的网页框架的待填图片行上各填充与上述待显示网页横向显示的图片数量相等数量张待显示图片,得到上述待显示网页。上述预设的网页框架包括至少一行待填图片行。示例性的,当上述待显示网页横向显示的图片数量为7时,服务器可以在预设的网页框架的各待填图片行上均填充7张待显示图片,得到上述待显示网页。例如,服务器也可以针对任一待填图片行,从图片数据库中选择与上述待显示网页横向显示的图片数量相同数量的初始图片,根据上述横向尺,调整上述初始图片的尺寸,得到针对该行的待显示图片;将针对该行的各待显示图片填充在该待填图片行上;从而得到上述待显示网页。使用本发明实施例所提供的网页生成方法,开发人员只需设计一个网页,该网页中所显示的图片数量及图片尺寸可以与屏幕横向参数相匹配,使不同屏幕大小的设备都能较好地呈现图片,从而既可以使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量。对于电子图片而言,通常用以像素为单位的图片尺寸对图片进行表征,因此,在本发明实施例的一种实施方式中,上述屏幕横向参数可以为屏幕分辨率,上述图片尺寸可以为以像素为单位的图片尺寸。从而更便于开发人员对网页进行排版。在实际应用中,将数据存放在表格中,更便于对数据的查找与更新。因此,在本发明实施例的一种实施方式中,步骤s120中的预设的对应关系存储在预设的排版表中,即预设的排版表中存储有不同屏幕横向参数与横向显示的图片数量的对应关系。相应的,如图2所示,步骤s120可以按以下步骤实现:s121:在预设的排版表中查找上述终端的屏幕横向参数对应的横向显示的图片数量;s122:将上述屏幕横向参数对应的横向显示的图片数量作为待显示网页横向显示的图片数量。在排版表中查找屏幕横向参数对应的横向显示的图片数量,可以更快速、便捷地确定横向显示的图片数量,且开发人员只需更新排版表,就可以更改屏幕横向参数与横向显示的图片数量的对应关系,更便于数据更新。在实际应用中,终端的屏幕横向参数有很多规格,若将在预设排版表中的每一个屏幕横向参数均对应一个图片显示数量,则排版表中的数据会很多,使数据查找速度较慢。为了提高确定图片数量的速度,进而提高网页生成速度,在本发明实施例的一种实施方式中,上述步骤s121中的预设的排版表中可以存储有不同屏幕横向参数区间与横向显示的图片数量的对应关系;相应的,如图3所示,上述步骤s121,可以按以下步骤实现:s123:在预设的排版表中查找上述终端的屏幕横向参数所属的目标屏幕横向参数区间;s124:将上述目标屏幕横向参数区间对应的横向显示的图片数量,作为上述终端的屏幕横向参数对应的横向显示的图片数量。例如,当上述屏幕横向参数为屏幕分辨率时,上述预设的排版表可以为表1:表1屏幕横向分辨率(像素)横向显示图片数量1600以上81300~159971000~12996700~9995上述表1所示的预设的排版表,仅仅是本发明实施例所提供的一个具体示例,本领域技术人员也可以根据实际情况具体设置不同屏幕横向参数与横向显示图片数量的对应关系,本发明实施例不作具体限定。当不同屏幕的屏幕横向参数相差较小时,将相差较小的屏幕横向参数作为一个屏幕横向参数区间来确定终端横向显示的图片数量,可以减少排版表中的数据,提高数据查找速度,从而提高了确定图片数量的速度,提高了网页生成速度。在实际应用中,对图片进行排版时,各图片之间设置一定的间距,更便于用户清晰地分辨图片。因此,在本发明实施例的一种实施方式中,上述步骤s121中的预设的排版表中还可以存储有不同屏幕横向参数与横向显示的图片间的间距的对应关系。例如,当上述屏幕横向参数为屏幕分辨率时,上述预设的排版表可以为表2:表2屏幕横向分辨率(像素)横向显示图片数量图片间距(像素)1600以上8101300~15997101000~129968700~99958相应的,如图4所示,上述步骤s122后,还可以包括以下步骤:s160:根据上述终端的屏幕横向参数,以及上述排版表,确定上述待显示网页横向显示的图片间的图片间距;步骤s130,可以按以下步骤实现:s131:根据上述图片数量、上述图片间距以及上述终端的屏幕横向参数,确定上述待显示网页中待显示图片的横向尺寸。例如,当上述终端的屏幕横向参数为屏幕横向分辨率时,上述图片间距的单位可以为像素;此时,服务器可以先计算上述图片数量减一后得到的数量值与上述图片间距的乘积,再将上述终端的屏幕横向分辨率与上述乘积的差值除以上述图片数量后得到的数值,作为上述待显示网页中待显示图片的横向尺寸。步骤s150,可以按以下步骤实现:s151:根据上述图片数量,将上述待显示图片按上述图片间距填充在预设的网页框架内的待填图片行上,得到上述待显示网页。本发明实施例当在各个图片之间设置间距后,可以使用户更清晰地分辨图片,用户的视觉体验更好。在实际应用中,对图片进行排版时,将靠近屏幕边框的图片与屏幕边框之间留有一定的距离,可以使网页的图片显示效果更好。因此,在本发明实施例的一种实施方式中,上述步骤s121中的预设的排版表中还可以存储有不同屏幕横向参数与网页左右边距的对应关系。例如,当上述屏幕横向参数为屏幕分辨率时,上述预设的排版表可以为表3:表3屏幕横向分辨率(像素)横向显示图片数量左右边距(像素)1600以上8801300~15997701000~1299660700~999550相应的,如图5所示,上述步骤s122后,还可以包括以下步骤:s170:根据上述终端的屏幕横向参数,以及上述排版表,确定上述待显示网页的网页左右边距;步骤s130,可以按以下步骤实现:s132:根据上述图片数量、上述待显示网页的网页左右边距以及上述终端的屏幕横向参数,确定上述待显示网页中待显示图片的横向尺寸。例如,当上述终端的屏幕横向参数为屏幕横向分辨率时,上述图片间距的单位可以为像素;此时,服务器可以用上述终端的屏幕横向分辨率减去左边距和右边距后得到的差值,再除以上述图片数量得到的值,作为上述待显示网页中待显示图片的横向尺寸。步骤s150,可以按以下步骤实现:s152:根据上述图片数量,将上述待显示图片按上述左右边距填充在预设的网页框架内的待填图片行上,得到待显示网页。本发明实施例当将靠近屏幕边框的图片与屏幕边框之间留有左右间距时,可以使网页的图片显示效果更好,用户的视觉体验更好。在实际应用中,视频网站的图片界面所展示的图片通常包括横图和竖图两种类型的图片,其中,横图和竖图的宽高比不同。在本发明实施例的一种实施方式中,如图6所示,步骤s140中的待显示图片,可以按以下步骤得到:s141:判断初始图片为横图或者竖图。例如,服务器可以判断初始图片的宽是否大于高,当初始图片的宽大于高时,确定上述初始图片为横图,当初始图片的宽不于高时,确定上述初始图片为竖图。s142:当上述初始图片为横图时,根据上述横向尺寸,以及横图预设宽高比,确定上述待显示图片的纵向尺寸;s143:当上述初始图片为竖图时,根据上述横向尺寸,以及竖图预设宽高比,确定上述待显示图片的纵向尺寸;s144:根据上述横向尺寸和上述纵向尺寸,调整上述初始图片的横向尺寸和纵向尺寸,得到上述待显示图片。上述横图预设宽高比可以是大于1的任意值,上述竖图预设宽高比可以是大于0且不大于1的任意值,本发明实施例不作具体限定。例如,当初始图片为横图时,服务器可以将上述横向尺寸与上述横图预设宽高比的商,作为上述待显示图片的纵向尺寸;当上述初始图片为竖图时,服务器可以将上述横向尺寸与上述竖图预设宽高比的商,作为上述待显示图片的纵向尺寸:调整上述初始图片的尺寸,使调整后的初始图片的宽和高分别与上述待显示图片的横向尺寸和上述待显示图片的纵向尺寸相同。本发明实施例通过将初始图片按预设的宽高比进行缩放,由于网页中待显示图片的横图或竖图的横向尺寸是一致的,使得到的待显示图片中横图具有相同的尺寸,竖图具有相同的尺寸,从而可以使网页中的图片更一致地展示,视觉效果更佳。在实际应用中,与视频相对应的图片经常有横图和竖图两类图片,例如,对于电影或动漫的正片,其对应的图片通常为竖图,对于电影或动漫的片花,其对应的图片通常为横图。由于横图和竖图的长宽比不同,所以为使用户同时清楚地看清楚横图和竖图,可以针对横图和竖图分别进行排版。在本发明实施例的一种实施方式中,步骤s120中的图片数量可以包括横图数量和竖图数量。使服务器可以根据终端的屏幕横向参数,确定待显示网页横向显示的横图数量和竖图数量,从而可以分别针对横图和竖图,确定合理的显示数量,使用户可以同时清楚地浏览横图和竖图,用户的视觉感受更好。当步骤s120中的图片数量包括横图数量和竖图数量时,步骤s121中的预设的排版表中可以存储有不同屏幕横向参数与横向显示的横图数量和竖图数量的对应关系。例如,预设的排版表可以如表4所示:表4从表4中可以看出,当屏幕分辨率小于450像素时,即终端的屏幕较小时,为使横图可以清晰显示,横图数量可以小于竖图数量。当屏幕分辨率不小于700像素时,即终端的屏幕较大时,横图数量可以等于竖图数量,使排版过程更简单。本发明实施例还提供了一种网页生成装置,如图7所示,该装置包括:请求接收单元710,用于接收终端发送的网页显示请求,所述网页显示请求中包括所述终端的屏幕横向参数;图片数量确定单元720,用于根据所述终端的屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量;所述预设的对应关系包括不同屏幕横向参数与横向显示的图片数量的对应关系;图片尺寸确定单元730,用于根据所述图片数量及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;待显图片确定单元740,用于根据所述横向尺寸及初始图片,调整所述初始图片的尺寸,得到所述待显示图片;待显网页确定单元750,根据所述图片数量,将所述待显示图片填充在预设的网页框架的待填图片行上,得到所述待显示网页;所述预设的网页框架包括至少一行待填图片行。使用本发明实施例所提供的网页生成装置,开发人员只需设计一个网页,该网页中所显示的图片数量及图片尺寸可以与屏幕横向参数相匹配,使不同屏幕大小的设备都能较好地呈现图片,从而既可以使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量。在本发明实施例的一种实施方式中,所述预设的对应关系存储在预设的排版表中;相应的,所述图片数量确定单元,具体用于:在预设的排版表中查找所述终端的屏幕横向参数对应的横向显示的图片数量;将所述屏幕横向参数对应的横向显示的图片数量作为待显示网页横向显示的图片数量。在本发明实施例的一种实施方式中,所述预设的排版表中包括不同屏幕横向参数区间与横向显示的图片数量的对应关系;相应的,所述图片数量确定单元,具体用于:在预设的排版表中查找所述终端的屏幕横向参数所属的目标屏幕参数区间;将所述目标屏幕参数区间对应的横向显示的图片数量,作为所述终端的屏幕横向参数对应的横向显示的图片数量。在本发明实施例的一种实施方式中,所述预设的排版表中还包括不同屏幕横向参数与横向显示的图片间的间距的对应关系;相应的,所述装置还包括:图片间距确定单元,用于根据所述终端的屏幕横向参数,以及所述排版表,确定所述待显示网页横向显示的图片间的图片间距;所述图片尺寸确定单元,具体用于:根据所述图片数量、所述图片间距以及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;所述待显网页确定单元,具体用于:根据所述图片数量,将所述待显示图片按所述图片间距填充在预设的网页框架内的待填图片行上,得到所述待显示网页。在本发明实施例的一种实施方式中,所述预设的排版表中还包括不同屏幕横向参数与网页左右边距的对应关系;相应的,所述装置还包括:左右边距确定单元,用于根据所述终端的屏幕横向参数,以及所述排版表,确定所述待显示网页的网页左右边距;所述图片尺寸确定单元,具体用于:根据所述图片数量、所述待显示网页的网页左右边距以及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;所述待显网页确定单元,具体用于:根据所述图片数量,将所述待显示图片按所述左右边距填充在预设的网页框架内的待填图片行上,得到所述待显示网页。在本发明实施例的一种实施方式中,所述待显图片确定单元,具体用于:根据所述横向尺寸,对初始图片进行等比例缩放,得到所述待显示图片。在本发明实施例的一种实施方式中,所述待显图片确定单元,包括:图片判断子单元,用于判断初始图片为横图或者竖图;纵向尺寸确定子单元,用于当所述初始图片为横图时,根据所述横向尺寸,以及横图预设宽高比,确定所述待显示图片的纵向尺寸;当所述初始图片为竖图时,根据所述横向尺寸,以及竖图预设宽高比,确定所述待显示图片的纵向尺寸;待显图片确定子单元,用于根据所述横向尺寸和所述纵向尺寸,调整所述初始图片的横向尺寸和纵向尺寸,得到所述待显示图片。在本发明实施例的一种实施方式中,所述图片数量包括横图数量和竖图数量。在本发明实施例的一种实施方式中,所述屏幕参数包括屏幕分辨率或者屏幕尺寸。本发明实施例还提供了一种电子设备,如图8所示,包括处理器801、通信接口802、存储器803和通信总线804,其中,上述处理器801,上述通信接口802,上述存储器803通过上述通信总线804完成相互间的通信,上述存储器803,用于存放计算机程序;上述处理器801,用于执行上述存储器703上所存放的程序时,实现如下步骤:接收终端发送的网页显示请求,所述网页显示请求中包括所述终端的屏幕横向参数;根据所述终端的屏幕横向参数,以及预设的对应关系,确定待显示网页横向显示的图片数量;所述预设的对应关系包括不同屏幕横向参数与横向显示的图片数量的对应关系;根据所述图片数量及所述终端的屏幕横向参数,确定所述待显示网页中待显示图片的横向尺寸;根据所述横向尺寸及初始图片,调整所述初始图片的尺寸,得到所述待显示图片;根据所述图片数量,将所述待显示图片填充在预设的网页框架的待填图片行上,得到所述待显示网页;所述预设的网页框架包括至少一行待填图片行。使用本发明实施例所提供的电子设备,开发人员只需设计一个网页,该网页中所显示的图片数量及图片尺寸可以与屏幕横向参数相匹配,使不同屏幕大小的设备都能较好地呈现图片,从而既可以使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量。上述电子设备提到的通信总线可以是外设部件互连标准(peripheralcomponentinterconnect,pci)总线或扩展工业标准结构(extendedindustrystandardarchitecture,eisa)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。通信接口用于上述电子设备与其他设备之间的通信。存储器可以包括随机存取存储器(randomaccessmemory,ram),也可以包括非易失性存储器(non-volatilememory,nvm),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。上述的处理器可以是通用处理器,包括中央处理器(centralprocessingunit,cpu)、网络处理器(networkprocessor,np)等;还可以是数字信号处理器(digitalsignalprocessing,dsp)、专用集成电路(applicationspecificintegratedcircuit,asic)、现场可编程门阵列(field-programmablegatearray,fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。在本发明提供的又一实施例中,还提供了一种计算机可读存储介质,该计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的网页生成方法。使用本发明实施例所提供的存储介质,开发人员只需设计一个网页,该网页中所显示的图片数量及图片尺寸可以与屏幕横向参数相匹配,使不同屏幕大小的设备都能较好地呈现图片,从而既可以使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量。在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的网页生成方法。使用本发明实施例所提供的程序产品,开发人员只需设计一个网页,该网页中所显示的图片数量及图片尺寸可以与屏幕横向参数相匹配,使不同屏幕大小的设备都能较好地呈现图片,从而既可以使不同设备的用户均得到较好的视觉体验,又能减少开发和维护的工作量。在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(dsl))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,dvd)、或者半导体介质(例如固态硬盘solidstatedisk(ssd))等。需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置/设备/介质/程序产品实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1