CN101401091A

CN101401091A - 用于改变网页设计的装置和方法

Info

Publication number: CN101401091A
Application number: CNA2007800062275A
Authority: CN
Inventors: 金泽宪
Original assignee: NCSoft Japan KK
Current assignee: NCSoft Japan KK
Priority date: 2006-03-09
Filing date: 2007-03-07
Publication date: 2009-04-01
Also published as: US20090024930A1; WO2007102711A2; JP2009529725A; EP1997033A2; TWI340907B; EP1997033A4; KR100805170B1; KR20070092360A; WO2007102711A3; TW200801999A

Abstract

一种网页设计改变装置，该装置包括网页服务器，用于当用户通过用户终端登录网页时在用户终端上显示网页屏幕，如果用户控制菜单的位置、颜色和样式，则通过按照所控制的菜单位置、所控制的菜单颜色和所控制的菜单样式激活网页菜单屏幕，网页服务器显示网页屏幕。

Description

用于改变网页设计的装置和方法

技术领域

[1]本发明涉及用于改变网页设计的装置和方法，并且，更具体地涉及一种改变网页设计的装置和方法，其中，通过在管理页面上点击或拖放鼠标，用户可以很容易地控制所有关于菜单的位置、颜色和形状的可描述变量，从而制作出所期望的网页设计。

背景技术

[2]通常，尽管许多用户访问网页，但网站的设计是没有创造性的，而且，大多数网页难于根据兴趣、喜好和偏爱而显示网页设计。

[3]在上述网页中，博客(blog)是众所周知的。博客是一个新创词，其意思是由意思为因特网的“web”和意思为日志的“log”结合而成，从而博客的意思为因特网日记或因特网日志。

[4]开发博客旨在解决传统因特网电子公告板的匿名、单向化和内容贴出速率降低的问题。博客代表了一种可以利用简单文本或图形的方式在网络上拥有自己区域的所谓的“单用户媒体”。

[5]因此，从博客包含用户信息的方面来说，要求博客必须满足用户的愿望。

[6]于是，注重设计的博客已得到开发，并且博客的样式有两种类型。

[7]第一种博客是模板型，其中用户利用先前作好的模板并通过点击几次鼠标就可以制作出自己的博客设计。第二种博客是用户设置型，其中用户可以通过设置变量值或直接编写HTML码而制作出自己的博客设计。

[8]而且，通过混合上述两种类型，已开发出许多博客，从而用户可以使用基本的模板并且设置可选值。

[9]然而，尽管保持了基本的博客类型，但用户想要设置更多可以变化的博客设计。

[10]因此，需要一种方法，该方法允许用户通过很容易地控制所有关于菜单的位置、颜色和形状的可描述变量从而制作出期望的博客设计，这些可描述变量与实物是一致的，同时，该方法克服了上述两种类型的局限。

[11]而且，因为使用HTML码而标记和建立超文本的语言用于传统的博客中，所以难于确定一部分的字体种类、字体大小和字体颜色，并且在设置网页的层次或以期望的设计修饰文件方面有许多限制。

发明内容

[12]因此，本发明的目的是提供一种通过有选择地设置网站或博客的设计和菜单而改变网页设计的装置和方法，从而该方法可以便于用户实现网站或博客的多样性并将其制作成期望的设计。

[13]本发明的另一目的是提供一种用于改变网页设计的装置和方法，其中菜单对象的属性被保存为层叠样式表(CSS)格式，从而可以更自由和顺利地制作固定的HTML格式，而且，通过将层叠样式表分割可以减小文件的大小并提高网页服务的操作性能。

[14]根据本发明的一方面，提供了一种网页设计改变装置，该装置包括：网页服务器，其用于当用户通过用户终端登录网络成员页面时在用户终端上显示网页屏幕，如果菜单的位置、颜色和形状受用户控制，则网页服务器通过根据受控制的菜单位置、受控制的菜单颜色和受控制的菜单形状而激活网页菜单屏幕从而显示所述网页屏幕；以及数据库服务器，其包括用户数据库、用户设计数据库和CSS(层叠样式表)数据库，所述数据库服务器与网页服务器相连，其中，所述网页服务器将CSS信息与HTML码结合，从而在用户终端上输出该信息，并将由用户终端所修改的CSS信息存储在所述数据库服务器中。

