KR20080060693A - System and method for providing web document editon service - Google Patents

Abstract

A system and a method for providing a web document editing service are provided to enable a user unskillful to a web document editing interface to set a desired style of a web document and reduce time needed for editing the web document. A style information database(202) stores a plurality of skin data and style data for each style component. A user style information database(204) stores web document style information of a user by each user. A style information processing server(200) processes request information related to style editing received from the user. The style information processing server extracts a plurality of skin data from the style information database and transmits the skin data when the skin data request information is received from a user client(210). A script executed in the user client temporarily stores skin data of a skin selected by the user among the received skin data, and generates the partial style data for the corresponding style component and reflects the generated style data to the temporarily stored skin data when the user edits the style component.

Description

웹문서 편집 서비스 제공 방법 및 시스템{System and Method for Providing Web Document Editon Service}System and Method for Providing Web Document Editon Service

도 1은 본 발명의 바람직한 일 실시예에 따른 웹문서 편집 절차를 도시한 도면.1 is a diagram illustrating a web document editing procedure according to an embodiment of the present invention.

도 2는 본 발명의 바람직한 일 실시예에 따른 웹문서 스타일 편집 서비스 제공 시스템의 구성을 도시한 블록도.Figure 2 is a block diagram showing the configuration of a web document style editing service providing system according to an embodiment of the present invention.

도 3은 본 발명의 바람직한 일 실시예에 따른 스킨 선택 절차를 도시한 순서도.3 is a flow chart illustrating a skin selection procedure according to a preferred embodiment of the present invention.

도 4는 본 발명의 바람직한 일 실시예에 따른 스킨 선택 후 세부적인 스타일을 편집하는 과정에 대한 순서도.4 is a flowchart illustrating a process of editing a detailed style after skin selection according to an exemplary embodiment of the present invention.

도 5는 본 발명의 일 실시예에 따른 디스플레이되는 스킨의 스타일 이미지의 일례를 도시한 도면.5 shows an example of a style image of a skin being displayed according to one embodiment of the invention.

도 6은 본 발명의 일 실시예에 따른 스타일 편집 인터페이스의 일례를 도시한 도면.6 illustrates an example of a style editing interface in accordance with an embodiment of the present invention.

도 7은 본 발명에서 예로 하는 블로그 웹문서 스타일 구조의 일례를 도시한 도면.7 is a diagram showing an example of a blog web document style structure used as an example in the present invention.

본 발명은 웹 문서 편집 서비스 제공 방법 및 시스템에 관한 것으로서, 더욱 상세하게는 웹문서의 레이아웃, 배경 이미지, 색상 등과 같은 웹문서의 스타일에 대한 편집 서비스를 제공하는 방법 및 시스템에 관한 것이다. The present invention relates to a method and a system for providing a web document editing service, and more particularly, to a method and system for providing an editing service for a style of a web document such as a layout, a background image, a color, etc. of a web document.

종래의 웹서비스는 일방적으로 정보를 제공하는 형태였으나, 근래에 들어 사용자들의 참여와 개방성이 점점 중요시되는 추세이며, 특히, 블로그와 개인 홈페이지에서 이러한 변화가 일어나고 있다. Conventional web services have been a form of providing information unilaterally, but in recent years, the participation and openness of users is becoming more and more important. In particular, such changes are occurring in blogs and personal homepages.

이러한 문화는 소위 웹2.0 이라고 불리며, 서비스 프로바이더에 의해 제작된 컨텐츠보다는 사용자에 의해 제작된 컨텐츠(User Created Contents: UCC)가 오히려 웹상에서 주요한 컨텐츠로 작용하고 있다. This culture is called Web 2.0, and User Created Contents (UCC) are the main content on the web rather than content produced by service providers.

이와 같은 추세에 따라, 근래에는 사용자가 웹문서의 스타일을 자유 자재로 편집할 수 있는 서비스가 활발히 제공되고 있으며, 예를 들어, 블로그 문서의 경우, 사용자는 블로그의 메뉴, 타이틀, 포스트 타이틀, 포스트 박스와 같은 블로그 웹문서의 스타일 요소를 원하는 형태 및 색상을 갖도록 변경할 수 있다. In accordance with this trend, in recent years, there is an active service for allowing a user to freely edit the style of a web document. For example, in the case of a blog document, the user can select the menu, title, post title, post of the blog. You can change the style elements of a blog web document, such as a box, to have the shape and color you want.

이와 같이, 웹문서에 대한 사용자의 자유로운 편집이 가능하도록 서비스가 제공됨에 따라 웹문서의 편집 인터페이스는 복잡화되는 문제점이 발생하였다. As such, as a service is provided to allow a user to freely edit a web document, the editing interface of the web document is complicated.

따라서, 컴퓨터에 익숙하지 않은 사용자는 오히려 자유로운 편집을 위해 제공 된 복잡한 인터페이스로 인해 웹문서 편집에 어려움을 겪는 문제점이 있었다. Therefore, users who are not familiar with computers have a problem in that they have difficulty in editing web documents due to the complicated interface provided for free editing.

또한, 인터페이스의 사용에 익숙한 사용자라도 세부적인 스타일 요소를 일일이 설정하여야 하기 때문에 웹문서 편집에 많은 시간이 소요되는 문제점이 있었다. In addition, even a user who is familiar with using the interface has a problem that it takes a lot of time to edit a web document because detailed style elements must be set.

