KR101509392B1 - Method for making homepage on the world wide web therefor - Google Patents

Method for making homepage on the world wide web therefor Download PDF

Info

Publication number
KR101509392B1
KR101509392B1 KR20140027957A KR20140027957A KR101509392B1 KR 101509392 B1 KR101509392 B1 KR 101509392B1 KR 20140027957 A KR20140027957 A KR 20140027957A KR 20140027957 A KR20140027957 A KR 20140027957A KR 101509392 B1 KR101509392 B1 KR 101509392B1
Authority
KR
South Korea
Prior art keywords
user
homepage
content
design
information
Prior art date
Application number
KR20140027957A
Other languages
Korean (ko)
Inventor
윤영조
Original Assignee
윤영조
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 윤영조 filed Critical 윤영조
Priority to KR20140027957A priority Critical patent/KR101509392B1/en
Application granted granted Critical
Publication of KR101509392B1 publication Critical patent/KR101509392B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services

Landscapes

  • Business, Economics & Management (AREA)
  • Tourism & Hospitality (AREA)
  • Health & Medical Sciences (AREA)
  • Economics (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • Physics & Mathematics (AREA)
  • General Business, Economics & Management (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The present invention is related to a method for making a website on the World Wide Web which allows a user to easily design a website with simple clicks and drags of the mouse, thereby substantially saving time and costs of making websites and enabling the user to easily make the beautiful websites just the way the user wants. To this end, the method for making a website performed by a web design server includes the following steps: a first step to receive and store content uploaded by the user; a second step to receive design information which includes at least one of backgrounds of the website designed by the user and layouts which is a frame to insert the content and covers at least parts of the backgrounds; a third step to arrange user-selected content on the layouts and manage the website with the arranged content online; and a fourth step to give out access privileges to certain terminals so that the terminals can gain access to the website. The fourth step involves choosing any one out of two modes including a mode of setting up a password and a mode of setting up a separate website address which allows users to access without requiring a password. As for the content, at least one of images, texts, and videos is included in the website design. In accordance with the present invention, the user does not need to type in a line of programming code and can create and revise websites with the use of his/her mouse only.

Description

웹 상에서 구현되는 홈페이지 제작방법{Method for making homepage on the world wide web therefor}{Method for making homepage on the web}

본 발명은 웹 상에서 사용자 고유의 디자인으로 손쉽게 홈페이지를 제작하기 위한 방법에 관한 것으로, 보다 상세하게는 웹 상에서 마우스의 드래그 또는 클릭으로 홈페이지를 디자인할 수 있도록 구성되어, 홈페이지 제작에 들어가는 사용자의 불필요한 노력과 비용을 혁신적으로 줄이고, 사용자가 원하는 모습 그대로 아름답고 유려한 홈페이지를 손쉽게 제작할 수 있는 홈페이지 제작방법에 관한 것이다.The present invention relates to a method for easily creating a homepage using a user's own design on the web, and more particularly, to a method for designing a homepage by dragging or clicking a mouse on the web, And a method of manufacturing a homepage that can easily produce a beautiful and cheerful homepage in the same manner as a user desires.

인터넷에서 홈페이지는 하이퍼텍스트 등으로 표현된다. 그런데, 이 하이퍼텍스트는 HTML이라는 언어로 작성되기 때문에 홈페이지를 제작하기 위해서는 반드시 HTML을 알아야 하는 것으로 인식되고 있었다. 그러나 나모 웹에디터와 같은 에디터(editor) 프로그램이 개발되면서 사용자들이 HTML을 전혀 모르더라도 홈페이지를 제작할 수 있는 환경이 조성되었다.
On the Internet, homepages are represented by hypertext. However, since this hypertext is written in the language of HTML, it has been recognized that it is necessary to know HTML in order to make a homepage. However, with the development of an editor program such as Namo Web Editor, users can create homepages even if they do not know HTML at all.

10-077079910-0770799 10-109177310-1091773

그러나 이러한 에디터 프로그램에 의해서 제작된 홈페이지를 웹 상에 공유하기 위해서는 서버 호스팅, 네트워크 트래픽, 각종 하드웨어 설정과 같은 복잡한 내용에 대한 지식이 요구되었다. 결국 사용자는 에디터 프로그램을 이용하여 홈페이지를 제작하여도 데스크탑, 노트북 등의 단말기에 저장할 수 있을 뿐, 이를 월드 와이드 웹(world wide web) 상에 올리기 위해서는 복잡한 과정을 거쳐야하는 문제점이 있었다.However, in order to share the homepage created by the editor program on the web, knowledge of complex contents such as server hosting, network traffic, and various hardware configuration is required. As a result, a user can create a homepage using an editor program and store the same on a terminal such as a desktop or a notebook computer. However, there is a problem in that a complicated process must be performed in order to upload it on the world wide web.

이러한 문제점들 때문에 사용자는 홈페이지의 제작을 전문 홈페이지 제작 기관에 의뢰할 수밖에 없는 것이 현실이다. 하지만, 홈페이지의 제작을 전문 홈페이지 제작 기관에 의뢰하게 되는 경우, 경제적으로 불리한 문제, 사용자가 의도한바와 다른 방향으로 홈페이지가 제작되는 문제, 홈페이지가 웹 상에 개시된 이후에 홈페이지를 수정하려면 의뢰한 전문 홈페이지 제작 기관을 거쳐서 수정해야 하므로 별도로 비용을 부담해야하고 수정이 느려지는 문제, 홈페이지를 신속하고 간편하게 운영하기 어려운 문제, 도메인을 구입해야하므로 사용자가 원하는 기간에만 홈페이지를 이용할 수 없는 문제가 있었다.Due to these problems, it is a reality that the user can only refer the production of the homepage to the homepage production agency. However, when the homepage production is commissioned to a specialized homepage production agency, there are economically disadvantageous problems, a problem in which the homepage is produced in a different direction than the user intended, a request to modify the homepage after the homepage is started on the web, There is a problem that it is necessary to bear the cost separately and the modification is slow, the problem that it is difficult to operate the homepage quickly and easily, and the homepage can not be used only for the user's desired period since the domain must be purchased.

본 발명은 이러한 문제점을 해결하기 위하여 창안된 것으로서, 본 발명의 목적은, 한 줄의 프로그래밍 코드도 필요없이 오직 마우스의 드래그와 드롭, 클릭만으로 사용자가 원하는 고유의 디자인을 손쉽게 홈페이지에 구현할 수 있고, 최신 웹 브라우저가 제공하는 거의 모든 디자인 효과(HTML5, CSS3, javascript 기반)를 별다른 지식 없이 구현할 수 있으며, 고유의 보관함을 제공함으로써 콘텐츠의 통합관리가 가능해지고, 사용하고 싶은 개인 도메인을 필요한 기간동안만 사용할 수 있게되며, 서버 호스팅, 네트워크 트래픽 이나 각종 하드웨어 설정 같은 복잡한 부분에 관해 사용자가 고민할 필요가 없도록 구성되는 홈페이지 제작방법을 제공하는 데에 있다.It is an object of the present invention, which is created to solve such a problem, that an object of the present invention can easily implement a unique design desired by a user by only dragging, dropping and clicking of a mouse without requiring a single line of programming code, Almost all design effects (HTML5, CSS3, javascript based) provided by modern web browsers can be implemented without any knowledge, and it is possible to manage integrated contents by providing unique archives, And to provide a homepage creation method that is configured so that users do not have to worry about complex parts such as server hosting, network traffic, or various hardware configurations.

이하 본 발명의 목적을 달성하기 위한 구체적 수단에 대하여 설명한다.Hereinafter, specific means for achieving the object of the present invention will be described.

본 발명의 목적은, 웹 제작 서버에 의해 수행되는 홈페이지 제작방법에 있어서, 사용자에 의해 업로드된 콘텐츠를 수신하는 제1단계; 홈페이지 배경의 적어도 일부를 점유하고 상기 콘텐츠가 삽입되는 프레임인 복수개의 레이아웃에 대한 디자인 정보를 수신하는 제2단계; 상기 복수개의 레이아웃 중 적어도 하나에 삽입되는, 상기 사용자에 의해 선택된 상기 콘텐츠의 정보를 수신하는 제3단계; 및 상기 선택된 콘텐츠가 삽입된 상기 레이아웃을 포함하는 홈페이지를 인터넷 웹 상에서 온라인으로 운영하는 제4단계;를 포함하고, 상기 콘텐츠는 특정 이미지, 사용자의 입력에 의해 도안되는 도형, 사용자의 입력에 의해 작성되는 텍스트 및 특정 동영상 중 적어도 하나를 포함하며, 상기 디자인 정보는 위치, 크기, 형상 및 색상 중 적어도 하나를 포함하고, 상기 디자인 정보는 사용자가 설정할 수 있도록 구성되는 것을 특징으로 하는 홈페이지 제작방법을 제공하여 달성될 수 있다.An object of the present invention is to provide a method of creating a homepage, which is performed by a web authoring server, comprising: a first step of receiving a content uploaded by a user; A second step of receiving design information for a plurality of layouts, which are frames in which at least a part of the home page background is occupied and the contents are inserted; A third step of receiving information of the content selected by the user, which is inserted into at least one of the plurality of layouts; And a fourth step of operating a home page including the layout in which the selected content is embedded, on the Internet, on the Internet. The content may be a specific image, a figure drawn by the user's input, Wherein the design information includes at least one of position, size, shape, and color, and the design information is configured to be user-configurable. .

또한 상기 제4단계에서는, 특정 단말기에서만 상기 홈페이지에 접속할 수 있도록 상기 특정 단말기에만 접속 권한을 부여하고, 상기 제4단계는 상기 홈페이지의 접속에 비밀번호를 설정하는 모드 및 비밀 번호 없이 접속이 허용되는 별도의 홈페이지 주소를 설정하는 모드 중 적어도 하나의 모드를 포함하는 것을 특징으로 할 수 있다.In the fourth step, the access right is granted only to the specific terminal so that the specific terminal can access the homepage only. In the fourth step, the mode for setting the password for accessing the homepage and the separate mode And a mode for setting a home page address of the home page.

또한 제4단계 이후에, 상기 제1단계 내지 제4단계에 의해 제작된 홈페이지의 정보를 상기 사용자의 단말기에 송신하는 제5단계; 상기 사용자의 단말기에서 상기 레이아웃의 디자인 정보 및 상기 콘텐츠의 디자인 정보 중 적어도 하나가 수정되고, 수정된 상기 레이아웃의 디자인 정보 및 수정된 상기 콘텐츠의 디자인 정보를 수신하는 제6단계; 및 상기 디자인 정보가 수정된 상기 콘텐츠 및 상기 디자인 정보가 수정된 상기 레이아웃을 포함하는 홈페이지를 인터넷 웹 상에서 온라인으로 운영하는 제7단계;를 더 포함할 수 있다.A fifth step of transmitting information of the homepage produced by the first through fourth steps to the terminal of the user after the fourth step; A sixth step of receiving at least one of design information of the layout and design information of the content in the user's terminal, and receiving design information of the modified layout and design information of the modified content; And a seventh step of operating a home page on the Internet web, which includes the content in which the design information is modified and the layout in which the design information is modified, online.

또한 상기 레이아웃에는 상기 사용자의 선택에 의해 메뉴 및 갤러리 중 적어도 하나를 배치하고, 상기 메뉴는, 클릭 시 사용자의 홈페이지 상에서 특정 페이지로 연결되는 구성을 의미하며, 상기 갤러리는, 사용자에 의해 업로드되는 복수개의 콘텐츠 중 적어도 하나를 포함하며 특정 배열로 배치되는 구성을 의미하고, 상기 갤러리에 배치된 상기 복수개의 콘텐츠 중 적어도 하나가 홈페이지 이용자에 의해 선택되는 경우, 상기 선택된 콘텐츠에 특정 시각 효과를 부여하여 디스플레이하는 것을 특징으로 할 수 있다.In the layout, at least one of a menu and a gallery is arranged according to a user's selection, and the menu is linked to a specific page on a user's homepage when clicked. Means a configuration in which at least one of the contents is arranged in a specific arrangement, and when at least one of the plurality of contents arranged in the gallery is selected by a user of the homepage, .

또한 상기 특정 시각 효과는 확대, 반전, 색상 변화 및 이동 중 적어도 하나를 포함하는 것을 특징으로 할 수 있다.In addition, the specific visual effect may include at least one of magnification, inversion, hue change, and movement.

또한 상기 사용자가 자판 없이도 상기 레이아웃 및 콘텐츠 중 적어도 하나의 디자인 정보를 설정할 수 있도록 구성되는 것을 특징으로 할 수 있다.And the design information of at least one of the layout and the content can be set by the user without using a keyboard.

또한 상기 홈페이지는 HTML, CSS 및 javascript 중 적어도 하나를 기반으로 운영되는 것을 특징으로 할 수 있다.Also, the home page may be operated based on at least one of HTML, CSS, and javascript.

또한 사용자가 설정하는 인터넷 주소를 통한 상기 홈페이지로의 접속을 허용하는 것을 특징으로 할 수 있다.And allows access to the homepage through an Internet address set by a user.

또한 상기 레이아웃에는, 상기 콘텐츠, 메뉴 및 갤러리 중 적어도 하나만 배치될 수 있고, 상기 메뉴는, 클릭 시 사용자의 홈페이지 상에서 특정 페이지로 연결되는 구성을 의미하며, 상기 갤러리는, 사용자에 의해 업로드되는 복수개의 콘텐츠 중 적어도 하나를 포함하며 특정 배열로 배치되는 구성을 의미하고, 상기 갤러리에 배치된 상기 복수개의 콘텐츠가 홈페이지 이용자에 의해 선택되는 경우, 상기 선택된 콘텐츠에 특정 시각 효과를 부여하여 디스플레이하는 것을 특징으로 할 수 있다.
The layout may include at least one of the content, the menu, and the gallery. The menu may be linked to a specific page on the user's homepage when the user clicks the content. The gallery may include a plurality of The content is displayed in a specific arrangement including at least one of the contents, and when the plurality of contents arranged in the gallery are selected by a user of the website, can do.

상기한 바와 같이, 본 발명에 의하면 이하와 같은 효과가 있다.As described above, the present invention has the following effects.

첫째, 본 발명의 일실시예에 따르면 사용자는 단 한 줄의 프로그래밍 코드도 필요 없이, 오직 마우스만으로 홈페이지를 디자인하고 수정할 수 있는 효과가 있다. 스마트폰 또는 태블릿에서 구현되는 경우에는 손가락 또는 터치펜만을 이용할 수 있다.First, according to an embodiment of the present invention, a user can design and modify a homepage with only a mouse without requiring a single line of programming code. When implemented in a smartphone or tablet, only a finger or a touch pen can be used.

둘째, 본 발명의 일실시예에 따르면 사용자는 웹 상에 흩어진 채로 관리하던 콘텐츠를 통합하여 하나의 데이터베이스에서 관리할 수 있는 효과가 있다.Second, according to one embodiment of the present invention, a user can manage content distributed and managed on a web in a single database.

셋째, 본 발명의 일실시예에 따르면 복잡한 설정없이 사용하고 싶은 개인 도메인을 손쉽게 설정하여 사용할 수 있는 효과가 있다.Third, according to an embodiment of the present invention, it is possible to easily set and use a private domain that is desired to be used without complicated setting.

넷째, 본 발명의 일실시예에 따르면 사용자가 서버 호스팅, 네트워크 트래픽이나 각종 하드웨어 설정과 같은 복잡한 부분을 고려할 필요 없는 효과가 있다.Fourth, according to an embodiment of the present invention, a user does not have to consider complex parts such as server hosting, network traffic, and various hardware settings.

다섯째, 본 발명의 일실시예에 따르면 사용자가 필요한 기간 동안만 도메인과 홈페이지를 이용할 수 있도록 구성되는 효과가 있다.Fifth, according to an embodiment of the present invention, a user can use a domain and a homepage only for a necessary period.

여섯째, 본 발명의 일실시예에 따르면 사용자에게 허락된 홈페이지 이용자만 홈페이지를 열람할 수 있는 비밀모드를 제공하는 효과가 있다.Sixth, according to one embodiment of the present invention, there is an effect of providing a secret mode in which only the user of the homepage allowed to access the homepage can browse the homepage.

일곱째, 본 발명의 일실시예에 따르면 디자인적인 홈페이지를 구성하기 위해서 필요한 최소한의 구성과 컴포넌트로 디자인 관리창이 구성되기 때문에, 사용자는 별도의 학습이 필요없고, 홈페이지 제작에 부담을 느끼지 않아서 홈페이지 제작상의 효율성이 향상되는 효과가 있다.
Seventh, according to the embodiment of the present invention, since the design management window is constituted by the minimum configuration and components necessary for constituting the design homepage, the user does not need to learn separately and does not feel burden to the homepage production, The efficiency is improved.

본 명세서에 첨부되는 다음의 도면들은 본 발명의 바람직한 실시예를 예시하는 것이며, 발명의 상세한 설명과 함께 본 발명의 기술사상을 더욱 이해시키는 역할을 하는 것이므로, 본 발명은 그러한 도면에 기재된 사항에만 한정되어 해석되어서는 아니 된다.
도 1은 본 발명의 일실시예에 따른 홈페이지 제작방법이 구현되는 홈페이지 제작 시스템을 도시한 모식도,
도 2는 본 발명의 일실시예에 따른 홈페이지 제작방법을 도시한 흐름도,
도 3은 본 발명의 일실시예에 따른 초기화면,
도 4 내지 도 15는 본 발명의 일실시예에 따른 디자인 관리창의 메인 페이지,
도 16은 본 발명의 일실시예에 따른 디자인 관리창의 포토 페이지,
도 17은 본 발명의 일실시예에 따른 디자인 관리창의 프로필 페이지,
도 18은 본 발명의 일실시예에 따른 미리보기 창,
도 19 내지 도 21은 본 발명의 일실시예에 따른 콘텐츠 관리창,
도 22 내지 도 25는 본 발명의 일실시예에 따른 설정 관리창,
도 26은 본 발명의 일실시예에 따른 비밀모드가 설정된 초기화면,
도 27은 본 발명의 일실시예에 따라 제작된 홈페이지의 예시를 도시한 것이다.
BRIEF DESCRIPTION OF THE DRAWINGS The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate preferred embodiments of the invention and, together with the description, And shall not be interpreted.
1 is a schematic diagram showing a homepage production system in which a homepage production method according to an embodiment of the present invention is implemented;
FIG. 2 is a flowchart illustrating a method of manufacturing a homepage according to an embodiment of the present invention;
FIG. 3 is a diagram illustrating an initial screen according to an embodiment of the present invention,
FIGS. 4 to 15 illustrate a main page of a design management window according to an embodiment of the present invention,
FIG. 16 is a view showing a photo page of a design management window according to an embodiment of the present invention,
17 is a view showing a profile page of a design management window according to an embodiment of the present invention,
FIG. 18 is a view showing a preview window according to an embodiment of the present invention,
FIGS. 19 to 21 show a content management window according to an embodiment of the present invention,
22 to 25 show a configuration management window according to an embodiment of the present invention,
26 is a diagram illustrating an initial screen in which a secret mode is set according to an embodiment of the present invention,
FIG. 27 illustrates an example of a home page produced according to an embodiment of the present invention.

이하 첨부된 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 본 발명을 쉽게 실시할 수 있는 실시예를 상세히 설명한다. 다만, 본 발명의 바람직한 실시예에 대한 동작원리를 상세하게 설명함에 있어서 관련된 공지기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략한다.DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the following detailed description of the operation principle of the preferred embodiment of the present invention, a detailed description of known functions and configurations incorporated herein will be omitted when it may unnecessarily obscure the subject matter of the present invention.

또한, 도면 전체에 걸쳐 유사한 기능 및 작용을 하는 부분에 대해서는 동일한 도면 부호를 사용한다. 명세서 전체에서, 어떤 부분이 다른 부분과 연결되어 있다고 할 때, 이는 직접적으로 연결되어 있는 경우뿐만 아니라, 그 중간에 다른 소자를 사이에 두고, 간접적으로 연결되어 있는 경우도 포함한다. 또한, 어떤 구성요소를 포함한다는 것은 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라, 다른 구성요소를 더 포함할 수 있는 것을 의미한다.
The same reference numerals are used for portions having similar functions and functions throughout the drawings. Throughout the specification, when a part is connected to another part, it includes not only a case where it is directly connected but also a case where the other part is indirectly connected with another part in between. In addition, the inclusion of an element does not exclude other elements, but may include other elements, unless specifically stated otherwise.

홈페이지 제작 시스템Homepage production system

본 발명의 일실시예에 따른 홈페이지 제작 시스템은 사용자 단말기(3), 디자인 데이터베이스(12), 콘텐츠 데이터베이스(14) 및 설정 데이터베이스(16)를 포함하는 웹 제작 서버(10)와 홈페이지 이용자 단말기(5)가 통신망을 통해 연동 접속된 네트워크 환경을 포함할 수 있다. 사용자 단말기(3)에서 웹 제작 서버(10)에 접속하여, 웹 제작 서버(10)에 연결된 디자인 데이터베이스(12), 콘텐츠 데이터베이스(14), 및 설정 데이터베이스(16)를 이용하여 고유의 홈페이지를 제작한다. 제작된 홈페이지가 웹 제작 서버(10)에 의해 공개되도록 사용자가 설정하면, 홈페이지 이용자 단말기(5)에서 웹 제작 서버(10)에 접속하여 사용자가 제작한 홈페이지를 서핑할 수 있게 된다.The home page production system according to an embodiment of the present invention includes a web production server 10 including a user terminal 3, a design database 12, a content database 14 and a setting database 16, May include a network environment that is linked and connected through a communication network. The user terminal 3 accesses the web production server 10 and creates a unique homepage using the design database 12, content database 14 and setting database 16 connected to the web production server 10 do. When the user sets the created homepage to be displayed by the web production server 10, the homepage user terminal 5 can access the web production server 10 and surf the homepage created by the user.

본 발명의 일실시예에 따른 웹 제작 서버(10)는 사용자의 홈페이지 제작 편의를 위하여 여러가지의 서비스를 제공한다. 본 발명의 일실시예에 따른 웹 제작 서버(10)에서 제공되는 홈페이지는 페이지, 레이아웃, 컴포넌트로 구성되고, 컴포넌트는 텍스트, 이미지, 동영상, 도형 등의 콘텐츠와, 메뉴, 갤러리 등을 포함할 수 있다. 페이지는 사용자가 제작하는 홈페이지의 배경을 의미하고, 레이아웃은 페이지의 적어도 일부를 점유하고 컴포넌트가 삽입되는 프레임을 의미하며, 컴포넌트는 레이아웃에 삽입되는 콘텐츠, 메뉴, 갤러리를 의미할 수 있다. 컴포넌트 중 메뉴는 복수개의 페이지로 구성되는 홈페이지에서, 각 페이지에 대한 링크를 의미한다. 컴포넌트 중 갤러리는 이미지, 도형 또는 동영상 등의 콘텐츠가 홈페이지 이용자에 의해 선택되는 경우, 선택된 콘텐츠를 디스플레이하도록 구성되는 컴포넌트를 의미한다.The web production server 10 according to an embodiment of the present invention provides various services for the convenience of user's homepage creation. The homepage provided in the web production server 10 according to an embodiment of the present invention is composed of pages, layouts, and components, and the components may include contents such as text, images, moving images, have. A page refers to a background of a home page produced by a user, a layout refers to a frame in which at least a part of a page is occupied and a component is inserted, and a component can refer to a content, a menu, and a gallery to be inserted in a layout. Among the components, the menu means a link to each page in the homepage which is composed of a plurality of pages. A gallery of components refers to a component that is configured to display selected content when content such as images, graphics, or animations is selected by a website user.

첫 번째 서비스로 웹 제작 서버(10)는, 사용자가 단 한 줄의 프로그래밍 코드 없이, 오직 마우스만으로 홈페이지를 디자인할 수 있는 환경을 제공하게 된다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜만으로 홈페이지를 디자인할 수 있다. 기존의 오프라인의 단말기에서 구현되는 디자인 프로그램, 문서작성 프로그램의 제작 도구와 유사한 인터페이스가 웹 상에서 직접 구현되는 환경을 웹 제작 서버(10)에서 제공하여, 사용자가 추가적인 지식 없이 손쉽게 홈페이지를 제작할 수 있게 되는 효과가 발생된다.As a first service, the web production server 10 provides an environment in which a user can design a homepage with only a mouse without a single line of programming code. In the case of a smartphone or tablet with a touch screen, a homepage can be designed with only a finger or a touch pen. The web production server 10 provides an environment in which an interface similar to a design program implemented in an existing offline terminal or an authoring tool of a document creation program is directly implemented on the web, so that a user can easily create a homepage without additional knowledge Effect is generated.

두 번째 서비스로, 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자가 최신 웹 브라우저가 제공하는 거의 모든 디자인 효과(HTML5, CSS3, javascript 기반)를 지원하는 다양한 레이아웃을 이용할 수 있게 되는 환경을 제공하게 된다.As a second service, since the home page is created in the environment provided by the web authoring server 10, the user can use various layouts supporting almost all design effects (HTML5, CSS3, javascript based) provided by the latest web browser And the like.

세 번째 서비스로, 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자가 도메인을 구입하지 않고서도 개인 도메인 주소를 설정하고 홈페이지와 연결될 수 있는 환경을 제공하게 된다.In the third service, since the homepage is created in the environment provided by the web authoring server 10, the user can set a personal domain address without purchasing a domain and provide an environment that can be connected to the homepage.

네 번째 서비스로, 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자는 서버, 호스팅, 네트워크 트래픽 또는 각종 하드웨어 설정과 같은 복잡한 문제를 고려하지 않아도 되고, 별도의 설치나 업그레이드 없이 안정적으로 홈페이지를 운영할 수 있는 환경이 제공되게 된다.As a fourth service, since the home page is created in the environment provided by the web authoring server 10, the user does not need to consider a complicated problem such as server, hosting, network traffic or various hardware settings, An environment in which a homepage can be stably operated can be provided.

다섯 번째 서비스로, 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자는 필요한 기간 동안만 웹 제작 서버(10)에 접속될 수 있도록 설정하는 것이 가능해지는 환경이 제공되게 된다. 기존에는 홈페이지를 운영하려면 도메인을 구입하여야 했기 때문에, 장기간 도메인 사용 계약을 맺거나, 도메인 주소를 구입하여야 하는 문제가 있었다.In the fifth service, since the home page is created in the environment provided by the web authoring server 10, the user is provided with an environment that can be set to be connected to the web authoring server 10 only for a necessary period of time. In order to operate a homepage, a domain has to be purchased. Therefore, there has been a problem that a long-term domain usage contract or a domain address must be purchased.

여섯 번째 서비스로, 콘텐츠 데이터베이스(14)를 포함하는 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자는 웹 또는 단말기 상에 흩어져있는 사용자의 콘텐츠를 콘텐츠 데이터베이스(14)에 저장하여 통합관리할 수 있으며, 통합 관리된 콘텐츠를 이용하여 효과적으로 홈페이지에 적용할 수 있는 환경이 제공되게 된다. 기존에는 이러한 클라우딩 서비스가 별도로 이용되고 있었고, 따라서 홈페이지를 제작하기 위해 필요한 콘텐츠들이 여러 공간에 흩어진 채로 존재하게 되는 문제가 있었다.
In the sixth service, since the homepage is created in the environment provided by the web authoring server 10 including the content database 14, the user stores the content of the user scattered on the web or the terminal in the content database 14 And it is possible to provide an environment that can be effectively applied to the homepage by using the integrated managed content. In the past, such a clouding service has been used separately, and therefore there has been a problem that contents necessary for producing a homepage are scattered in various spaces.

홈페이지 제작방법How to make homepage

본 발명의 일실시예에 따른 홈페이지 제작방법은, 사용자 단말기(3), 디자인 데이터베이스(12), 콘텐츠 데이터베이스(14) 및 설정 데이터베이스(16)를 포함하는 웹 제작 서버(10)와 홈페이지 이용자 단말기(5)가 통신망을 통해 연동 접속된 네트워크 환경인 홈페이지 제작 시스템에서, 웹 제작 서버(10)에 의해 수행되는 홈페이지 제작방법으로서, 사용자 단말기(3)로부터 통신망을 통하여 사용자 계정 정보를 포함하는 접속요청을 수신하는 접속 단계, 및 사용자의 선택에 따라 디자인 관리모드, 콘텐츠 관리모드 또는 설정 관리모드로 진입하도록 접속을 허용하는 모드 선택 단계를 포함할 수 있다.A method of manufacturing a homepage according to an embodiment of the present invention includes a web production server 10 including a user terminal 3, a design database 12, a content database 14, and a setting database 16, 5 is a network environment in which a user terminal 3 and a user terminal 3 are linked and connected via a communication network. The user terminal 3 sends a connection request including user account information through the communication network And a mode selection step of allowing a connection to enter the design management mode, the content management mode, or the setting management mode according to the selection of the connection step and the user's selection.

사용자 계정 정보는 사용자가 제작하고 수정한 홈페이지의 디자인 정보, 사용자가 업로드하고 수정한 콘텐츠 정보 및 사용자 정보와 홈페이지 정보를 포함하는 설정 정보를 포함할 수 있다.The user account information may include design information of a homepage created and modified by a user, content information uploaded and modified by a user, and setting information including user information and homepage information.

디자인 정보는, 사용자가 제작하는 홈페이지의 배경인 페이지, 페이지의 적어도 일부를 점유하고 컴포넌트가 삽입되는 프레임인 레이아웃, 및 레이아웃과 페이지 중 적어도 하나에 삽입되는 컴포넌트 중 적어도 하나의 디자인 정보를 포함할 수 있다. 이러한 페이지, 레이아웃 및 컴포넌트의 디자인 정보는 위치, 크기, 형상, 내용 및 색상 중 적어도 하나를 포함할 수 있다. 또한 이와 더불어 콘텐츠의 내용, 보정 사항 등을 포함할 수 있다. 이러한 디자인 정보는 웹 제작 서버(10)에 연결된 디자인 데이터베이스(12)에 저장되고 관리되게 된다. 컴포넌트에는 텍스트, 이미지 등의 콘텐츠와 갤러리, 메뉴 등이 포함될 수 있다.The design information may include at least one design information among a page that is a background of a home page produced by a user, a layout that occupies at least a part of the page and which is a frame into which a component is inserted, and a component that is inserted into at least one of a layout and a page have. The design information of such pages, layouts, and components may include at least one of location, size, shape, content, and color. In addition, contents of contents, correction items, and the like can be included. The design information is stored and managed in the design database 12 connected to the web production server 10. The components may include content such as text and images, galleries, menus, and the like.

콘텐츠 정보는, 문서, 이미지 및 동영상 정보 중 적어도 하나를 포함하고, 웹 제작 서버(10)에 연결된 콘텐츠 데이터베이스(14)에 저장되고 관리되게 된다. 또한 태그 시스템을 지원하여 콘텐츠를 손쉽게 분류할 수 있도록 구성할 수 있다. 또한 비공개 설정, 휴지통 기능 등을 제공하여 사용자가 효과적으로 콘텐츠 노출과 보관을 관리할 수 있도록 구성할 수 있다. 또한 웹 제작 서버(10)가 사용자의 각종 SNS 계정과 연결되어 웹 상에 흩어진 사용자의 콘텐츠를 모두 수집할 수 있도록 구성될 수 있다. 사용자는 본 발명의 일실시예에 따른 홈페이지 제작 시스템에 의해, 사용자의 콘텐츠 정보를 콘텐츠 관리창에 HTML5 API 기반의 드래그 앤 드롭 방식으로 간편하게 업로드할 수 있는 환경을 제공받을 수 있다. 이러한 클라우딩 서비스가 홈페이지 제작 시스템에 포함됨으로써, 종래보다 효율적이고 신속하며 창의적인 홈페이지 제작이 가능하도록 하는 효과가 발생된다.The content information includes at least one of document, image, and moving image information and is stored and managed in a content database 14 connected to the web production server 10. [ In addition, the tag system can be supported to easily classify contents. It can also be configured to allow users to effectively manage content exposure and archiving by providing private settings, a trash can, and more. In addition, the web production server 10 may be configured to collect all contents of users scattered on the web in connection with various SNS accounts of the user. The user can be provided with an environment in which user's content information can be easily uploaded to the content management window by a drag-and-drop method based on HTML5 API by the homepage production system according to an embodiment of the present invention. This clouding service is included in the homepage creation system, so that it is possible to make a homepage more efficient, quick and creative than before.

설정 정보는, 사용자 정보, 홈페이지 주소, 홈페이지 이름, 홈페이지 공개 여부, 비밀모드 여부 중 적어도 하나를 포함하고, 웹 제작 서버(10)에 연결된 설정 데이터베이스(16)에 저장되고 관리되게 된다. 사용자 정보는 사용자의 아이디, 비밀번호, 이메일 주소, 결제여부 및 내역, 사용기한 등을 포함할 수 있다. 홈페이지 주소는 사용자가 제작한 홈페이지의 웹 주소를 의미하고, 본 발명의 일실시예에 따른 홈페이지 제작 시스템은 사용자가 사용하고 싶은 개인 도메인을 손쉽게 설정하여 사용할 수 있도록 구성된다. 홈페이지 이름은 사용자가 제작한 홈페이지의 제목을 의미하며, 사용자가 사용하고 싶은 이름을 사용할 수 있다. 홈페이지 공개 여부는 사용자가 제작한 상기 홈페이지를 웹 상에 개시하였는지 여부를 의미하고, 본 발명의 일실시예에 따른 홈페이지 제작 시스템은 설정관리창 내에서 이를 수정할 수 있도록 구성된다. 비밀모드 여부는 사용자가 제작한 홈페이지에 비밀번호를 설정하거나, 새로운 주소를 부여하여 특정 이용자만 상기 홈페이지를 이용할 수 있도록 구성되는 비밀모드의 활성화 여부를 의미하고, 설정관리창 내에서 이를 수정할 수 있도록 구성된다.
The setting information includes at least one of user information, a homepage address, a homepage name, a homepage disclosure status, and a secret mode existence, and is stored and managed in a setting database 16 connected to the web production server 10. The user information may include the user's ID, password, e-mail address, whether or not to make a payment, and the usage period. The homepage address means a web address of a homepage created by a user, and the homepage creation system according to an embodiment of the present invention is configured to easily set and use a personal domain that a user wants to use. The homepage name means the title of the homepage created by the user, and the name that the user wants to use can be used. Whether or not the homepage is opened means that the homepage created by the user has been started on the web, and the homepage production system according to an embodiment of the present invention is configured to be able to modify it in the setting management window. Whether or not the secret mode is set means that a secret mode is configured to allow a specific user to use the homepage by setting a password on a homepage created by the user or giving a new address, do.

도 2는 본 발명의 일실시예에 따른 홈페이지 제작방법을 도시한 흐름도이다. 도 2에 도시된 바와 같이, 사용자가 사용자 단말기(3)를 이용하여 웹 제작 서버(10)에 접속하게 되는 단계(S100), 사용자가 디자인 관리모드(S110), 콘텐츠 관리모드(S120) 또는 설정 관리모드(S130)을 선택하는 단계로 진행되게 된다. 디자인 관리모드(S110)는 레이아웃 설정(S111), 페이지 설정(S112) 및 컴포넌트 설정(S113)을 포함할 수 있다. 콘텐츠 관리모드(S120)는 메뉴(S121), 이미지(S122), 갤러리(S123) 및 텍스트(S124)의 설정을 포함할 수 있다. 또한 설정 관리모드(S130)는 사용자 설정(S131), 홈페이지 설정(S132), 공개여부 설정(S133) 및 비밀모드 설정(S134)를 포함할 수 있다.2 is a flowchart illustrating a method of manufacturing a homepage according to an embodiment of the present invention. A step S100 in which the user accesses the web production server 10 using the user terminal 3 as shown in Fig. 2; a step S100 in which the user designates the design management mode S110, the content management mode S120, The process proceeds to the step of selecting the management mode (S130). The design management mode S110 may include a layout setting S111, a page setting S112, and a component setting S113. The content management mode S120 may include setting of the menu S121, the image S122, the gallery S123, and the text S124. Also, the setting management mode S130 may include a user setting S131, a homepage setting S132, a disclosure setting S133, and a secret mode setting S134.

이하에서는 이러한 홈페이지 제작방법에 따라 구현되는 홈페이지 제작 사이트의 일실시예을 통해 본 발명의 특징을 기술한다.
Hereinafter, the features of the present invention will be described with reference to an embodiment of a homepage creation site implemented according to the homepage creation method.

홈페이지 제작 사이트Homepage creation site

초기화면Initial Screen

도 3은 본 발명의 일실시예에 따른 초기화면을 도시한 것이다. 도 3에 도시된 바와 같이, 초기화면(100)에는 사용자 정보(102), 홈페이지 정보(104), 디자인 관리모드(110), 콘텐츠 관리모드(120), 설정 관리모드(130)이 표시될 수 있다. 3 shows an initial screen according to an embodiment of the present invention. 3, the user information 102, the homepage information 104, the design management mode 110, the content management mode 120, and the setting management mode 130 may be displayed on the initial screen 100 have.

사용자 정보(102)에는 사용자의 이름, 사진 및 비밀번호 수정에 관한 링크(102a)가 표시될 수 있다. 또한 이메일 주소, 이메일 인증 여부, 관심분야(102b) 등이 표시될 수 있다. 또한 결제여부, 계정 종류, 사용 기한(102c) 등이 표시될 수 있다.In the user information 102, a link 102a relating to user's name, photograph, and password modification may be displayed. Also, an e-mail address, e-mail authentication status, interest field 102b, and the like may be displayed. Also, payment can be displayed, account type, expiration date (102c), and the like.

홈페이지 정보(104)에는 홈페이지 이름, 홈페이지 주소, 홈페이지 공개 여부, 비밀모드 여부 등이 표시될 수 있으며, 수정 버튼을 별도로 구비하여 수정 버튼 클릭 시 곧바로 설정 관리모드(130)에 진입되어 홈페이지 정보를 수정할 수 있도록 구성될 수 있다.In the homepage information 104, a homepage name, a homepage address, whether the homepage is open, whether a secret mode is displayed, and the like can be displayed. When a modification button is clicked, a modification management mode 130 is entered immediately, Or < / RTI >

디자인 관리모드(110)는 홈페이지의 디자인을 제작, 수정 등의 작업을 하기 위한 모드로의 진입을 요청하는 버튼, 링크이다. 콘텐츠 관리모드(120)는 콘텐츠 데이터베이스(14)에 저장되는 콘텐츠를 분류, 업로드하고 삭제하는 등 관리하기 위한 모드로의 진입을 요청하는 버튼, 링크이다. 설정 관리모드(130)는 사용자 정보 및 홈페이지 정보 중 적어도 하나 이상을 생성, 수정하기 위한 모드로의 진입을 요청하는 버튼, 링크이다. 디자인 관리모드, 콘텐츠 관리모드 또는 설정 관리모드의 버튼을 클릭하면 각각의 모드로 진입하는 것이 허용된다. 이하에서는 각각의 모드로 진입한 후를 설명한다.
The design management mode 110 is a button or a link for requesting entry into a mode for creating and modifying a design of a homepage. The content management mode 120 is a button or a link for requesting entry into a mode for managing, such as classifying, uploading and deleting content stored in the content database 14. The setting management mode 130 is a button or a link for requesting entry into a mode for creating and modifying at least one of user information and homepage information. When the buttons in the design management mode, the content management mode, or the setting management mode are clicked, it is allowed to enter each mode. Hereinafter, description will be made after entering each mode.

디자인 design 관리모드Management mode

본 발명의 일실시예에 따른 디자인 관리모드는, 통신망을 통하여 접속된 사용자 단말기로 디자인 관리창 정보를 전송하는 단계, 접속된 사용자 단말기의 디자인 관리창에 입력된 디자인 정보를 통신망을 통하여 수신하는 단계, 및 수신된 디자인 정보를 디자인 데이터베이스에 저장시키는 단계를 포함할 수 있다. 본 발명의 일실시예에 따른 디자인 관리창에서는, 사용자가 마우스의 드래그와 드롭, 또는 클릭 등으로 페이지, 레이아웃 및 컴포넌트 중 적어도 하나의 디자인 정보를 설정할 수 있도록 구성될 수 있다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜만으로 홈페이지를 디자인할 수 있다. 이에 의해 사용자는 프로그래밍 코드를 알지 못하더라도 손쉽게 사용자 고유의 디자인으로 구현되는 홈페이지를 제작할 수 있는 효과가 있다.The design management mode according to an exemplary embodiment of the present invention includes transmitting design management window information to a user terminal connected through a communication network, receiving design information input through a communication network, , And storing the received design information in the design database. In the design management window according to an exemplary embodiment of the present invention, a user can configure at least one of design information of a page, a layout, and a component by dragging, dropping, or clicking on the mouse. In the case of a smartphone or tablet with a touch screen, a homepage can be designed with only a finger or a touch pen. Accordingly, even if the user does not know the programming code, the user can easily create a homepage that is implemented in a user's own design.

상기의 컴포넌트는 메뉴, 이미지, 동영상, 도형, 텍스트 및 갤러리 중 적어도 하나를 포함하고, 컴포넌트 중 메뉴는 클릭 시 사용자의 홈페이지 상에서 특정 페이지로 연결되는 구성을 의미하고, 이미지는 사용자 단말기(3) 또는 콘텐츠 데이터베이스(14)에 저장된 이미지 콘텐츠를 의미하며, 동영상은 사용자 단말기(3) 또는 콘텐츠 데이터베이스(14)에 저장된 동영상 콘텐츠와 유투브(youtube.com)와 같은 별도의 사이트에서 제공하는 API를 로드한 동영상 콘텐츠를 의미하고, 도형은 사용자가 직접 도안이 가능하도록 구성되는 도형 콘텐츠를 의미하며, 텍스트는 사용자가 직접 텍스트의 입력 및 수정이 가능한 프레임을 의미하고, 갤러리는 사용자 단말기(3) 또는 콘텐츠 데이터베이스(14)에 저장된 이미지 콘텐츠를 적어도 하나 포함하며 이미지 콘텐츠가 홈페이지 이용자에 의해 선택되는 경우, 선택된 이미지 콘텐츠를 사용자가 설정한 방식에 따라 디스플레이하는 구성을 의미할 수 있다.
The above-mentioned components include at least one of a menu, an image, a moving picture, a graphic, a text, and a gallery, and a menu among the components refers to a configuration where a menu is linked to a specific page on a user's homepage when clicked. Refers to image content stored in the content database 14 and the video includes video content stored in the user terminal 3 or the content database 14 and videos loaded with an API provided by a separate site such as youtube.com The graphic means a frame in which a user can directly input and modify text, and the gallery is a user terminal 3 or a content database (for example, 14) and the image content is stored in the home page If not to be taken by the user, and the selected image content may mean a structure for displaying in accordance with the method set by the user.

본 발명의 일실시예에 따른 디자인 관리모드에 진입하게 되면, 디자인 관리창이 표시될 수 있다. 도 4 내지 도 15는 본 발명의 일실시예에 따른 디자인 관리창의 메인 페이지를 도시한 것이다. 도 4 내지 도 15에 도시된 바와 같이 디자인 관리창(111)은 선택바(112), 작업바(114), 사이드바(116), 종료 버튼(118), 미리보기(119)를 포함할 수 있고, 작업 공간은 페이지(110a), 레이아웃(110b), 컴포넌트(110c)를 포함할 수 있다.When entering the design management mode according to an embodiment of the present invention, a design management window can be displayed. 4 to 15 show a main page of a design management window according to an embodiment of the present invention. 4 to 15, the design management window 111 may include a selection bar 112, a task bar 114, a sidebar 116, an end button 118, and a preview 119 And the workspace may include a page 110a, a layout 110b, and a component 110c.

선택바(112)는 작업 공간의 구성요소를 선택할 수 있도록 구성되는 메뉴이고, 작업바(114)에는 선택바(112)에서 선택된 구성요소에 대한 작업요소가 곧바로 표시되게 된다. 선택바(112)에서는 기본적으로 레이아웃, 페이지, 컴포넌트를 선택할 수 있으며, 부가적으로 텍스트, 이미지, 동영상, 도형, 갤러리, 메뉴를 포함하는 컴포넌트에 대한 부가 선택 메뉴가 생성될 수 있다.The selection bar 112 is a menu configured to select the components of the workspace, and the operation bar for the component selected in the selection bar 112 is immediately displayed on the operation bar 114. In the selection bar 112, a layout, a page, and a component can be basically selected. In addition, an additional selection menu for a component including a text, an image, a moving picture, a graphic, a gallery, and a menu can be created.

작업바(114)는 선택바(112)에서 선택된 구성요소에 따라 각기 다른 작업요소를 표시하도록 구성될 수 있다. 도 5에 도시된 바와 같이 선택바(112)에서 레이아웃을 선택하는 경우에는 레이아웃의 형태를 선택할 수 있도록 작업바(114)에 3단 레이아웃 및 2단 레이아웃의 예시가 아이콘으로 표시될 수 있다. 작업바(114)에 표시된 레이아웃의 예시를 사용자가 클릭하여 손쉽게 레이아웃의 구성을 수정할 수 있다. 또한 작업공간에서 레이아웃의 프레임을 마우스의 드래그와 드롭을 이용하여 손쉽게 레이아웃의 크기를 늘리거나 줄일 수 있다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜으로 레이아웃의 크기를 수정할 수 있다.The task bar 114 may be configured to display different work elements depending on the components selected in the selection bar 112. [ 5, when selecting a layout in the selection bar 112, an example of a three-tier layout and a two-tier layout may be displayed as icons on the task bar 114 so that the layout can be selected. The user can easily click the example of the layout displayed on the task bar 114 to modify the layout of the layout. You can also easily increase or decrease the layout size by dragging and dropping the mouse over the frame of the layout in the workspace. In the case of a smartphone or tablet with a touch screen, the size of the layout can be modified with a finger or a touch pen.

도 6에 도시된 바와 같이 선택바(112)에서 페이지를 선택하는 경우에는 페이지 폭, 페이지 여백, 페이지 배경 등을 설정할 수 있도록 작업바(114)에 각각의 설정을 위한 아이콘이 표시될 수 있다. 본 발명의 일실시예에 따르면 페이지의 여백은 px 단위로 설정할 수 있으며, 페이지의 배경으로 색상, 이미지 또는 플래쉬와 같은 동영상을 선택할 수 있고, 페이지의 배경을 전체 반복할지, 페이지의 폭에 맞출지 등을 선택할 수 있다.6, when a page is selected in the selection bar 112, an icon for each setting may be displayed on the task bar 114 so that page width, page margin, page background, and the like can be set. According to one embodiment of the present invention, the margins of a page can be set in units of px, and a video such as color, image, or flash can be selected as the background of the page, and the background of the page can be completely repeated, And so on.

도 7에 도시된 바와 같이 선택바(112)에서 컴포넌트를 선택하는 경우에는 컴포넌트를 레이아웃에 삽입할 수 있도록 작업바(114)에 텍스트, 이미지, 동영상, 도형, 갤러리, 메뉴 등의 컴포넌트가 아이콘으로 표시될 수 있다. 작업바(114)에서 삽입할 컴포넌트의 아이콘을 선택하고, 삽입할 레이아웃을 선택하게 되면 선택된 레이아웃에 선택된 컴포넌트가 손쉽게 삽입되게 된다. 컴포넌트의 위치 및 크기는 마우스로 손쉽게 변경할 수 있다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜만으로 컴포넌트의 위치 및 크기를 수정할 수 있다. 본 발명의 일실시예에 따라 이미지를 삽입한 경우, 도 8과 같이 선택된 레이아웃에 이미지 창이 표시되게 된다. 표시된 이미지 창을 더블 클릭하는 경우, 도 9와 같이 이미지 등록창이 표시되게 된다. 이미지 등록창에서는 콘텐츠 데이터베이스(14)에 저장된 이미지도 삽입할 수 있고, 사용자 단말기(3)에 저장된 이미지도 업로드 할 수 있다. 사용자가 삽입할 이미지를 선택 또는 업로드하면 도 10에 도시된 바와 같이 이미지가 업로드 되게 된다. 도 10에 도시된 바와 같이 이미지의 위치, 크기를 마우스 또는 터치스크린에서 손가락 또는 터치펜으로 결정할 수 있도록 구성되어 사용자에게 손쉬운 홈페이지 제작 환경을 구현시켜준다.
When selecting a component in the selection bar 112 as shown in FIG. 7, components such as text, image, moving image, graphic, gallery, and menu are displayed as icons in the operation bar 114 Can be displayed. When the icon of the component to be inserted is selected in the operation bar 114 and the layout to be inserted is selected, the selected component is easily inserted into the selected layout. The location and size of components can be easily changed with a mouse. In the case of a smartphone or tablet with a touch screen, the position and size of the component can be modified with only the finger or the touch pen. When an image is inserted according to an embodiment of the present invention, an image window is displayed on the selected layout as shown in FIG. When the displayed image window is double-clicked, an image registration window is displayed as shown in FIG. In the image registration window, an image stored in the content database 14 can be inserted, and an image stored in the user terminal 3 can also be uploaded. When the user selects or uploads an image to be inserted, the image is uploaded as shown in FIG. As shown in FIG. 10, the position and size of the image can be determined by a finger or a touch pen on a mouse or a touch screen, thereby realizing an easy home page production environment for the user.

컴포넌트에 대한 부가 선택 메뉴에 대하여, 각 컴포넌트를 더블 클릭하여 선택하게 되면, 각 컴포넌트의 구체적인 작업을 위한 메뉴가 작업바(114)에 표시될 수 있다. 레이아웃과 관련하여, 도 11에 도시된 본 발명의 일실시예와 같이 작업 공간의 레이아웃을 선택하게 되면 선택바(112)에 '레이아웃 꾸미기'라는 부가 선택 메뉴가 표시되며, 작업바(114)에는 레이아웃에 대한 구체적인 작업을 위한 메뉴인 레이아웃 높이, 너비, 레이아웃 배경 설정 등이 표시되게 된다. When a component is selected by double-clicking on the additional selection menu for the component, a menu for the specific operation of each component can be displayed on the task bar 114. 11, when the layout of the work space is selected, an additional selection menu called 'decorating layout' is displayed on the selection bar 112, and the operation bar 114 is displayed on the operation bar 114 Layout height, width, layout background setting and so on are displayed for detailed work on layout.

텍스트와 관련하여, 도 12에 도시된 본 발명의 일실시예와 같이 작업 공간의 텍스트를 선택하게 되면 선택바(112)에 '텍스트 꾸미기'라는 부가 선택 메뉴가 표시되며, 작업바(114)에는 컴포넌트인 텍스트에 대한 구체적인 작업을 위한 메뉴인 글꼴 속성, 문단 속성, 색상, 음영, 하이퍼링크 등이 표시되게 된다.12, an additional selection menu called 'text decoration' is displayed on the selection bar 112 when the text of the work space is selected. On the operation bar 114, Font properties, paragraph attributes, colors, shading, hyperlinks, and the like are displayed for the concrete operation of the text that is a component.

메뉴와 관련하여, 도 13에 도시된 본 발명의 일실시예와 같이 작업 공간의 메뉴를 선택하게 되면 선택바(112)에 '메뉴 꾸미기'라는 부가 선택 메뉴가 표시되며, 작업바(114)에는 컴포넌트인 메뉴에 대한 구체적인 작업을 위한 메뉴인 글꼴 속성, 문단 속성, 색상, 음영 등이 표시되게 된다.13, when a menu of a work space is selected, an additional selection menu called 'menu decorating' is displayed on the selection bar 112, and a task bar 114 is displayed on the operation bar 114 Font properties, paragraph attributes, colors, shadows, etc. are displayed for the specific operation of the component menu.

갤러리와 관련하여, 도 14에 도시된 본 발명의 일실시예와 같이 작업 공간의 갤러리를 선택하게 되면 선택바(112)에 '갤러리 꾸미기'라는 부가 선택 메뉴가 표시되며, 작업바(114)에는 컴포넌트인 갤러리에 대한 구체적인 작업을 위한 메뉴인 행렬 설정, 여백 설정, 갤러리 액션 설정 등이 표시되게 된다. 갤러리 액션 설정은 홈페이지 이용자에 의해 갤러리의 특정 콘텐츠가 선택되는 경우, 표시되는 액션에 관한 설정으로서, 마우스를 가져가면 특정 콘텐츠의 제목을 보여준다던가, 클릭하면 특정 콘텐츠를 크게 확대 표시, 반전, 색상 변화 또는 이동 등의 액션을 포함할 수 있다. When a gallery of a work space is selected as in the embodiment of the present invention shown in FIG. 14, an additional selection menu 'Decorate a gallery' is displayed on the selection bar 112, and a task bar 114 The menu for the concrete operation of the component-in-gallery, the matrix setting, the margin setting, and the gallery action setting are displayed. A gallery action setting is a setting related to an action to be displayed when a specific content of a gallery is selected by a user of the website. The setting of the action is displayed when the user hides a mouse or displays a title of a specific content. Or < / RTI >

도 15는 본 발명의 일실시예에 따른 갤러리 추가창을 도시한 것이다. 도 15에 도시된 바와 같이 본 발명의 일실시예에 따르면 갤러리를 추가할 때 갤러리의 표시양태를 선택할 수 있도록 구성될 수 있다. 갤러리의 표시양태는 리스트, 모자이크, 그리드 등의 형태를 포함할 수 있다.
FIG. 15 illustrates a gallery addition window according to an embodiment of the present invention. As shown in FIG. 15, according to an embodiment of the present invention, when adding a gallery, the display mode of the gallery can be selected. The display aspect of the gallery may include a list, a mosaic, a grid, and the like.

본 발명의 일실시예에 따라 제작되는 홈페이지는 복수개의 페이지를 포함할 수 있다. 사용자는 사이드바(116)에서 작업하려는 페이지를 선택할 수 있다. 도 4 내지 도 5에서는 본 발명의 일실시예에 따른 디자인 관리창의 메인 페이지를 도시한 것이고, 도 16은 본 발명의 일실시예에 따른 디자인 관리창의 포토 페이지, 도 17은 본 발명의 일실시예에 따른 디자인 관리창의 프로필 페이지를 도시한 것이다. 도 16, 17에 도시된 바와 같이 사용자는 사이드바(116)에서 작업하려는 페이지를 선택하여 사용자 단말기(3)의 화면상에 디스플레이할 수 있고, 위에 기술된 방법과 같은 방법으로 홈페이지를 꾸밀 수 있다.
A homepage produced according to an embodiment of the present invention may include a plurality of pages. The user can select the page to be worked on in the sidebar 116. 4 to 5 show a main page of a design management window according to an embodiment of the present invention, FIG. 16 shows a photo page of a design management window according to an embodiment of the present invention, FIG. 17 shows an example of the present invention The profile page of the design management window according to FIG. As shown in FIGS. 16 and 17, the user can select a page to be operated on the side bar 116, display it on the screen of the user terminal 3, and decorate the home page in the same manner as described above .

종료 버튼(118)과 관련하여, 본 발명의 일실시예에 따른 종료 버튼(118)은 우측 상단에 구비되며, 디자인 관리모드를 종료하기 위한 버튼이다. 종료 버튼(118)을 클릭하면 디자인 관리창(111)이 종료되고 초기화면(100)이 사용자 단말기(3)의 화면에 표시된다.With respect to the end button 118, the end button 118 according to an embodiment of the present invention is provided at the right upper end and is a button for ending the design management mode. When the end button 118 is clicked, the design management window 111 is terminated and the initial screen 100 is displayed on the screen of the user terminal 3.

미리보기(119)와 관련하여, 본 발명의 일실시예에 따른 미리보기(119)는 우측 상단에 구비되며, 사용자가 제작한 홈페이지의 디자인이 실제로 어떻게 구현되는지 확인하기 위한 버튼이다. 도 18은 본 발명의 일실시예에 따른 미리보기 창의 실시예를 도시한 것이다. 도 18에 도시된 바와 같이, 실제 홈페이지 이용자 단말기(5)에서 구현되는 것과 같은 상태로 홈페이지의 디자인을 확인할 수 있다.
In connection with the preview 119, a preview 119 according to an exemplary embodiment of the present invention is provided at the upper right of the preview window 119, and is a button for checking how the design of the home page produced by the user is actually implemented. 18 shows an embodiment of a preview window according to an embodiment of the present invention. As shown in FIG. 18, the design of the homepage can be confirmed in the same state as it is implemented in the actual homepage user terminal 5.

콘텐츠 contents 관리모드Management mode

본 발명의 일실시예에 따른 콘텐츠 관리모드는, 통신망을 통하여 접속된 사용자 단말기(3)로 콘텐츠 관리창 정보를 전송하는 단계, 접속된 사용자 단말기(3)의 콘텐츠 관리창에 입력된 콘텐츠를 통신망을 통하여 수신하는 단계, 및 수신된 콘텐츠를 콘텐츠 데이터베이스(14)에 저장시키는 단계를 포함할 수 있다.The content management mode according to an embodiment of the present invention includes the steps of transmitting content management window information to a user terminal 3 connected via a communication network, , And storing the received content in the content database 14.

상기의 콘텐츠 관리창에서는, 콘텐츠 데이터베이스(14)에 저장된 콘텐츠를 업로드, 분류, 삭제, 또는 수정할 수 있도록 구성되며, 디자인 관리창(111)에서는, 사용자가 마우스만으로 콘텐츠 데이터베이스(14)에 저장된 콘텐츠를 컴포넌트로서 로드, 삭제 또는 수정할 수 있도록 구성될 수 있다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜만을 이용할 수 있다.
In the content management window, the content stored in the content database 14 can be uploaded, classified, deleted, or modified. In the design management window 111, the content stored in the content database 14 Can be configured to be loaded, deleted, or modified as a component. In the case of a smartphone or tablet with a touch screen, only a finger or a touch pen can be used.

본 발명의 일실시예에 따른 콘텐츠 관리 모드와 관련하여, 도 19 내지 도 21은 본 발명의 일실시예에 따른 콘텐츠 관리창을 도시한 것이다. 도 19 내지 도 21에 도시된 바와 같이, 본 발명의 일실시예에 따른 콘텐츠 관리창(121)은 선택바(122), 사이드바(124), 종료 버튼(126)을 포함할 수 있다. 선택바(122)에는 보관함, 업로드함, 삭제함을 의미하는 아이콘이 표시될 수 있으며, 각각의 아이콘을 클릭 시 설정된 저장공간이 화면상에 표시되게 된다. 사이드바(124)에는 사용자가 콘텐츠를 효율적으로 관리하기 위한 일환으로 콘텐츠의 그룹화가 가능하도록 하는 구성이다. 본 발명의 일실시예인 도 19에서는 콘텐츠의 태그를 이용하여 분류를 하였다. 종료 버튼(126)은 콘텐츠 관리 모드를 종료하고 초기화면(100)으로 돌아가기 위한 버튼이다.19 to 21 show a content management window according to an embodiment of the present invention, in relation to a content management mode according to an embodiment of the present invention. 19 to 21, the content management window 121 according to an exemplary embodiment of the present invention may include a selection bar 122, a sidebar 124, and an end button 126. In the selection bar 122, icons indicating storage, uploading, and deletion can be displayed. When the respective icons are clicked, the storage space set up is displayed on the screen. The sidebar 124 is configured to allow the user to group content in order to efficiently manage the content. In FIG. 19, which is an embodiment of the present invention, classification is performed using tags of contents. The end button 126 is a button for ending the content management mode and returning to the initial screen 100.

도 19는 본 발명의 일실시예에 따른 보관함을 도시한 것이다. 보관함에는 기저장 콘텐츠(128a)들이 표시될 수 있다. 이러한 기저장 콘텐츠(128a)들의 비밀 여부, 태그, 파일명 등을 관리하고 삭제할 수 있다. 도 20은 본 발명의 일실시예에 따른 업로드함을 도시한 것이다. 업로드함에는 업로드할 콘텐츠(128b)들이 표시될 수 있다. 도 21은 본 발명의 일실시예에 따른 삭제함을 도시한 것이다. 삭제함에는 삭제될 콘텐츠(128c)들이 표시될 수 있다.
Figure 19 illustrates a storage compartment in accordance with an embodiment of the present invention. The storage contents 128a may be displayed in the storage box. It is possible to manage and delete secrets, tags, file names, and the like of the stored contents 128a. 20 shows an upload according to an embodiment of the present invention. The contents to be uploaded 128b may be displayed in the upload box. Figure 21 illustrates a deletion in accordance with an embodiment of the present invention. Content to be deleted 128c may be displayed in the deletion box.

설정 Set 관리모드Management mode

본 발명의 일실시예에 따른 설정 관리모드는, 통신망을 통하여 접속된 사용자 단말기(3)로 설정 관리창 정보를 전송하는 단계, 접속된 사용자 단말기(3)의 설정 관리창에 입력된 설정 정보를 상기 통신망을 통하여 수신하는 단계, 및 수신된 설정 정보를 설정 데이터베이스(16)에 저장시키는 단계를 포함할 수 있다.The setting management mode according to an embodiment of the present invention includes the steps of transmitting setting management window information to the user terminal 3 connected via a communication network, setting the setting information input in the setting management window of the connected user terminal 3 Receiving the information through the communication network, and storing the received setting information in the setting database 16.

설정 정보는, 사용자 정보, 홈페이지 주소, 홈페이지 이름, 홈페이지 공개 여부, 비밀모드 여부 중 적어도 하나를 포함하고, 웹 제작 서버(10)에 연결된 설정 데이터베이스(16)에 저장되고 관리되게 된다. 사용자 정보는 사용자의 아이디, 비밀번호, 이메일 주소, 결제여부 및 내역, 사용기한 등을 포함할 수 있다. The setting information includes at least one of user information, a homepage address, a homepage name, a homepage disclosure status, and a secret mode existence, and is stored and managed in a setting database 16 connected to the web production server 10. The user information may include the user's ID, password, e-mail address, whether or not to make a payment, and the usage period.

홈페이지 주소는 사용자가 제작한 홈페이지의 웹 주소를 의미하고, 본 발명의 일실시예에 따른 홈페이지 제작 시스템은 사용자가 사용하고 싶은 개인 도메인을 손쉽게 설정하여 사용할 수 있도록 구성된다. 홈페이지 이름은 사용자가 제작한 홈페이지의 제목을 의미하며, 사용자가 사용하고 싶은 이름을 사용할 수 있다. 홈페이지 공개 여부는 사용자가 제작한 상기 홈페이지를 웹 상에 개시하였는지 여부를 의미하고, 본 발명의 일실시예에 따른 홈페이지 제작 시스템은 설정관리창 내에서 이를 수정할 수 있도록 구성된다. 비밀모드 여부는 사용자가 제작한 홈페이지에 비밀번호를 설정하거나, 새로운 주소를 부여하여 특정 이용자만 상기 홈페이지를 이용할 수 있도록 구성되는 비밀모드의 활성화 여부를 의미하고, 설정관리창 내에서 이를 수정할 수 있도록 구성된다.
The homepage address means a web address of a homepage created by a user, and the homepage creation system according to an embodiment of the present invention is configured to easily set and use a personal domain that a user wants to use. The homepage name means the title of the homepage created by the user, and the name that the user wants to use can be used. Whether or not the homepage is opened means that the homepage created by the user has been started on the web, and the homepage production system according to an embodiment of the present invention is configured to be able to modify it in the setting management window. Whether or not the secret mode is set means that a secret mode is configured to allow a specific user to use the homepage by setting a password on a homepage created by the user or giving a new address, do.

본 발명의 일실시예에 따른 설정 관리모드와 관련하여, 도 22 내지 도 25는 본 발명의 일실시예에 따른 설정 관리창을 도시한 것이다. 도 22 내지 도25에 도시된 바와 같이 본 발명의 일실시예에 따른 설정 관리창(131)은 간편관리(132), 주소관리(134), 비밀모드 관리(136) 등을 포함할 수 있다. 22 to 25 illustrate a configuration management window according to an embodiment of the present invention in connection with the configuration management mode according to an embodiment of the present invention. 22 to 25, the configuration management window 131 according to an embodiment of the present invention may include a simplified management 132, an address management 134, a secret mode management 136, and the like.

간편관리(132)에서는 도 22에 도시된 바와 같이, 사용자가 자주 사용하게 되는 설정 정보를 변경할 수 있도록 홈페이지 주소 변경(132a), 홈페이지 이름 변경(132b), 홈페이지 공개 여부 설정(132c), 비밀모드 설정(132d) 등을 포함할 수 있다. 주소관리(134)에서는 도 23에 도시된 바와 같이, 홈페이지의 주소를 표시하고 구체적으로 홈페이지를 설정하기 위한 구성을 포함할 수 있다. 22, in the simple management 132, a home page address change 132a, a home page name change 132b, a homepage disclosure setting 132c, a secret mode Setting 132d, and the like. As shown in FIG. 23, the address management unit 134 may include a configuration for displaying the address of the home page and specifically setting the home page.

비밀모드 관리(136)에서는 도 24에 도시된 바와 같이, 비밀모드의 사용여부를 표시할 수 있다. 비밀모드를 사용하는 경우에는 도 25에 도시된 바와 같이 비밀모드 접속 설정창이 표시되게 된다. 비밀모드 접속 설정창에서는 홈페이지에 접속이 허용되는 특정 이용자들을 위하여 비밀모드의 새로운 주소(비밀모드 주소)가 제공되고, 비밀번호의 설정을 위한 구성이 제공될 수 있다. 비밀모드가 활성화된 경우에는, 비밀모드 주소를 통해 접속하거나, 비밀번호를 통해 본 홈페이지 주소로 접속하는 방식으로만 사용자가 제작하고 공개한 홈페이지에 엑세스할 수 있다. 도 26은 본 발명의 일실시예에 따른 비밀모드가 활성화된 초기화면을 도시한 것이다. 비밀모드가 활성화되고 있음을 초기화면(100)의 홈페이지 정보(104) 부분에 표시할 수 있다. 이에 의해 사용자는 홈페이지의 상태를 초기화면(100)에서부터 확인할 수 있다.
In the secret mode management 136, as shown in FIG. 24, it is possible to indicate whether or not the secret mode is used. When the secret mode is used, a secret mode connection setting window is displayed as shown in FIG. In the secret mode connection setting window, a new address (secret mode address) of the secret mode is provided for specific users who are allowed to access the homepage, and a configuration for setting the secret number can be provided. If the secret mode is activated, you can access the homepage created and published by the user only by accessing through the secret mode address or accessing the homepage address through the password. 26 shows an initial screen in which a secret mode is activated according to an embodiment of the present invention. It is possible to display on the homepage information 104 part of the initial screen 100 that the secret mode is activated. Accordingly, the user can confirm the state of the home page from the initial screen 100. [

제작된 홈페이지Created homepage

도 27은 본 발명의 일실시예에 따라 제작된 홈페이지의 예시를 도시한 것이다. 도 27에 도시된 바와 같이 페이지, 레이아웃, 텍스트, 메뉴, 이미지, 동영상, 도형, 갤러리를 포함하는 컴포넌트 이용하여 디자인적으로 독창적이고 세련된 홈페이지를 사용자가 직접 손쉽게 구성할 수 있다. 예를 들어 좌측 상단에 표시된 컴포넌트는 텍스트에 흰색 글자를 기재하고 검정색 음영을 넣어 표현하였으며, 우측 상단에 표시된 컴포넌트는 홈페이지의 특정 페이지로 링크되어 있는 메뉴를 구성하고 있다. 중단 레이아웃에는 컴포넌트로서 이미지를 삽입하였고, 하단 레이아웃에는 컴포넌트로서 갤러리를 삽입하여 홈페이지 이용자 단말기(5)에서 이용자가 갤러리에 표시된 사진 하나를 클릭 시 확대, 반전, 색상 변화 또는 이동될 수 있도록 구성하였다.FIG. 27 illustrates an example of a home page produced according to an embodiment of the present invention. As shown in FIG. 27, a user can easily construct a unique and sophisticated homepage in design using a component including pages, layouts, texts, menus, images, moving images, graphics, and galleries. For example, the component displayed at the top left is written in white text with black shading, and the component at the top right shows a menu linked to a specific page on the home page. In the break layout, an image is inserted as a component, and a gallery is inserted as a component in the lower layout, so that a user displayed on the website user terminal 5 can enlarge, reverse, change color or move when one of the pictures displayed on the gallery is clicked.

본 발명의 일실시예에 따르면 복잡하게 프로그래밍 코드를 입력하지 않으면서도 도 27에 도시된 것과 같은 독창적인 홈페이지 디자인을 웹 상에서 손쉽게 제작할 수 있고, 이렇게 제작된 홈페이지의 주소를 설정하고 공개를 설정하여 곧바로 제작된 홈페이지를 홈페이지 이용자 단말기(5)에 제공할 수 있다. 본 발명의 일실시예에 따르면 최소한의 메뉴 구성으로 최적의 홈페이지 제작 효율성을 발생시키게 된다.
According to an embodiment of the present invention, it is possible to easily produce an original homepage design such as the one shown in FIG. 27 on the web without inputting a complicated programming code, and to set the address of the homepage, And can provide the created homepage to the homepage user terminal 5. According to one embodiment of the present invention, optimal menu production efficiency is generated with a minimum menu configuration.

종래의 한계Conventional Limit

종래에는 본 발명의 일실시예와 같은 홈페이지 제작방법을 시행하려할 때 발생되는 다음과 같은 한계 때문에 본 발명을 실시하는 것, 본 발명의 기술적 사상에 다다르는 것이 사실상 불가능하였다. It has been practically impossible to carry out the present invention due to the following limitations that arise when attempting to implement the homepage production method as in the embodiment of the present invention.

첫째로, 디자인 관리모드와 관련하여, 웹의 기술력이 문제된다.First, regarding the design management mode, the technical power of the web is a problem.

웹표준 확립과 관련하여, 기존에는 브라우저 벤더마다 각기 다른 변종 HTML 언어를 제작하고 호환을 거부했다. 그러나, 2004년에 WHATWG를 중심으로 웹 표준을 지킬 수 있는 브라우저가 제작되기 시작했고, 이를 위해 HTML5가 최초로 정의되고 현재 명세의 마무리 중에 있다. 웹 표준이 확립이 되면서 기존에 웹 개발(홈페이지 제작)에 사용되던 많은 변종이 HTML5로 통합될 수 있게 되었다. 이러한 웹 표준 확립이 갖는 의미는 동일한 언어(HTML/CSS)로 모든 브라우저에서 동일한 홈페이지를 보여줄 수 있게 되었다는 점에 있다.Regarding the establishment of web standards, browser vendors have created different variant HTML languages and refused to be compatible. However, in 2004, WHATWG-based Web standards-compliant browsers began to be produced, and for this purpose HTML5 was first defined and in the process of being finalized. With the establishment of web standards, many of the variants previously used for web development (homepage creation) can be integrated into HTML5. The implication of this web standard establishment is that it can display the same homepage in all browsers in the same language (HTML / CSS).

결국 종래에 본 발명을 발명할 수 없었던 이유 중 하나는 웹 표준이 존재하지 않았기 때문이다. 즉, 각각의 홈페이지별로 일관되고 통일성 있는 홈페이지 소스코드를 작성할 수 없었기 때문이다.
As a result, one of the reasons why the present invention was not able to be invented conventionally is that a web standard does not exist. In other words, we could not write consistent and homogeneous homepage source code for each homepage.

웹 언어의 발전과 관련하여 HTML5의 등장은, 홈페이지 제작한 필요한 기술을 진일보 시켰다는 데에 또 하나의 커다란 의의가 있다. 기존에는 특정 화면을 나타내기 위해서, 어도비의 액션스크립트나 플래쉬, 마이크로소프트의 실버라이트 같은 기능을 사용해야 했다. 그러나 최근에는 웹 표준의 지원을 받고 있는 JAVASCRIPT를 기반으로 기존 기능을 구현할 수 있도록 발전하게 되었다. 그로 인해 무엇보다 라이센스가 필요하지 않게 되었고, 확립된 웹 표준 덕분에 모든 브라우저에서 JAVASCRIPT를 완벽히 지원하게 되었다.The emergence of HTML5 in relation to the development of the web language has another great significance in furthering the necessary technologies that are produced by the homepage. In the past, you had to use Adobe's ActionScript, Flash, and Microsoft's Silverlight features to display certain screens. However, in recent years, JAVASCRIPT, which is supported by web standards, has been developed to implement existing functions based on JAVASCRIPT. It no longer requires a license, and thanks to the established web standards, JAVASCRIPT is fully supported in all browsers.

결국 종래에 본 발명을 발명할 수 없었던 이유 중 하나는 현재와 같은 수준까지 웹 언어가 발전하지도, 통일되지도 못했기 때문이다.As a result, one of the reasons why the present invention was not able to be invented in the past is that the web language has not been developed until now, and it has not been unified.

웹 브라우저의 기능 향상과 관련하여, 웹 브라우저의 기능 향상은 현재의 웹 서비스를 가능하게 한 가장 중요한 이유 중 하나이다. 특히 구글 크롬(google chrome) 웹 브라우저의 경우 v8 엔진이라는 웹 브라우저 컴파일 엔진을 개발하여 웹 브라우저의 성능을 크게 높였다. 기존까지는 웹 브라우저의 성능이 형편없어서 멈추거나 로딩이 제대로 되지 않는 경우가 상당하였다. 브라우저의 성능이 향상되면서 웹 브라우저 상에서 풍부하고 다양한 사용자 인터액션이 가능하게 되었다. 특히나 본 발명의 일시예와 같이 수많은 동적인 변경과 서버 통신이 필요한 제품은 웹 브라우저의 성능이 핵심이다.With regard to the enhancement of web browsers, the enhancement of the web browsers is one of the most important reasons for enabling current web services. Especially, in case of google chrome web browser, we developed a web browser compilation engine called v8 engine, which greatly improved the performance of web browser. Until now, there were a lot of cases where the performance of the web browser was poor, so it could not stop or load properly. As the performance of browsers has improved, rich and diverse user interactions have become possible on web browsers. Particularly, the performance of a web browser is a key to a product that requires a lot of dynamic changes and server communication as in the case of the present invention.

결국 종래에 본 발명을 발명할 수 없었던 이유 중 하나는 사용자의 인터액션을 모두 지원할 수 있는 수준의 웹 브라우저 성능이 확보되지 않았기 때문이다.As a result, one of the reasons why the present invention was not able to be invented in the past is that the performance of the web browser is not ensured at a level that can support all the user's interactions.

둘째로, 설정 관리모드와 관련하여, 하드웨어의 기술력이 문제된다.Second, with regard to the configuration management mode, there is a problem in the hardware technology.

최근 클라우드 기술의 등장으로 하드웨어 기술이 크게 발전하게 되었다. 클라우드 기술은 다양한 장점이 있지만 무엇보다 하드웨어 확장의 자동화가 가능하다는 것이 큰 강점이다. 기존에는 이런 하드웨어 확장이 모두 수동으로 이루어졌기 때문에 본 발명의 일실시예와 같이 수많은 사람들이 홈페이지를 만들고, 또 각 홈페이지마다 수많은 사람들이 방문하는 대규모 트래픽을 감당하는 하드웨어를 구성하는 일이 사실상 불가능했다. 그러나, 최근의 클라우드 기술로 인해, 이런 확장이 자동화로 변경되었다. Recently, with the advent of cloud technology, hardware technology has been greatly developed. While cloud technology has many advantages, the ability to automate hardware extensions is a major strength. In the past, since all of these hardware extensions were manually performed, it was practically impossible for a large number of people to create a homepage and to configure hardware for a large number of people to visit each of the homepages, as in the embodiment of the present invention . However, due to the recent cloud technology, these extensions have changed to automation.

하지만 최근까지도 클라우드 기술은 불안전하고 신뢰도가 떨어지는 것으로 여겨졌다. 고객 레퍼런스나 실제 사례들이 부족하여 기술 수준이 안정화되고 대중화가 되기까지 몇 년의 시간이 걸렸다. 최근에 와서야 이런 클라우드 기술을 통한 하드웨어 인프라 활용이 안정적으로 서비스 되고 있다.Until recently, however, cloud technology was considered insecure and unreliable. It took years to stabilize and popularize the technology level due to the lack of customer references and practical examples. Recently, the availability of hardware infrastructure through such cloud technology has been steadily being serviced.

결국 종래에 본 발명을 발명할 수 없었던 이유 중 하나는 많은 사용자를 감당할 수 있는 하드웨어 구성 및 확장의 자동화가 불가능했기 때문이다.
As a result, one of the reasons why the present invention was not able to be invented in the past is that it is impossible to automate hardware configuration and expansion that can accommodate many users.

셋째로, 콘텐츠 관리모드와 관련하여, RSS, API 기술의 발전과 배포가 문제된다.Third, with respect to the content management mode, development and distribution of RSS and API technologies are problematic.

기존에는 콘텐츠를 수집하고 보관할 수 있는 방법이 복잡하고 어려웠다. 그러나 최근에는 공공 기관에서조차 오픈 API를 제공하여 원하면 공공기관의 DB 정보를 열람할 수 있는 방법을 제공한다. 또한, RSS 라는 기술을 통해서 웹 페이지의 내용을 로드하여 재가공할 수 있는 방법도 보편화되었다.Previously, there was a complex and difficult way to collect and archive content. However, in recent years, open APIs have been provided even in public institutions, providing a way to browse DB information of public institutions if desired. In addition, a method of loading and reprocessing the contents of a web page through a technique called RSS has become common.

이전까지는 사람들이 자신의 콘텐츠를 거의 하드 디스크에 보관해왔다. 그러나 최근에는 사람들이 SNS나 웹 페이지 상에 자신의 콘텐츠를 올려두기 시작하였으나, 이들을 통합하여 한 곳에 자동으로 수집해올 수 있는 방법이 없었다.Until now, people have kept their content on hard disks. However, in recent years, people have started to upload their content on SNS or web pages, but there is no way to integrate them and automatically collect them in one place.

그러나 각 서비스가 오픈 API를 제공하기 시작했고, 이런 태도가 편화되면서 흩어진 콘텐츠를 한 곳에 모아둘 수 있는 방법이 생기게 되었다. 또한, 인터넷 상에 이런 다량의 정보를 보관할 수 있는 하드웨어 공간의 사용 비용이 저렴해진 것도 큰 몫을 해주고 있다.
However, each service has begun to provide an open API, and as this attitude becomes more flattery, there is a way to gather scattered content in one place. In addition, the use of a hardware space that can store such a large amount of information on the Internet has become cheaper, which also contributes greatly.

본 발명의 일실시예에 따른 홈페이지 제작방법은 위에 언급된 사유에 의해 통상의 기술자가 기존에는 용이하게 발명할 수 없었으며, 기존에는 발명을 위한 동기도 찾을 수 없었던 홈페이지 제작방법이라 할 수 있다.
The method of manufacturing a homepage according to an embodiment of the present invention can be said to be a homepage production method in which a conventional technician could not easily invent an existing one due to the above-mentioned reason, and a motive for the invention was not found in the past.

이상에서 설명한 바와 같이, 본 발명이 속하는 기술 분야의 통상의 기술자는 본 발명이 그 기술적 사상이나 필수적 특징을 수정하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 상술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로서 이해해야만 한다. 본 발명의 범위는 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 등가 개념으로부터 도출되는 모든 수정 또는 변형된 형태가 본 발명의 범위에 포함하는 것으로 해석되어야 한다.
As described above, it will be understood by those skilled in the art that the present invention may be embodied in other specific forms without departing from the spirit or essential characteristics thereof. It is therefore to be understood that the above-described embodiments are to be considered in all respects only as illustrative and not restrictive. The scope of the present invention is defined by the appended claims rather than the detailed description, and all modifications or variations derived from the meaning and scope of the claims and their equivalents should be construed as being included within the scope of the present invention.

1: 홈페이지 제작 시스템
3: 사용자 단말기
5: 홈페이지 이용자 단말기
10: 웹 제작 서버
12: 디자인 데이터베이스
14: 콘텐츠 데이터베이스
16: 설정 데이터베이스
100: 초기화면
102: 사용자 정보
104: 홈페이지 정보
110: 디자인 관리모드
111: 디자인 관리창
112: 선택바
114: 작업바
116: 사이드바
118: 종료 버튼
119: 미리보기 버튼
120: 콘텐츠 관리모드
121: 콘텐츠 관리창
122: 선택바
124: 사이드바
126: 종료 버튼
128a: 저장된 콘텐츠
128b: 업로드된 콘텐츠
128c: 삭제된 콘텐츠
130: 설정 관리모드
131: 설정 관리창
132: 간편관리
134: 주소관리
136: 비밀모드 관리
1: Homepage production system
3: User terminal
5: Homepage user terminal
10: Web Authoring Server
12: Design Database
14: Content database
16: Setting database
100: Initial screen
102: User information
104: Homepage information
110: Design management mode
111: Design Management Window
112: Selection bar
114: Taskbar
116: Sidebar
118: Exit button
119: Preview button
120: Content management mode
121: Content management window
122: Selection bar
124: Sidebar
126: Exit button
128a: Stored Content
128b: uploaded content
128c: Deleted content
130: Setting management mode
131: Configuration Management Window
132: Easy management
134: Address management
136: Secret Mode Management

Claims (9)

웹 제작 서버에 의해 수행되는 홈페이지 제작방법에 있어서,
홈페이지는, 홈페이지의 배경인 페이지, 상기 페이지의 적어도 일부를 점유하고 컴포넌트가 삽입되는 프레임인 레이아웃 및 레이아웃에 삽입되는 콘텐츠, 메뉴 또는 갤러리인 컴포넌트를 포함하고,
상기 콘텐츠는, 특정 이미지, 사용자의 입력에 의해 도안되는 도형, 사용자의 입력에 의해 작성되는 텍스트 및 특정 동영상 중 적어도 하나를 포함하며,
상기 메뉴는, 클릭 시 사용자의 홈페이지 상에서 특정 페이지로 연결되는 구성을 의미하며,
상기 갤러리는, 사용자에 의해 업로드되는 복수개의 콘텐츠 중 적어도 하나를 포함하며 특정 배열로 배치되는 구성을 의미하고,
상기 웹 제작 서버는 디자인 데이터베이스, 콘텐츠 데이터베이스 및 설정 데이터베이스를 포함하며,
사용자 단말기로부터 통신망을 통하여 로그인 정보를 포함하는 접속 요청을 수신하는 접속요청 수신 단계;
상기 로그인 정보를 기초로 상기 사용자 단말기의 사용자가 제작하고 수정한 홈페이지의 디자인 정보, 상기 사용자가 업로드하고 수정한 콘텐츠 정보 및 사용자 정보와 홈페이지 정보를 포함하는 설정 정보를 로드하고, 접속을 요청하는 상기 사용자 단말기의 상기 웹 제작 서버로의 접속을 허용하는 접속허용 단계;
접속이 허용된 상기 사용자 단말기로부터 디자인 관리모드, 콘텐츠 관리모드 또는 설정 관리모드로의 접속 요청을 수신하는 모드 선택단계; 및
상기 사용자 단말기로부터 접속 요청이 수신된 모드로 진입하도록 접속을 허용하는 모드 접속단계;
를 포함하고,
상기 디자인 관리모드는, 홈페이지의 디자인을 제작 또는 수정의 작업을 하기 위한 모드로서, 상기 통신망을 통하여 접속된 상기 사용자 단말기로 디자인 관리창 정보를 전송하는 디자인 관리창 전송단계; 상기 사용자 단말기의 디자인 관리창에 입력된 디자인 정보를 상기 통신망을 통하여 수신하는 디자인 정보 수신단계; 및 수신된 상기 디자인 정보를 상기 디자인 데이터베이스에 저장시키는 디자인 정보 저장단계;를 포함하며,
상기 콘텐츠 관리모드는, 상기 콘텐츠 데이터베이스에 저장되는 콘텐츠를 분류, 업로드 또는 삭제하여 관리하는 콘텐츠 관리단계;를 포함하고,
상기 설정 관리모드는, 상기 사용자 정보 또는 상기 홈페이지 정보를 생성 또는 수정하기 위한 설정 관리단계;를 포함하며,
상기 디자인 관리모드에서 상기 디자인 정보 수신단계는, 페이지, 레이아웃 또는 컴포넌트의 선택에 대한 정보를 수신하는 선택단계; 및 선택된 페이지, 레이아웃 또는 컴포넌트의 위치, 크기, 형상, 내용 및 색상 중 적어도 하나에 대한 작업정보를 수신하는 작업단계;를 포함하고,
상기 디자인 정보는 사용자가 설정할 수 있도록 구성되고,
상기 디자인 관리모드에서는, 상기 콘텐츠 데이터베이스에 기저장되어 있는 콘텐츠를 이용하거나 상기 사용자가 직접 업로드하는 콘텐츠를 이용하는 것을 특징으로 하는 홈페이지 제작방법.
In a homepage creation method performed by a web creation server,
The home page includes a page which is a background of the homepage, a content which is a frame to be occupied by at least a part of the page and which is a frame into which the component is inserted, a content to be inserted into the layout,
The content includes at least one of a specific image, a graphic drawn by the user's input, a text created by the user's input, and a specific video,
The menu refers to a configuration in which a specific page is linked on the user's homepage when clicked,
The gallery means a configuration including at least one of a plurality of contents uploaded by a user and arranged in a specific arrangement,
The web authoring server includes a design database, a content database, and a setting database,
A connection request receiving step of receiving a connection request including login information from a user terminal through a communication network;
Loading design information including homepage design information created and modified by a user of the user terminal, content information uploaded and modified by the user, setting information including user information and homepage information based on the login information, A connection accepting step of allowing connection of the user terminal to the web authoring server;
A mode selecting step of receiving a connection request from the user terminal permitted to connect to the design management mode, the content management mode, or the setting management mode; And
A mode connection step of allowing connection from the user terminal to enter a mode in which a connection request is received;
Lt; / RTI >
The design management mode includes a design management window transmission step of transmitting design management window information to the user terminal connected through the communication network as a mode for creating or modifying a design of a homepage; A design information receiving step of receiving design information input through a design management window of the user terminal through the communication network; And a design information storage step of storing the received design information in the design database,
Wherein the content management mode includes a content management step of classifying, uploading or deleting the content stored in the content database to manage the content,
Wherein the setting management mode includes a setting management step for creating or modifying the user information or the homepage information,
In the design management mode, the design information receiving step may include: a selection step of receiving information on selection of a page, a layout, or a component; And job information for at least one of position, size, shape, content, and color of the selected page, layout, or component,
The design information is configured to be set by a user,
Wherein the design management mode uses a content previously stored in the content database or a content that the user directly uploads.
제1항에 있어서,
상기 설정 관리모드에서는, 특정 단말기에서만 상기 홈페이지에 접속할 수 있도록 상기 특정 단말기에만 접속 권한을 부여하는 비밀모드를 설정하는 비밀모드 설정단계;를 더 포함하고,
상기 비밀모드는 비밀 번호 없이 접속이 허용되는 별도의 홈페이지 주소를 설정하는 모드를 포함하는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
And a secret mode setting step of setting a secret mode for granting an access right only to the specific terminal so that the specific terminal can access the homepage only in the setting management mode,
Wherein the secret mode includes a mode of setting a separate homepage address allowing access without a password.
제1항에 있어서,
상기 갤러리에 배치된 상기 복수개의 콘텐츠 중 적어도 하나가 홈페이지 이용자에 의해 선택되는 경우, 상기 선택된 콘텐츠에 특정 시각 효과를 부여하여 디스플레이하고,
상기 특정 시각 효과는 확대, 반전, 색상 변화 및 이동 중 적어도 하나를 포함하는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
Displaying a selected visual content by giving a specific visual effect when at least one of the plurality of contents arranged in the gallery is selected by the user of the homepage,
Wherein the specific visual effect includes at least one of magnification, inversion, color change, and movement.
제1항에 있어서,
상기 사용자가 자판 없이도 상기 레이아웃 및 콘텐츠 중 적어도 하나의 디자인 정보를 설정할 수 있도록 구성되는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
Wherein the design information of at least one of the layout and the content is set by the user without using a keyboard.
제1항에 있어서,
상기 홈페이지는 HTML, CSS 및 javascript 중 적어도 하나를 기반으로 운영되는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
Wherein the homepage is operated based on at least one of HTML, CSS, and javascript.
제1항에 있어서,
사용자가 설정하는 인터넷 주소를 통한 상기 홈페이지로의 접속을 허용하는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
And allowing access to the homepage through an Internet address set by the user.
삭제delete 삭제delete 삭제delete
KR20140027957A 2014-03-10 2014-03-10 Method for making homepage on the world wide web therefor KR101509392B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR20140027957A KR101509392B1 (en) 2014-03-10 2014-03-10 Method for making homepage on the world wide web therefor

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR20140027957A KR101509392B1 (en) 2014-03-10 2014-03-10 Method for making homepage on the world wide web therefor

Publications (1)

Publication Number Publication Date
KR101509392B1 true KR101509392B1 (en) 2015-04-07

Family

ID=53032584

Family Applications (1)

Application Number Title Priority Date Filing Date
KR20140027957A KR101509392B1 (en) 2014-03-10 2014-03-10 Method for making homepage on the world wide web therefor

Country Status (1)

Country Link
KR (1) KR101509392B1 (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20190119940A (en) * 2018-04-13 2019-10-23 비브이에스(주) Contents Management System for Managing Homepage of Organization or University and Method for operating Therefor
WO2021035165A1 (en) * 2019-08-21 2021-02-25 Aveva Software, Llc Responsive layout system and server
WO2021066325A1 (en) * 2019-10-04 2021-04-08 (주)텐스 Method and apparatus for generating web page
KR102571475B1 (en) * 2022-09-30 2023-08-25 강영실 Apparatus and Method for Providing Homepage production and management solution

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20010011443A (en) * 1999-07-28 2001-02-15 최재학 Method For Manufacturing Of Homepage
KR20070019374A (en) * 2005-08-12 2007-02-15 김지현 Establishing system and method of the homepage

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20010011443A (en) * 1999-07-28 2001-02-15 최재학 Method For Manufacturing Of Homepage
KR20070019374A (en) * 2005-08-12 2007-02-15 김지현 Establishing system and method of the homepage

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20190119940A (en) * 2018-04-13 2019-10-23 비브이에스(주) Contents Management System for Managing Homepage of Organization or University and Method for operating Therefor
KR102257793B1 (en) 2018-04-13 2021-05-28 비브이에스(주) Contents Management System for Managing Homepage of Organization or University and Method for operating Therefor
WO2021035165A1 (en) * 2019-08-21 2021-02-25 Aveva Software, Llc Responsive layout system and server
US11823647B2 (en) 2019-08-21 2023-11-21 Aveva Software, Llc Responsive layout system and server
WO2021066325A1 (en) * 2019-10-04 2021-04-08 (주)텐스 Method and apparatus for generating web page
US12045305B2 (en) 2019-10-04 2024-07-23 Tenth Co., Ltd. Method and apparatus for generating web page using blocks
KR102571475B1 (en) * 2022-09-30 2023-08-25 강영실 Apparatus and Method for Providing Homepage production and management solution

Similar Documents

Publication Publication Date Title
US11853728B2 (en) System integrating a mobile device application creation, editing and distribution system with a website design system
US9971749B2 (en) Editor for website and website menu
US8458596B1 (en) Method and apparatus for a mashup dashboard
WO2022037336A1 (en) Document processing method, apparatus and device, and medium
US20100251143A1 (en) Method, system and computer program for creating and editing a website
US20120151329A1 (en) On-page manipulation and real-time replacement of content
US20120144327A1 (en) Website file and data structure, website management platform and method of manufacturing customized, managed websites
US20140237020A1 (en) Web-based operating system framework application network
US20130019195A1 (en) Aggregating multiple information sources (dashboard4life)
US20140282139A1 (en) System for mobile content management
Dambruch et al. Leveraging public participation in urban planning with 3D web technology
KR101509392B1 (en) Method for making homepage on the world wide web therefor
JP2024038342A (en) System and method for smart interaction between website components
WO2020216565A1 (en) Systems and methods for providing real-time, interactive email content
US20140282140A1 (en) Method for mobile content management
JP2022508086A (en) Systems and methods for creating and processing configurable applications for website building systems
AU2015376591A1 (en) Desktop sharing method and mobile terminal
JP2012064207A (en) Host device and content display method of the same
US9965455B2 (en) Previewing inline authoring of web content
US20140282115A1 (en) System and method for retrieving and selecting content
KR101427308B1 (en) System for publicating online album by oneself
Lair Beginning Silverlight 5 in C
WO2014031011A1 (en) Website building tool
KR20220140952A (en) Method for making homepage on the world wide web therefor
Nebeling Lightweight informed adaptation: Methods and tools for responsive design and development of very flexible, highly adaptive web interfaces

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
FPAY Annual fee payment

Payment date: 20180308

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20190131

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20200303

Year of fee payment: 6