[15]根据本发明的另一方面，提供一种改变网页设计的方法，该方法包括以下步骤：(a)从数据库服务器获取表示网页设计属性的CSS(层叠样式表)信息；(b)将所述CSS信息与HTML码结合并在网页管理页面上输出该信息；(c)通过用户的控制在网页管理页面上改变CSS信息；(d)将所改变的CSS信息存储在数据库服务器中。

[16]根据本发明，可以克服传统网页服务的单调和不变的特性，并且实现了有创造性和不同的网页服务，因此提高了网页服务的竞争力。

[17]而且，根据本发明，菜单对象的属性是以层叠样式表(CSS)格式保存的，因此可以更自由和顺利地制作固定的HTML格式，并且，通过分割层叠样式表可以减小文件的大小并提高网页服务的操作性能。

附图说明

[18]图1是根据本发明的优选实施例的网页设计改变系统的示意图；

[19]图2是表示根据本发明的优选实施例的网页服务提供系统的内部结构的示意图；

[20]图3是描述根据本发明的优选实施例的改变网页设计的方法的流程图；

[21]图4是表示根据改变网页设计的方法的流程图而在网页菜单被改变之前和之后的位置和颜色的示意图；并且

[22]图5是图3的根据本发明的优选实施例的改变网页设计的方法的流程图的子流程。

具体实施方式

[23]以下，将参照附图详细描述本发明的优选实施例。这里，应当指出，本发明不受此限制。

[24]图1是根据本发明的优选实施例的网页设计改变系统的示意图。

[25]参照图1，网页设计改变系统通过信息和通信网络200与网页服务提供服务器300相连，而且，网页设计改变系统包括用于发送和接收由网页服务提供服务器300所提供的关于变化内容的信息数据的用户终端100；还包括网页服务提供服务器300，其中网页服务提供服务器300具有用于管理网页或博客内容信息的网页服务器320和用于存储关于网页服务操作的数据的数据库服务器350，并且数据库服务器350与网页服务器320相连。

[26]用户终端100可以通过信息和通信网络200与网页服务提供服务器300相连，并且可以发送和接收由网页服务提供服务器300所提供的关于变化内容的信息数据。通过用户终端100，用户在连接至网页服务提供服务器300之后可以使用由相应的网站所提供的内容信息。

[27]用户终端100也可以通过在管理页面上点击或拖放鼠标来控制所有关于菜单的位置、颜色和形状的可描述变量。

[28]而且，用户终端100具有诸如Netscape或Internet Explorer的因特网浏览器，用于以HTML(超文本标记语言)、XML(可扩展标记语言)、或CSS(层叠样式表)格式显示网页内容信息。

[29]信息和通信网络200可与专网、LAN(局域网)、QAN(量子局域网)、VAN(虚拟局域网)、内网、私用电话交换网、公共电话交换网以及这些网络的组合相结合。而且，信息和通信网络200是使图1所示的网络对象可彼此自由通信的总体概念，并且包括有线网、无线网和无线移动通信网。

[30]由于关于信息和通信网络200的技术方案对本领域技术人员是公开的，所以这里省去了这方面的详细描述。

[31]网页服务提供服务器300包括用于管理网页或博客内容信息的网页服务器320和用于存储关于网页服务操作的数据的数据库服务器350，并且数据库服务器350与网页服务器320相连。

[32]通过登录网络成员页面，网页服务器320将相应的网页或博客设计显示到用户终端100上。而且，如果用户在网页屏幕上对菜单的位置、颜色和形状进行控制，则网页服务器320通过根据受控制的菜单位置、受控制的菜单颜色和受控制的菜单形状而激活网页菜单从而显示出它们。

[33]数据库服务器350包括用于操作网页服务的用户数据库、用户设计数据库和层叠样式表(CSS)数据库。

[34]后面将参照图2详细描述数据库服务器350。

[35]通过在编辑菜单中引入“WYSIWIG”的概念，则在管理页面上改变网页之后，网页服务提供服务器300可以立即将屏幕上所显示的设计应用于实际的设计。