상기한 바와 같은 종래의 문제점을 해결하기 위해, 본 발명에서는 웹문서 편집 인터페이스에 익숙하지 않은 사용자도 원하는 스타일을 설정할 수 있는 웹문서 편집 서비스 제공 방법 및 시스템을 제안하고자 한다.In order to solve the above-mentioned problems, the present invention proposes a method and system for providing a web document editing service that can set a desired style even for a user who is not familiar with the web document editing interface.

본 발명의 다른 목적은 웹문서 편집 시 소요되는 시간을 절감할 수 있는 웹문서 편집 서비스 제공 방법 및 시스템을 제안하는 것이다. Another object of the present invention is to propose a method and system for providing a web document editing service that can reduce the time required for web document editing.

본 발명의 또 다른 목적들은 이하의 실시예에 대한 설명을 통해 쉽게 이해될 수 있을 것이다.Still other objects of the present invention will be readily understood through the following description of the embodiments.

상기한 바와 같은 목적을 달성하기 위해, 본 발명의 일 측면에 따르면, 다수의 스킨에 대한 스타일 데이터를 제공하는 단계-상기 스킨은 웹문서를 구성하는 다수의 스타일 요소의 스타일을 임의로 설정한 예시적인 스타일 데이터임-(a); 상기 제공된 다수의 스킨 중 사용자가 선택한 스킨 정보를 수신하는 단계(b); 상기 선택된 스킨의 스타일 데이터를 메모리 또는 로컬 저장 장치에 일시적으로 저장하는 단계(c); 특정 스타일 요소 및 레이아웃에 대한 편집 요청 정보를 수신하며, 사용자 의 편집 요청에 상응하는 세부 스타일 요소 및 레이아웃에 대한 부분 스타일 데이터를 생성하는 단계(d); 및 상기 생성된 부분 스타일 데이터를 상기 저장된 스킨 스타일 데이터에 반영하는 단계(e)를 포함하는 웹문서 편집 서비스 제공 방법이 제공된다. In order to achieve the object as described above, according to an aspect of the present invention, providing style data for a plurality of skins-the skin is an exemplary setting of the style of a plurality of style elements constituting a web document arbitrarily Style data— (a); (B) receiving skin information selected by a user from the plurality of provided skins; (C) temporarily storing style data of the selected skin in a memory or a local storage device; Receiving edit request information for a specific style element and layout, and generating partial style data for the detailed style element and layout corresponding to the edit request of the user; And (e) reflecting the generated partial style data to the stored skin style data.

상기 단계 (a)에서, 다수의 스킨에 대한 스타일 데이터와 함께 각 스킨의 스타일 이미지가 제공될 수 있다. In step (a), a style image of each skin may be provided along with style data for a plurality of skins.

상기 단계(e)는, 사용자가 선택한 스킨 데이터에서 사용자가 상기 단계(d)에 의해 편집한 스타일 요소에 상응하는 데이터 부분을 판단하고, 상기 데이터 부분에 상기 부분 스타일 데이터를 반영하는 것이 바람직하다. In the step (e), it is preferable to determine a data portion corresponding to the style element edited by the user in the step (d) from the skin data selected by the user, and reflect the partial style data in the data portion.

또한, 상술한 방법은 상기 단계(e)에 의해 변경된 스킨 데이터에 의해 구현되는 웹문서를 디스플레이하는 단계; 및 사용자가 상기 디스플레이된 웹문서의 적용을 요청할 경우, 상기 변경된 스킨 데이터를 서버에 전송하는 단계를 더 포함할 수 있다. In addition, the above-described method includes the steps of displaying a web document implemented by the skin data changed by the step (e); And when the user requests the application of the displayed web document, transmitting the changed skin data to a server.

본 발명의 다른 측면에 따르면, 상술한 방법들을 수행하기 위한 명령어들이 유형적으로 구현되어 있으며, 디지털 데이터 처리 장치에 의해 판독 가능한 프로그램이 기록된 기록 매체가 제공된다. According to another aspect of the present invention, there is provided a recording medium in which instructions for performing the above-described methods are tangibly embodied, and in which a program readable by a digital data processing apparatus is recorded.

본 발명의 또 다른 측면에 따르면, 다수의 스킨 데이터 및 각 스타일 요소에 대한 스타일 데이터를 저장하는 스타일 정보 데이터베이스-상기 스킨은 웹문서를 구성하는 다수의 스타일 요소의 스타일을 임의로 설정한 예시적인 스타일 데이터임-; 사용자의 웹문서 스타일 정보를 사용자별로 저장하는 사용자 스타일 정보 데이 터베이스; 및 사용자의 스타일 편집 관련 요청 정보를 수신하여 처리하는 스타일 정보 처리 서버를 포함하되, 사용자 클라이언트로부터 스킨 데이터 요청 정보가 수신될 경우, 상기 스타일 정보 처리 서버는 상기 스타일 정보 데이터베이스로부터 다수의 스킨 데이터를 추출하여 전송하며, 상기 사용자 클라이언트에서 구동되는 스크립트는, 상기 전송된 스킨 데이터 중 사용자가 선택한 스킨의 스킨 데이터를 일시적으로 저장한 후, 사용자가 특정 스타일 요소를 편집할 경우, 해당 스타일 요소에 대한 부분 스타일 데이터를 생성하고, 상기 생성된 부분 스타일 데이터를 상기 일시적으로 저장된 스킨 데이터에 반영하는 웹문서 편집 서비스 제공 시스템이 제공된다. According to another aspect of the present invention, a style information database for storing a plurality of skin data and style data for each style element, wherein the skin is exemplary style data that arbitrarily sets the styles of a plurality of style elements constituting a web document. being-; A user style information database that stores user web document style information for each user; And a style information processing server configured to receive and process style editing related request information of the user. When skin data request information is received from a user client, the style information processing server extracts a plurality of skin data from the style information database. The script driven by the user client temporarily stores skin data of the skin selected by the user among the transmitted skin data, and then, when the user edits a specific style element, the partial style of the corresponding style element A web document editing service providing system is provided which generates data and reflects the generated partial style data to the temporarily stored skin data.

