一种网页设计方法及其系统技术方案

一种网页设计方法，包括在浏览器插件中加载当前网页对应的设计图；对所述设计图进行透明度处理，使得能够透过设计图显示浏览器可视窗口上的内容；根据所述设计图上元素的属性设定或调整当前网页对应元素的属性。本发明专利技术还提供一种网页设计系统。本发明专利技术将设计图嵌入到开发使用的浏览器可视窗口中，使得网页开发人员可以直接的在浏览器可视窗口上与设计图进行比对，提高了准确性和工作效率。

【技术实现步骤摘要】

本专利技术涉及网页设计技术，具体涉及一种网页设计方法及其系统。
技术介绍
网站伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。通过网站能够向访问者呈现产品、服务、理念、文化，或提供某种功能服务，精美设计的网站页面能够吸引访问者的关注，因此网页设计变得非常重要。Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。网页设计以页面精美化设计为目标，使用PS、AI等软件，调整、使用更合理的颜色、字体、图片、样式进行页面设计美化。网页设计作为一种视觉语言，特别讲究编排和布局，版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。目前，网页开发人员在进行网页界面开发时，需要在一个本文档来自技高网...

【技术保护点】
一种网页设计方法，其特征在于，包括如下步骤：步骤1：在浏览器插件中加载当前网页对应的设计图；步骤2：对所述设计图进行透明度处理，使得能够透过设计图显示浏览器可视窗口上的内容；步骤3：根据所述设计图上元素的属性设定或调整当前网页对应元素的属性，其中所述属性包括元素的位置、大小和/或颜色。

【技术特征摘要】
1.一种网页设计方法，其特征在于，包括如下步骤：步骤1：在浏览器插件中加载当前网页对应的设计图；步骤2：对所述设计图进行透明度处理，使得能够透过设计图显示浏览器可视窗口上的内容；步骤3：根据所述设计图上元素的属性设定或调整当前网页对应元素的属性，其中所述属性包括元素的位置、大小和/或颜色。2.如权利要求1所述的方法，其特征在于：步骤1中，还根据设计图中设计元素布置状况，将设计图放置到浏览器页面中的适当位置。3.如权利要求1或2所述的方法，其特征在于：所述设计图的尺寸大于、等于或小于浏览器可视窗口的尺寸。4.如权利要求3所述的方法，其特征在于：当所述设计图的尺寸大于浏览器可视窗口的尺寸时，隐藏设计图超出浏览器可视窗口的部分。5.如权利要求1或2所述的方法，其特征在于：步骤3中，还包括：响应当前网页对应元素的属性修改，刷新当前网页。6.如权利要求1或2所述的方法，其特征在于：步骤2中，对设计图进行50％透明度处理。7.如权利要求3所述的方法，其特征在于：步骤1中，设计图的XY轴中心线分别与浏览器可视窗口的XY轴中心线重合设置，或者，设计图为方形，设计图的一边重合到浏...

【专利技术属性】
技术研发人员：潘潇，
申请(专利权)人：广州视源电子科技股份有限公司，广州视睿电子科技有限公司，
类型：发明
国别省市：广东;44