[36]这里，“WYSIWIG”(所见即所得)的概念意味着屏幕上所显示的文件的文本、图片、图表或其它等等将以它们所显示的形式打印出来。即，“WYSIWIG”的功能是屏幕上所显示的视图可被打印出来，并且用于通过图标的结合直观操作的情形或者通过万维网(WWW)浏览器打印的情形。

[37]网页服务提供服务器300中存储有文章列表、文章的主体内容、分类的文件夹(类别)列表、最近的访客、好友列表、档案资料、日程表(每日地或每月地)等等。网页或博客由上述对象的组合来实现。

[38]而且，由于网页服务提供服务器300被设置为只以一种类型的CSS格式管理各种菜单属性，因此可以改变网页菜单的框架布局和菜单的大小或颜色，并且可以插入或删除一些菜单。

[39]图2是表示根据本发明的优选实施例的网页服务提供系统的内部结构的示意图。

[40]如图2所示，网页服务提供服务器300包括接口单元310、网页服务器320和数据库服务器350。

[41]接口单元310接收来自于用户终端100的信息数据。

[42]网页服务器320根据由用户所选择的背景图像、图标、文本主体和字体而激活网页或博客菜单窗口。

[43]网页服务器320包括用于接收来自于用户终端100的网页的位置改变值的输入单元322；用于根据输入单元322所输入的用户的请求值存储网页或博客内容信息的存储单元323；用于输出存储单元323中所存储的网页或博客内容信息的输出单元324；以及用于控制各单元的控制单元321。

[44]输入单元322通过接口单元310接收由用户终端100所输入的数据信息。

[45]存储单元323中存储有用户的请求值和据此的网页或博客内容信息。

[46]输出单元324输出由用户控制网页的内部设置的结果。

[47]控制单元321控制各单元，从而制作出期望的网页设计。

[48]数据库服务器350包括用户数据库351、用户设计数据库352和层叠样式表(CSS)数据库353。

[49]用户数据库351中存储有图标信息，例如，用户的网页或博客名称、网站URL(统一资源定位器)、用户终端的准确数目、档案资料信息、评述信息、文章、好友列表、访客的统计信息。

[50]用户设计数据库352中存储有背景(图像、颜色、样式、位置)，图标(文章列表、分类的文件夹(类别)列表、最近的访客、好友列表、档案资料、日程表(每日地或每月地))，文本主体(主体类型、背景颜色、字体颜色、主体行数、主体位置)以及附件信息和其位置。

[51]而且，用户设计数据库352具有背景图像单元、图标类型单元、文本主体类型单元、颜色处理单元和内部处理单元。

[52]背景图像单元中存储有根据用户终端在用户注册的网页或博客中所输入的控制信号的网页和图像的背景。

[53]图标类型单元中存储有用户所期望的变化的图标信息。

[54]例如，图标类型单元中存储有文章列表、分类的文件夹(类别)列表、最近的访客、好友列表、档案资料、日程表(每日地或每月地)。

[55]文本主体单元中存储有对应于图标信息的文本类型。

[56]即，文本主体单元具有内联框架(iframe)类型和框架类型。在内联框架类型即插入框架的情况下，通过将整个网页分成多个框架或如果难于设置页面则通过利用布局而不分开页面，所选择的信息被插入在原页面的适当位置。在框架类型的情况下，所选择的信息被插入而不分开框架。

[57]颜色处理单元中存储有关于图标类型和网页的颜色信息。

[58]字体处理单元中存储有显示图标类型和文本主体所需要的字体信息。

[59]内部处理单元中存储有图标类型的位置信息。

[60]为了设置网页或博客的颜色、大小等属性，层叠样式表CSS数据库353中存储有CSS格式的数据信息。

[61]CSS数据库353中存储有用户的CSS信息并且可以允许用户将网页设计应用于其它的网页设计，从而彼此交换网页或博客设计并向用户提供多样的网页或博客设计。

[62]而且，当存储CSS信息时，为了降低数据库的连接负荷，CSS数据库353中同时存储有用户SKIN文件(txt格式)。

[63]所生成和存储的SKIN文件以存储在CSS数据库353中的CSS信息和HTML页面信息的混合信息代表用户的网页或博客设计。