이하에서, 첨부된 도면을 참조하여 본 발명에 따른 웹문서 스타일 편집 서비스 제공 방법 및 시스템의 바람직한 실시예를 상세히 설명한다. Hereinafter, with reference to the accompanying drawings will be described in detail a preferred embodiment of the method and system for providing a web document style editing service according to the present invention.

본 발명은 다양한 종류의 웹문서의 스타일을 편집하는데 활용될 수 있다. 예를 들어, 블로그 웹문서, 커뮤니티 웹문서, 개인 홈페이지 웹문서 등 사용자 컨텐츠를 위주로 구현되는 웹문서에 효과적으로 활용될 수 있을 것이다. The present invention can be utilized to edit the styles of various kinds of web documents. For example, blog web document, community web document, personal homepage web document and the like can be effectively used for web documents that are mainly implemented.

이하에서는 본 발명에 따른 웹문서 스타일 편집 서비스가 블로그 웹문서에 적용되는 경우를 예로 하여 설명한다, 그러나, 본 발명이 블로그 웹문서에 적용되는 것에 한정되는 것은 아니며, 이는 설명의 편의를 위한 것일 뿐 다양한 종류의 웹문서에 적용 가능하다는 것은 당업자에게 있어 자명할 것이다. Hereinafter, a case in which the web document style editing service according to the present invention is applied to a blog web document will be described as an example. However, the present invention is not limited to being applied to a blog web document, which is merely for convenience of description. It will be apparent to those skilled in the art that the present invention can be applied to various kinds of web documents.

도 7은 본 발명에서 예로 하는 블로그 웹문서 스타일 구조의 일례를 도시한 도면이다. 7 is a view showing an example of a blog web document style structure used as an example in the present invention.

도 7을 참조하면, 블로그 웹문서는 전체 배경(900), 상단 배경(902), 블로그 타이틀(904), 프로필(906), 메뉴(908), 포스트 타이틀(910) 및 포스트 박스(912)를 포함할 수 있다. Referring to FIG. 7, the blog web document includes an entire background 900, an upper background 902, a blog title 904, a profile 906, a menu 908, a post title 910, and a post box 912. It may include.

블로그 웹문서의 경우, 도 7과 같이 다양한 영역에 대해 개별적으로 스타일을 설정할 수 있으며, 이하에서, 블로그 타이틀, 프로필, 메뉴 등과 같이 사용자가 개별적으로 스타일을 편집할 수 있는 웹문서 구성 요소를 스타일 요소라고 정의한다. 한편, 도 7에는 일정한 형태의 레이아웃이 도시되어 있지만, 블로그 타이틀 및 프로필, 메뉴 등의 위치가 도 7과 달리 되도록 레이아웃을 변경할 수도 있다. In the case of a blog web document, styles can be individually set for various areas as shown in FIG. 7. Hereinafter, a web document component in which a user can edit styles individually such as a blog title, profile, menu, etc. It is defined as. Meanwhile, although the layout of a certain form is illustrated in FIG. 7, the layout may be changed so that the positions of the blog title, profile, menu, etc. are different from those of FIG. 7.

전술한 바와 같이, 사용자가 웹문서의 세부적인 스타일을 자신의 개성에 맞게 설정할 것을 요구하면서 웹문서 스타일 편집을 위한 인터페이스 및 편집 방법이 복잡화되는 문제점이 있는 바, 컴퓨터의 조작에 익숙하지 않은 사용자는 원하는 형태로 웹문서 스타일을 편집하기 어려운 문제점이 있었다. As described above, the user is required to set the detailed style of the web document to his or her own personality, and the interface and editing method for editing the web document style are complicated. There was a problem that it was difficult to edit the web document style in the desired form.

사용자는 자신이 원하는 형태로 웹문서를 구성하기 위해, 도 7과 같은 웹문서에서 블로그 타이틀, 프로필, 포스트 박스 등과 같은 각 스타일 요소를 일일이 편집하여야 하는 바, 웹문서 편집에 상당한 시간이 소요되는 문제점도 있었다. The user has to edit each style element such as blog title, profile, post box, etc. in the web document as shown in FIG. There was also.

본 발명은 웹문서의 세부적인 스타일 요소들을 사용자가 편집할 수 있도록 하되, 편집 절차를 보다 단순화하고 빠른 시간에 세부적인 스타일을 사용자가 편집할 수 있도록 하는 편집 서비스 제공 방법 및 시스템을 제안한다. The present invention proposes a method and system for providing an editing service that enables a user to edit detailed style elements of a web document, simplifying an editing process and allowing a user to edit a detailed style in a short time.

도 1은 본 발명의 바람직한 일 실시예에 따른 웹문서 편집 절차를 도시한 도 면이다. 1 is a diagram illustrating a web document editing procedure according to an embodiment of the present invention.

