[发明专利]一种网站换肤的方法及装置

说明书

技术领域

本发明涉及换肤技术，尤指一种网站换肤的方法及装置。

背景技术

对于大多数网站来说，一个页面除了中心的主题内容外，其它内容都是所有页面共有的网站标志、菜单导航等公共元素。通常，在页面改版时，主要是针对公共元素重新设计菜单、背景以及排版方式等，而对于中心的主题内容如文字或图片等，是不会有改动的。换肤就是指实现对公共元素的颜色的替换。

网站换肤功能已广泛应用于WEB领域。各大门户网站首页均有更换皮肤功能，比如：腾讯网站www.qq.com的首页导航部分等。

目前，网站换肤主要是通过更改网页的样式表，来改变文字边框等超文本标记语言(HTML)元素的颜色，通过预先制作好的图片模板更换图片类元素的颜色。无疑，现有网站换肤的方法，每添加一种新的皮肤颜色都需要前台技术人员配合开发，不能实现自动化；而且，对于图片类元素需要预先制作好几种颜色的图片，可选择的颜色也比较单一，素材制作由工作人员人为完成，模板制作、模板更换程序都比较繁琐。

发明内容

有鉴于此，本发明的主要目的在于提供一种网站换肤的方法及装置，能够丰富网站素材颜色的范围，提高更换素材颜色的灵活性，大大减少网站变更的工作量。

为达到上述目的，本发明的技术方案是这样实现的：

一种网站换肤的方法，包括：生成变色配置文件；根据目标颜色，按照生成的变色配置文件进行网站换肤。

所述变色配置文件包括：图片素材变色配置文件和文本素材变色配置文件的存储路径信息。

所述图片素材变色配置文件包括：站点原始图片路径、是否采用滤镜，目标分发路径；和/或，

所述变色配置文件按站点标识ID分文件夹存储。

所述目标颜色为用户通过交互界面选择的RGB色彩码。

所述根据目标颜色按照生成的变色配置文件进行网站换肤，包括：按照所述目标颜色，根据所述变色配置文件分别进行变色；将所有素材保存到待发布目录并生成预览页面，供用户在发布前提前预览变色后的效果；预览确认后，从所述变色配置文件中读取目标服务器列表，分别发送素材文件和页面文件到对应的服务器。

所述根据变色配置文件中的图片素材变色配置文件分别进行变色之后，将所有素材保存到待发布目录并生成预览页面之前，该方法还包括：判断是否需要对单张图片进行微调，如果是，针对单张图片选择单独调整，之后继续执行将所有素材保存到待发布目录并生成预览页面的步骤；否则，执行将所有素材保存到待发布目录并生成预览页面的步骤。

所述根据变色配置文件中的图片素材变色配置文件分别进行变色包括：将用户通过交互界面生成的RGB色彩码转换为HSV色彩值；读取原始图片，根据所述HSV色彩值获取所述原始图片每个像素点的色彩值BITMAP，并根据传入的不同滤镜区间选择性的生成目标颜色码；按照目标颜色码生成目标图片，同时修改模板的图片路径为所述目标图片的路径。

一种网站换肤的装置，至少包括配置文件生成单元、目标颜色获取单元、以及换肤单元，其中，

配置文件生成单元，用于生成变色配置文件；

目标颜色获取单元，用于接收来自用户的用于表示变色的目标颜色信息；

换肤单元，用于根据目标颜色，按照生成的变色配置文件进行网站换肤。

所述换肤单元，具体用于：按照所述目标颜色信息，根据所述变色配置文件分别进行变色；将所有素材保存到待发布目录并生成预览页面，供用户在发布前提前预览变色后的效果；预览确认后，从所述变色配置文件中读取目标服务器列表，分别发送素材文件和页面文件到相应的服务器。

所述换肤单元，还用于在需要对单张图片进行微调时，针对单张图片选择单独调整。

所述换肤单元根据图片素材变色配置文件分别进行变色，具体包括：将用户通过交互界面生成的RGB色彩码转换为HSV色彩值；读取原始图片，根据HSV色彩值获取原始图片每个像素点的色彩值BITMAP，并根据传入的不同滤镜区间选择性的生成目标颜色码；按照目标颜色码生成目标图片，同时修改模板的图片路径为所述目标图片的路径。

从上述本发明提供的技术方案可以看出，包括生成变色配置文件，根据目标颜色，按照生成的变色配置文件进行网站换肤。本发明支持对图片素材和文本素材变色，由于变色和模板修改都是自动完成的，因此，大大增强了颜色可变的范围，提高了更换素材颜色的灵活性，减少了人为制作发布素材的工作量。

附图说明

图1为本发明网站换肤的方法的流程示意图；