[64]图3是描述根据本发明的优选实施例的改变网页设计的方法的流程图。

[65]如图3所示，控制单元将用户数据库和用户设计数据库存储在数据库服务器中(步骤S10)，所述用户数据库和用户设计数据库是被设置用来显示用户网页或博客设计的。

[66]在步骤S10中，用户通过用户终端存储与网页服务提供服务器相连的网页或博客名称、档案资料信息、图标信息、评述信息、文章、好友列表。

[67]然后，网页服务提供服务器的控制单元从数据库服务器中获取代表网页或博客设计属性的层叠样式表信息(步骤S20)。

[68]在步骤S20中，用户通过用户终端选择自己的将被改变或修改的网页或博客，并获取表示所选择的网页或博客设计属性的层叠样式表信息。

[69]层叠样式表是一种可以更自由和顺畅地制作固定的HTML格式的样式表。在HTML格式下，确定每部分的字体类型、字体大小和字体颜色是很麻烦的。因此，通过分割层叠样式表可以减小文件的大小并提高网页服务的操作性能。

[70]控制单元将层叠样式表信息与HTML码结合，从而在网页管理页面上输出该信息(步骤S30)。

[71]在步骤S30中，根据用户终端所输入的信号，通过结合数据库服务器中所存储的CSS数据库、用户数据库和用户设计数据库，在用户终端上输出数据信息。

[72]控制单元执行用于在网页管理页面上改变层叠样式表信息的菜单控制步骤(步骤S40)。

[73]在步骤S40中，菜单受用户的意图控制并且改变背景、图标类型、文本主体和附件信息的位置，这些将在图5中详细描述。

[74]控制单元执行在层叠样式表信息被改变之后立即检测屏幕上已改变的层叠样式表信息结果的步骤(步骤S50)。

[75]然后，控制单元执行判断用户是否确认所改变的层叠样式表信息的步骤(步骤S60)。

[76]在步骤S60中，在没有接收到确认层叠样式表的信号的情况下，控制单元执行步骤S20，在确认所改变的层叠样式表的情况下，执行步骤S70。

[77]然后，控制单元将已改变的层叠样式表存储在数据库服务器中(步骤S70)。

[78]在步骤S70中，控制信号由用户终端通过输出至用户终端的屏幕而输入，并且已改变的层叠样式表信息被存储在数据库中。背景(图像、颜色、样式、位置)，图标(文章列表、分类的文件夹(类别)列表、最近的访客、好友列表、档案资料、日程表(每日地或每月地))，文本主体(主体类型、背景颜色、字体颜色、主体行数、主体位置)以及附件位置信息以CSS格式存储在数据库服务器中。

[79]图4是表示网页菜单在根据描述改变网页设计的方法的流程图被改变之前和之后的位置和颜色的示意图。

[80]参照图4，如果用户通过拖放鼠标而控制用户终端，则屏幕(a)上先前存在的档案资料菜单窗口位置被改变至屏幕(b)上的位置，从而修改了设计。

[81]当屏幕(a)上的窗口位置被改变至屏幕(b)上的位置时，网页服务提供服务器根据由用户终端所控制的菜单位置和菜单颜色的信息改变CSS信息。之后，网页服务提供服务器将已改变的CSS信息存储在数据库服务器中，从而将屏幕(b)上的结果输出到用户终端屏幕。

[82]图5是图3的根据本发明的优选实施例的改变网页设计的方法的流程图的子流程。

[83]如图5所示，控制单元接收来自于用户终端的用于控制背景改变的信号(步骤S51)。

[84]在步骤S51中，通过背景图像单元中所存储的数据改变上载的背景图象、背景颜色、背景样式或背景位置。

[85]控制单元根据已改变的背景改变图标类型(步骤S52)。

[86]在步骤S52中，通过添加或删除菜单来改变背景颜色、线型、线宽、字体颜色、图标形状和图标位置。

[87]控制单元根据已改变的菜单改变文本主体(步骤S53)。

[88]在步骤S53中，控制单元通过从用户终端输入的控制信号判断其是内联框架类型还是框架类型。在内联框架类型即插入框架的情况下，通过将整个网页分成多个框架或如果难于设置页面则通过利用布局而不分开页面，所选择的信息被插入在原页面的适当位置。在框架类型的情况下，所选择的信息被插入而不分开框架。