도 1을 참조하면, 우선, 다수의 스킨들이 사용자에게 제공되고, 스킨 선택 절차가 수행된다(단계 100). 통상적으로 스킨은 웹문서에서 전체 배경 이미지로 해석되기도 하나, 본 명세서에서 스킨은 웹문서의 전체적인 스타일을 미리 설정한 전체 스타일 데이터로 정의하기로 한다. Referring to FIG. 1, first, a plurality of skins are provided to a user, and a skin selection procedure is performed (step 100). Typically, a skin may be interpreted as an entire background image in a web document, but in the present specification, a skin is defined as global style data that presets an overall style of a web document.

즉, 본 명세서에서 스킨은 레이아웃, 블로그 타이틀, 프로필, 포스트 타이틀과 같은 각 스타일 요소에 대해 운영자가 미리 스타일을 설정한 예시 스타일 정보라고 할 수 있다. That is, in the present specification, the skin may be referred to as exemplary style information in which an operator presets a style for each style element such as a layout, a blog title, a profile, and a post title.

사용자는 이러한 예시 스타일 정보인 스킨을 먼저 선택한다. 이와 같이, 예시 스킨을 먼저 제시하고 사용자가 스킨을 먼저 선택하도록 함으로써 사용자는 보다 간소하게 원하는 형태로 웹문서를 편집할 수 있다. The user first selects the skin, which is this example style information. As such, by presenting an example skin first and allowing the user to select the skin first, the user can more easily edit the web document in a desired form.

예를 들어, 어떠한 사용자는 전체 배경 및 상단 배경과 같은 배경 이미지에 중점을 두고 웹문서를 편집할 수 있으며, 이 경우 사용자는 제시된 스킨들 중 원하는 전체 배경 및 상단 배경 이미지를 포함하고 있는 스킨을 선택할 수 있으며, 차후에 편집 절차를 통해 세세한 스타일 요소의 스타일을 편집할 수 있다. For example, a user can edit a web document with a focus on background images, such as full background and top background, in which case the user can select a skin that contains the desired full background and top background image from among the presented skins. You can then edit the style of the fine style element later through the editing process.

또 다른 예로, 어떠한 사용자는 프로필, 포스트 타이틀 및 포스트 박스의 위치와 관련된 레이 아웃에 중점을 두고 편집할 수 있으며, 이 경우 사용자는 프로필, 포스트 타이틀 및 포스트 박스의 레이아웃이 원하는 형태로 구성된 스킨을 선택할 수 있다. As another example, a user may edit and focus on a layout that relates to the profile, post title, and post box position, in which case the user can select a skin with the desired layout of the profile, post title, and post box layout. Can be.

이와 같이, 스킨을 먼저 선택함으로써 사용자는 특정 스타일 요소에 대해서는 별도의 편집 절차를 거치지 않고 스킨에서 설정한 스타일을 그대로 사용할 수 있다. As such, by first selecting a skin, a user may use the style set in the skin without undergoing a separate editing process for a specific style element.

또한, 스타일 편집에 많은 시간을 소요하고 싶지 않은 사용자는 예시된 스킨을 선택하여 그대로 사용할 수도 있다. In addition, users who do not want to spend a lot of time editing styles can select and use the illustrated skins.

사용자의 스킨 선택이 완료되면, 레이아웃을 선택할 수 있는 인터페이스가 제공되며, 사용자는 레이아웃을 설정한다(단계 102). 사용자는 제공된 인터페이스를 통해, 프로필, 메뉴, 포스트 박스, 블로그 타이틀 등의 위치를 설정할 수 있다. When the skin selection of the user is completed, an interface for selecting a layout is provided, and the user sets a layout (step 102). The user can set the location of the profile, menu, post box, blog title, etc. via the provided interface.

레이아웃 설정이 완료되면, 각 스타일 요소의 세부적인 스타일을 설정한다(단계 104). 세부적인 스타일 설정 시 각 스타일 요소에 사용되는 스타일 이미지, 각 스타일 요소의 형태, 각 스타일 요소의 서체, 배경색 및 폰트 등을 선택할 수 있다. When layout setting is completed, detailed styles of each style element are set (step 104). When setting detailed styles, you can select the style image used for each style element, the shape of each style element, the font, background color, and font of each style element.

상술한 바와 같이, 다수의 스타일 요소들을 미리 전체적으로 설정한 예시 스킨 데이터를 사용자에게 먼저 제공하여 사용자가 스킨을 선택하도록 하고 선택된 스킨에 대해 레이아웃 및 세부 스타일 요소를 편집할 수 있도록 함으로써 웹문서 편집 절차가 단순해지고 편집에 소요되는 시간을 절감할 수 있는 장점이 있다. As described above, the web document editing procedure is provided by first providing the user with example skin data which previously set a plurality of style elements, allowing the user to select a skin, and editing layout and detail style elements for the selected skin. This has the advantage of being simpler and reducing the time spent editing.

도 2는 본 발명의 바람직한 일 실시예에 따른 웹문서 스타일 편집 서비스 제공 시스템의 구성을 도시한 블록도이다. 2 is a block diagram illustrating a configuration of a system for providing a web document style editing service according to an exemplary embodiment of the present invention.

도 2를 참조하면, 본 발명의 일 실시예에 따른 웹문서 스타일 편집 서비스 제공 시스템은 스타일 정보 처리 서버(200), 스타일 정보 데이터베이스(202) 및 사용자 스타일 정보 데이터베이스(204)를 포함할 수 있으며, 사용자 클라이언트가(210) 가 네트워크를 통해 상기 시스템에 접속할 수 있다. 2, a web document style editing service providing system according to an embodiment of the present invention may include a style information processing server 200, a style information database 202, and a user style information database 204. A user client 210 can access the system via a network.

사용자 클라이언트(210)에는 도 1과 같은 절차를 시스템과 연동하여 수행하기 위한 프로그램이 제공되며, 상기 프로그램은 웹문서에 포함되는 스크립트의 형태로 제공될 수도 있으며, 액티브엑스 컨트롤의 형태로 사용자 클라이언트(210)에 설치될 수도 있다. The user client 210 is provided with a program for performing the procedure as shown in FIG. 1 in conjunction with the system, the program may be provided in the form of a script included in a web document, the user client in the form of ActiveX control ( It may be installed in the 210.

사용자 클라이언트(210)로는 프로그램이 실행이 가능하고 네트워크와 통신 가능한 어떠한 종류의 장치도 포함할 수 있다. 예를 들어, 일반적인 PC는 물론 노트북, PDA, 이동통신 단말기 등을 포함할 수 있을 것이다. The user client 210 may include any kind of device capable of executing a program and communicating with a network. For example, a general PC may include a notebook, a PDA, a mobile communication terminal, and the like.

스타일 정보 데이터베이스(202)에는 웹문서 스타일 설정에 필요한 스타일 정보 데이터가 저장된다. 스타일 정보 데이터베이스는 예시적인 전체 스타일 정보를 정의한 스킨 데이터, 레이아웃 설정 데이터 및 각 세부 스타일 요소의 스타일 설정을 위한 세부 스타일 요소 스타일 데이터를 저장할 수 있다. The style information database 202 stores style information data necessary for web document style setting. The style information database may store skin data that defines exemplary overall style information, layout setting data, and detailed style element style data for setting the style of each detailed style element.

본 발명의 바람직한 실시예에 따르면, 스타일 정보 데이터베이스에 저장되는 각각의 스타일 데이터는 스타일 데이터에 의해 구현되는 스타일을 사용자가 확인할 수 있도록 스타일 이미지와 연관되어 있는 것이 바람직하다. According to a preferred embodiment of the present invention, each style data stored in the style information database is preferably associated with a style image so that a user can check the style implemented by the style data.

본 발명의 일 실시예에 따르면, 스킨, 레이아웃 및 세부 스타일 요소의 스타일 정보는 파라미터의 형태로 저장될 수 있다. 본 발명의 다른 실시예에 따르면, 스킨, 레이아웃 및 세부 스타일 요소의 스타일 정보는 파라미터가 아닌 CSS 및 XSL과 같은 스타일 시트 데이터의 형태로 저장될 수도 있다. According to an embodiment of the present invention, the style information of the skin, layout and detailed style elements may be stored in the form of parameters. According to another embodiment of the present invention, the style information of the skin, layout, and detail style elements may be stored in the form of style sheet data such as CSS and XSL, not as parameters.

사용자 스타일 정보 데이터베이스(204)에는 각 사용자의 웹문서 스타일 설정 정보가 저장된다. 사용자 스타일 정보 데이터베이스(204)에 저장된 스타일 데이터는 사용자 웹문서 로드 시 제공되며, 필요에 따라 웹문서 스타일 편집 시에 제공될 수도 있다. The user style information database 204 stores web document style setting information of each user. The style data stored in the user style information database 204 is provided when the user web document is loaded, and may be provided when editing the web document style, if necessary.

스타일 정보 처리 서버(200)는 사용자의 스타일 편집 관련 요청 정보를 수신하고 사용자의 요청에 상응하는 스타일 정보를 사용자 클라이언트(210)에 제공한다. The style information processing server 200 receives the style editing related request information of the user and provides style information corresponding to the request of the user to the user client 210.

사용자가 특정 스타일 요소의 편집을 요청할 경우, 사용자의 요청 정보는 스타일 정보 처리 서버에 제공되며, 스타일 정보 처리 서버는 사용자의 요청에 응답하여 스타일 정보 데이터베이스(202)로부터 요청된 스타일 요소와 관련된 스타일 정보 데이터를 사용자 클라이언트에 전송한다. When the user requests editing of a particular style element, the user's request information is provided to the style information processing server, which, in response to the user's request, style information associated with the requested style element from the style information database 202. Send data to the user client.

사용자가 스킨 선택을 요청할 경우, 스타일 정보 처리 서버(200)는 스타일 정보 데이터베이스에 저장된 스타일 데이터 중 스킨에 대한 스타일 데이터를 추출하여 사용자 클라이언트에 전송한다. 스타일 정보 처리 서버(200)는 스킨에 대한 스타일 데이터뿐만 아니라 각 스킨의 스타일 데이터와 연관된 스타일 이미지를 함께 사용자 클라이언트(210)에 전송하며, 사용자 클라이언트의 웹문서에는 사용자가 각 스킨의 스타일을 확인할 수 있도록 스타일 이미지들이 디스플레이된다. When the user requests a skin selection, the style information processing server 200 extracts the style data for the skin from the style data stored in the style information database and transmits the style data to the user client. The style information processing server 200 transmits the style image associated with the style data of each skin as well as the style data for the skin to the user client 210, and the user can check the style of each skin in the web document of the user client. Style images are displayed.

또한, 사용자가 블로그 타이틀, 프로필과 같은 특정 스타일 요소의 편집을 요청할 경우, 해당 스타일 요소에 대한 스타일 데이터를 추출하여 사용자 클라이언트(210)에 제공한다. In addition, when a user requests editing of a specific style element such as a blog title or profile, style data for the style element is extracted and provided to the user client 210.

도 3은 본 발명의 바람직한 일 실시예에 따른 스킨 선택 절차를 도시한 순서 도이다. 3 is a flowchart illustrating a skin selection procedure according to an embodiment of the present invention.

도 3에 도시된 절차는 사용자 클라이언트에 스크립트 또는 액티브엑스 컨트롤의 형태로 제공되는 프로그램 모듈에 제어될 수 있다. 3 may be controlled by a program module provided to a user client in the form of a script or ActiveX control.

도 3을 참조하면, 사용자가 웹문서 스타일의 편집을 요청할 경우, 스타일 편집을 위한 스타일 편집 인터페이스가 활성화된다(단계 300). 도 6은 본 발명의 일 실시예에 따른 스타일 편집 인터페이스의 일례를 도시한 도면이다. Referring to FIG. 3, when a user requests editing of a web document style, a style editing interface for style editing is activated (step 300). 6 illustrates an example of a style editing interface according to an embodiment of the present invention.

도 6에 도시된 바와 같이, 본 발명의 일 실시예에 따른 스타일 편집 인터페이스는 블로그 타이틀, 블로그 배경, 블로그 메뉴, 포스트 타이틀, 포스트 배경 및 포스트 박스와 같은 세부 스타일 요소를 편집할 수 있는 버튼 및 스킨 및 레이 아웃을 변경할 수 있는 인터페이스 버튼을 제공한다. As shown in FIG. 6, the style editing interface according to an embodiment of the present invention includes buttons and skins for editing detailed style elements such as blog title, blog background, blog menu, post title, post background, and post box. And an interface button for changing the layout.

사용자는 스킨 버튼을 선택함으로써 스킨 편집을 요청할 수 있으며, 사용자가 스킨 편집을 요청할 경우(단계 302), 사용자의 스킨 편집 요청 정보는 스타일 정보 처리 서버에 전송된다. The user can request skin editing by selecting a skin button, and when the user requests skin editing (step 302), the skin edit request information of the user is transmitted to the style information processing server.

스타일 정보 처리 서버는 사용자 클라이언트의 스킨 편집 요청에 응답하여 스타일 정보 데이터베이스에 저장된 스킨들에 대한 스타일 데이터 및 썸네일 이미지를 사용자 클라이언트에 전송하며, 사용자 클라이언트는 스킨에 대한 스타일 데이터 및 스타일 이미지를 수신한다(단계 304). The style information processing server transmits style data and thumbnail images of skins stored in the style information database to the user client in response to a skin editing request of the user client, and the user client receives the style data and style image for the skin ( Step 304).

스킨에 대한 스타일 데이터 및 스타일 이미지가 수신되면, 사용자가 스킨을 선택할 수 있도록 각각의 스킨에 대한 스타일 이미지가 디스플레이된다. Once the style data and style image for the skin are received, the style image for each skin is displayed so that the user can select a skin.

도 5는 본 발명의 일 실시예에 따른 디스플레이되는 스킨의 스타일 이미지의 일례를 도시한 도면이다. 5 illustrates an example of a style image of a skin to be displayed according to an embodiment of the present invention.

전술한 바와 같이, 스킨은 웹문서의 모든 스타일 요소를 임의로 설정한 예시적인 스타일 데이터이며, 사용자는 디스플레이된 다양한 스킨 중 원하는 스킨을 선택함으로써 웹문서의 스타일을 1차적으로 설정한다(단계 308). As described above, the skin is exemplary style data that arbitrarily set all style elements of the web document, and the user first sets the style of the web document by selecting a desired skin from the various skins displayed (step 308).

사용자가 특정 스킨을 선택할 경우, 해당 스킨의 스타일 데이터는 메모리 또는 클라이언트의 로컬 저장부에 일시적으로 저장되며, 차후 세부 스타일 요소의 편집 시 이용된다(단계 310). If the user selects a particular skin, the style data of that skin is temporarily stored in memory or in the local storage of the client and used later for editing the detailed style elements (step 310).

도 4는 본 발명의 바람직한 일 실시예에 따른 스킨 선택 후 세부적인 스타일을 편집하는 과정에 대한 순서도이다. 4 is a flowchart illustrating a process of editing a detailed style after skin selection according to an exemplary embodiment of the present invention.

도 4를 참조하면, 스킨 선택이 선택이 완료된 후 사용자는 도 6과 같은 스타일 편집 인터페이스를 이용하여 블로그 타이틀, 프로필, 포스트 타이틀과 같은 세부적인 스타일 요소를 편집할 수 있다. 사용자는 선택한 스킨과는 다르게 스타일을 편집하고 싶은 세부 스타일 요소를 선택한다(단계 400). Referring to FIG. 4, after the skin selection is completed, the user may edit detailed style elements such as a blog title, a profile, and a post title by using the style editing interface as shown in FIG. 6. The user selects a detail style element for which the style is to be edited differently from the selected skin (step 400).

특정 스타일 요소를 사용자가 선택한 경우, 선택된 스타일 요소와 관련된 스타일 데이터가 스타일 정보 처리 서버로부터 전송된다(단계 402). 만일, 해당 스타일 요소의 편집에 별도의 스타일 데이터가 요구되지 않고 단지 서체, 색상 등을 변경하는 것만 허용될 경우, 부분 스타일 데이터의 수신 절차는 생략될 수도 있다. If a particular style element is selected by the user, style data associated with the selected style element is sent from the style information processing server (step 402). If separate style data is not required for editing the style element, and only the font, color, and the like are allowed to be changed, the procedure of receiving partial style data may be omitted.

사용자는 수신된 부분 스타일 데이터 및 스타일 편집 인터페이스에서 제공하는 설정 인터페이스를 이용하여 스타일 정보를 설정하며, 사용자의 스타일 설정 정보에 상응하는 선택된 스타일 요소에 대한 부분 스타일 데이터가 생성된다(단계 404). The user sets the style information using the received partial style data and the setting interface provided by the style editing interface, and partial style data for the selected style element corresponding to the style setting information of the user is generated (step 404).

사용자의 세부 스타일 요소에 대한 스타일 설정 정보에 상응하여 부분 스타일 데이터가 생성되면, 클라이언트에서 구동되는 프로그램은 사용자가 재편집한 스타일 요소가 스킨의 스타일 데이터에서 어떠한 부분에 해당되는지를 판단한다(단계 406). 예를 들어, 사용자가 블로그 타이틀을 스킨의 블로그 타이틀과 다르게 설정한 경우, 블로그 타이틀에 대한 스타일 정의 부분이 스킨 데이터에서 어떠한 부분인지 여부를 판단하는 것이다. 이때, 일시적으로 메모리 또는 로컬 저장부에 저장된 스킨 데이터를 분석하는 과정이 수행될 수 있으며. 변경될 데이터 부분을 추출하는 과정이 수행될 수 있다. When partial style data is generated in accordance with the style setting information of the detailed style element of the user, a program running on the client determines which part of the style data of the skin corresponds to the style element re-edited by the user (step 406). ). For example, when the user sets the blog title differently from the blog title of the skin, it is determined whether the style definition part for the blog title is part of the skin data. In this case, a process of analyzing skin data stored in a memory or a local storage may be performed temporarily. A process of extracting the data portion to be changed may be performed.