[89]即，如果用户选择内联框架类型，则插入适当尺寸的框架而不破坏基本的框架结构。否则，插入文本主体而不分开基本的框架结构。

[90]然后，控制单元改变网页或博客的附件信息(步骤S54)。

[91]在步骤S54中，用户通过拖放而改变CSS信息就会很容易地修改附件信息。

[92]通过上述方法，用户可以根据自己的意愿很容易地改变其自己的网页或博客的菜单位置、菜单形状、菜单字体和菜单颜色。

[93]尽管已结合本发明的优选实施例示出并描述了本发明，但是应当理解，本领域技术人员在不脱离本发明在所附权利要求中所限定的精神和范围的情况下，可作出改变和修改。

Claims

1.一种网页设计改变装置，该装置包括：

网页服务器(320)，其用于当用户通过用户终端登录网络成员页面时在用户终端上显示网页屏幕，如果菜单的位置、颜色和形状受用户控制，则网页服务器通过根据受控制的菜单位置、受控制的菜单颜色和受控制的菜单形状而激活网页菜单屏幕从而显示所述网页屏幕；和

数据库服务器(350)，其包括用户数据库、用户设计数据库和CSS(层叠样式表)数据库，所述数据库服务器与所述网页服务器相连，

其中，所述网页服务器将CSS信息与HTML码结合以在用户终端(100)上输出它们，并将由用户终端所修改的CSS信息存储在所述数据库服务器(350)中。

2.根据权利要求1所述的装置，其中用户通过在网页管理页面上点击或拖放鼠标可以控制所有关于菜单的位置、颜色和形状的可描述变量。

3.根据权利要求1所述的装置，其中所述的用户数据库中至少存储有网站名称、网站URL(统一资源定位器)、用户终端的准确数目、档案资料信息、评述信息、文章、好友列表和访客统计信息中的至少一个。

4.根据权利要求1所述的装置，其中所述的用户设计数据库中至少存储有背景(图像、颜色、样式、位置)、图标(文章列表、分类的文件夹(类别)列表、最近的访客、好友列表、档案资料、日程表(每日地或每月地))、文本主体(主体类型、背景颜色、字体颜色、主体行数、主体位置)和附件信息中的至少一个。

5.根据权利要求1所述的装置，其中所述网页服务器(320)包括：

输入单元(322)，其用于接收来自于用户终端的网页的位置改变值；

存储单元(323)，其用于存储由所述输入单元所输入的用户的请求值并存储与所述请求值相关的网页或博客内容信息；

输出单元(324)，其用于输出所述存储单元中所存储的网页或博客内容信息；和

控制单元(321)，其用于控制各单元并向所述用户终端输出信息，所述控制单元允许用户改变网页设计。

6.根据权利要求1所述的装置，其中所述的CSS数据库中存储有用户的CSS信息并且允许用户可以将所述的网页设计应用于其它的网页设计。

7.一种用于改变网页设计的方法，该方法包括以下步骤：

(a)从数据库服务器中获取代表网页设计属性的CSS(层叠样式表)信息；

(b)将所述CSS信息与HTML码结合并在网页管理页面上输出它们；

(c)通过用户的控制在网页管理页面上改变所述CSS信息；

(d)将已改变的CSS信息存储在所述数据库服务器中。

8.根据权利要求1至6中的任何一个所述的装置，其中所述的网页设计改变装置用于改变个人的博客设计。

9.根据权利要求7所述的方法，其中所述方法用于改变个人的博客设计。

10.根据权利要求7所述的方法，所述方法进一步地包括以下步骤：在步骤(c)之后通过检测所述用户终端的屏幕上的已改变的CSS信息，判断用户是否确认已改变的CSS信息。

11.根据权利要求7所述的方法，其中所述用户通过在网页管理页面上点击或拖放鼠标从而控制所有关于菜单的位置、颜色和形状的可描述变量。

12.根据权利要求7所述的方法，所述的CSS数据库中存储有用户的CSS信息并且允许用户将所述的网页设计应用于其它的网页设计。