일례로, 파리미터에 의해 스타일 데이터가 관리되는 경우, 사용자가 재설정한 스타일 정보에 상응하는 파라미터를 스킨 데이터로부터 추출하는 과정이 수행될 수 있다. For example, when style data is managed by a parameter, a process of extracting a parameter corresponding to style information reset by a user from skin data may be performed.

또 다른 예로, 스킨 데이터가 CSS와 같은 스타일 시트 자체로 관리되는 경우, CSS 파서를 이용하여 사용자가 재설정한 스타일 정보에 상응하는 CSS 설정 부분을 추출할 수도 있다. As another example, when skin data is managed by a style sheet itself such as CSS, the CSS parser may extract a CSS setting part corresponding to style information reset by a user.

스킨 스타일 데이터의 변경될 부분이 판단되면, 해당 부분에 상기 생성된 부분 스타일 데이터를 반영한다(단계 408). If it is determined that the portion of the skin style data to be changed, the generated portion style data is reflected in the portion (step 408).

사용자의 세부 스타일 요소에 대한 스타일 설정이 완료되면, 변경된 스타일이 적용된 웹문서를 사용자에게 디스플레이하며(단계 410), 사용자가 해당 스타일의 적용을 요청할 경우 변경된 스킨 데이터를 스타일 정보 처리 서버에 전송하며, 스 타일 정보 처리 서버는 수신된 데이터를 사용자 CSS 데이터베이스에 저장한다. When the style setting for the detailed style element of the user is completed, the web document to which the changed style is applied is displayed to the user (step 410), and when the user requests to apply the style, the changed skin data is sent to the style information processing server. The style information processing server stores the received data in the user CSS database.

상기한 본 발명의 바람직한 실시예는 예시의 목적을 위해 개시된 것이고, 본 발명에 대해 통상의 지식을 가진 당업자라면 본 발명의 사상과 범위 안에서 다양한 수정, 변경, 부가가 가능할 것이며, 이러한 수정, 변경 및 부가는 하기의 특허청구범위에 속하는 것으로 보아야 할 것이다.Preferred embodiments of the present invention described above are disclosed for purposes of illustration, and those skilled in the art will be able to make various modifications, changes, and additions within the spirit and scope of the present invention. Additions should be considered to be within the scope of the following claims.

이상에서 설명한 바와 같이, 본 발명의 바람직한 실시예에 따르면, 웹문서 편집 인터페이스에 익숙하지 않은 사용자도 원하는 스타일을 설정할 수 있으며, 웹문서 편집 시 소요되는 시간을 절감할 수 있는 장점이 있다. As described above, according to the preferred embodiment of the present invention, a user who is not familiar with the web document editing interface can set a desired style and can reduce the time required for web document editing.

Claims (8)

다수의 스킨에 대한 스타일 데이터를 제공하는 단계-상기 스킨은 웹문서를 구성하는 다수의 스타일 요소의 스타일을 임의로 설정한 예시적인 스타일 데이터임-(a);Providing style data for a plurality of skins, wherein the skins are exemplary style data that arbitrarily sets the styles of the plurality of style elements constituting the web document; 상기 제공된 다수의 스킨 중 사용자가 선택한 스킨 정보를 수신하는 단계(b);(B) receiving skin information selected by a user from the plurality of provided skins; 상기 선택된 스킨의 스타일 데이터를 메모리 또는 로컬 저장 장치에 일시적으로 저장하는 단계(c);(C) temporarily storing style data of the selected skin in a memory or a local storage device; 특정 스타일 요소 및 레이아웃에 대한 편집 요청 정보를 수신하며, 사용자의 편집 요청에 상응하는 세부 스타일 요소 및 레이아웃에 대한 부분 스타일 데이터를 생성하는 단계(d); 및Receiving edit request information for a specific style element and layout, and generating partial style data for the detailed style element and layout corresponding to the edit request of the user; And 상기 생성된 부분 스타일 데이터를 상기 저장된 스킨 스타일 데이터에 반영하는 단계(e)를 포함하는 것을 특징으로 하는 웹문서 편집 서비스 제공 방법. And (e) reflecting the generated partial style data to the stored skin style data. 제1항에 있어서,The method of claim 1, 상기 단계 (a)에서, 다수의 스킨에 대한 스타일 데이터와 함께 각 스킨의 스타일 이미지를 제공하는 것을 특징으로 하는 웹문서 편집 서비스 제공 방법. In the step (a), the web document editing service providing method characterized in that to provide a style image of each skin with style data for a plurality of skins. 제1항에 있어서,The method of claim 1, 상기 단계(e)는, 사용자가 선택한 스킨 데이터에서 사용자가 상기 단계(d)에 의해 편집한 스타일 요소에 상응하는 데이터 부분을 판단하고, 상기 데이터 부분에 상기 부분 스타일 데이터를 반영하는 것을 특징으로 하는 웹문서 편집 서비스 제공 방법. In the step (e), the skin part selected by the user determines a data part corresponding to the style element edited by the step (d), and reflects the partial style data in the data part. How to provide web document editing service. 제1항에 있어서,The method of claim 1, 상기 단계(e)에 의해 변경된 스킨 데이터에 의해 구현되는 웹문서를 디스플레이하는 단계; 및Displaying a web document implemented by the skin data changed by step (e); And 사용자가 상기 디스플레이된 웹문서의 적용을 요청할 경우, 상기 변경된 스킨 데이터를 서버에 전송하는 단계를 더 포함하는 것을 특징으로 하는 웹문서 편집 서비스 제공 방법. And transmitting the changed skin data to a server when the user requests the application of the displayed web document. 제1항 내지 제4항 중 어느 한 항의 방법을 수행하기 위한 명령어들이 유형적으로 구현되어 있으며, 디지털 데이터 처리 장치에 의해 판독 가능한 프로그램이 기록된 기록 매체. A recording medium in which instructions for performing the method of any one of claims 1 to 4 are tangibly embodied, wherein a program readable by a digital data processing apparatus is recorded. 다수의 스킨 데이터 및 각 스타일 요소에 대한 스타일 데이터를 저장하는 스타일 정보 데이터베이스-상기 스킨은 웹문서를 구성하는 다수의 스타일 요소의 스타일을 임의로 설정한 예시적인 스타일 데이터임-;A style information database for storing a plurality of skin data and style data for each style element, wherein the skin is exemplary style data that arbitrarily sets the styles of the plurality of style elements constituting the web document; 사용자의 웹문서 스타일 정보를 사용자별로 저장하는 사용자 스타일 정보 데이터베이스; 및 A user style information database that stores user web document style information for each user; And 사용자의 스타일 편집 관련 요청 정보를 수신하여 처리하는 스타일 정보 처리 서버를 포함하되,Including a style information processing server for receiving and processing the request information related to the user style editing, 사용자 클라이언트로부터 스킨 데이터 요청 정보가 수신될 경우, 상기 스타일 정보 처리 서버는 상기 스타일 정보 데이터베이스로부터 다수의 스킨 데이터를 추출하여 전송하며,When the skin data request information is received from the user client, the style information processing server extracts and transmits a plurality of skin data from the style information database. 상기 사용자 클라이언트에서 구동되는 스크립트는,The script running in the user client, 상기 전송된 스킨 데이터 중 사용자가 선택한 스킨의 스킨 데이터를 일시적으로 저장한 후, 사용자가 특정 스타일 요소를 편집할 경우, 해당 스타일 요소에 대한 부분 스타일 데이터를 생성하고, 상기 생성된 부분 스타일 데이터를 상기 일시적으로 저장된 스킨 데이터에 반영하는 것을 특징으로 하는 웹문서 편집 서비스 제공 시스템. After temporarily storing skin data of a skin selected by the user among the transmitted skin data, when the user edits a specific style element, partial style data of the corresponding style element is generated and the generated partial style data is recalled. Web document editing service providing system, characterized in that reflected in the temporarily stored skin data. 제6항에 있어서,The method of claim 6, 상기 스타일 정보 데이터베이스에는 스킨 데이터와 연관하여 스킨의 스타일 이미지를 저장하고, 상기 스타일 이미지는 상기 스킨 데이터와 함께 상기 사용자 클라이언트로 전송되며, 상기 스크립트는 상기 수신된 스킨 스타일 이미지를 표시하는 것을 특징으로 하는 웹문서 편집 서비스 제공 시스템. The style information database stores a style image of a skin in association with skin data, the style image is transmitted to the user client along with the skin data, and the script displays the received skin style image. Web document editing service providing system. 제6항에 있어서,The method of claim 6, 상기 스크립트는 사용자가 선택한 스킨 데이터에서 사용자가 편집한 특정 스타일 요소에 상응하는 데이터 부분을 판단하고, 상기 데이터 부분에 상기 부분 스타일 데이터를 반영하는 것을 특징으로 하는 웹문서 편집 서비스 제공 시스템. And the script determines a data portion corresponding to a specific style element edited by the user from the skin data selected by the user, and reflects the partial style data on the data portion.

Images