KR100522186B1

KR100522186B1 - 동적으로 홈페이지를 제작하는 방법 및 이 방법을 웹에서구현하는 장치

Info

Publication number: KR100522186B1
Application number: KR10-2003-0024039A
Authority: KR
Inventors: 백창열; 금경옥
Original assignee: 주식회사 참좋은인터넷
Priority date: 2003-04-16
Filing date: 2003-04-16
Publication date: 2005-10-18
Also published as: KR20050071720A

Abstract

본 발명은 웹서버와; 상기 웹서버에 탑재된 홈페이지 제작 모듈과; 홈페이지를 사용자의 요구에 따라 생성하기 위해 상기 사용자로부터 수신한 선택 정보를 저장하는 데이터베이스와; 홈페이지의 본문 레이아웃과, 상기 홈페이지의 스타일 카테고리에 따라서 메뉴별 홈페이지 원본 파일을 수록하며, 상기 홈페이지 제작 모듈과 연계될 수 있도록 구축된 파일 저장소;를 이용하여 상기 원본 파일을 선택하기 위한 정보들을 사용자로부터 수신해 이 정보를 참조해서 커스터마이징된 홈페이지를 제작하는 방법과 관계된다. 특히, 본 발명에서 제작하는 홈페이지는 메인 홈페이지와 웹스타일을 공유하도록 제작되는 것을 특징으로 한다.

Description

동적으로 홈페이지를 제작하는 방법 및 이 방법을 웹에서 구현하는 장치{Methods for dynamically building the home page and Apparatus embodied on the web therefor}

본 발명은 웹에서 홈페이지를 제작하는 방법에 관한 것으로, 더욱 상세하게는 메인 홈페이지와 웹스타일을 유지할 수 있도록 스타일 가이드를 참조해서 만들어진 웹페이지의 원본 파일을 사용자가 임의로 선택해서, 이를 이용해 홈페이지를 제작하는 방법에 관한 것이다.

인터넷에서 홈페이지는 하이퍼텍스트로 표현된다. 그런데, 이 하이퍼텍스트는 HTML이라는 언어로 정의되기 때문에 홈페이지를 제작하기 위해서는 반드시 HTML을 알아야 하는 것으로 인식되었다. 그러나, 에디터(Editor)라는 프로그램이 개발되면서 이러한 생각은 더 이상 올바르지 않게 되었다. 즉, 에디터는 이 HTML을 전혀 모르더라도 홈페이지를 제작할 수 있도록 도와준다. 사용자는 마치 '한글 프로그램'을 사용하는 것처럼 에디터의 몇 가지 기능들을 숙달해서 쉽게 홈페이지를 제작할 수가 있는 것이다.

한편, 이전까지 이러한 에디터들은 오프라인에서 동작이 이루어졌다. 따라서, 사용자는 이 에디터를 사용해서 제작한 홈페이지를 다시 인터넷에 올리는 과정(일반적으로 FTP를 사용해 파일을 올림)을 반드시 수반해야 한다. 그런데, 이 과정은 사용자에게 익숙하지 않다는 점에서 새로운 문제가 발생하게 되었다.

이 같은 점에 주목해서 개발된 것이 (주)하이홈의 "홈페이지 제작 방법"이다(등록번호 10-326425). 하이홈의 홈페이지 제작 방법은, 사용자가 홈페이지를 관리하는 서버에 접속해서 에디터를 실행시킴으로써 시작한다. 사용자는 단순히 여러 가지 레이아웃이 결정된 페이지들(HTML로 제작된 것임)을 찾아 선택하고, 이를 편집해서 하나의 페이지를 만든다. 이 같은 과정(레이아웃을 선택해서 편집하는 과정)을 수차례에 걸쳐 홈페이지에 사용되는 페이지들을 순차적으로 제작한다. 그리고, 제작한 홈페이지를 서버에 등록함으로써 온라인으로 홈페이지를 제작할 수 있도록 하고 있다.

따라서, 사용자들은 상술한 문제점을 해결하면서, 편리하게 온라인으로 홈페이지를 제작할 수가 있게 되었다.

한편, 웹을 제작하는 기술의 발달과 더불어 홈페이지의 네트워크화가 진행되게 되었다. 즉, 하나의 메인 홈페이지와 이에 종속되는 서브 홈페이지가 마치 컴퓨터의 네트워크처럼 서로 유기적인 관계를 가지도록 홈페이지를 제작하는 새로운 형태의 홈페이지 제작 기법이 등장하게 된 것이다. 거대 조직을 가진 기관이나 기업에서는 각 부서별 홈페이지(서브 홈페이지)를 필요로 하게 되었고, 또한 이 서브 홈페이지는 그룹 전체의 메인 홈페이지와 서로 유기적으로 연결될 필요성이 있었던 것이다.

이로 인해, '웹스타일'이라는 새로운 개념이 등장하게 되는데, 이 웹스타일은 홈페이지끼리 서로 독립된 주체성을 가지며, 사용자에게는 홈페이지가 서로 연결된 것처럼 느낄 수 있도록 하는 홈페이지의 제작 기법에 관한 것이다. 웹에이전시 시장에서 스타일이 발전해 온 모습을 간략히 살펴보면, 우리나라에서 처음으로 웹에 스타일 개념이 도입된 것은 2000년경으로 그 이전에는 웹에서 스타일 개념을 찾아 볼 수가 없었다. 이 시기의 웹스타일은 1세대적인 모습의 스타일이다. 정적인 개념의 이 1세대 스타일은 메인 홈페이지를 개발하고, 이 메인 홈페이지에 적용된 스타일을 책자(일반적으로, '스타일 가이드'라 불림)로 정리하는 것이다. 이러한 1세대의 스타일이 현재에까지 시장에서 널리 사용되고 있다. 다음으로 나온 것이 2세대 개념인 동적 스타일이다. 이 2세대 웹스타일은 홈페이지의 웹스타일이 항상 변할 수 있도록 설계되어서, 수작업 없이 서비스 사용자 스스로 웹스타일을 변경할 수 있으나 스타일가이드만 동적일 뿐, 실제 사이트 제작은 수작업으로 진행하던 방식을 말한다. 즉, 스타일가이드는 여러개의 하부 개념들도 이뤄져 있고 이 하부 개념들이 사용자에 의해 자동으로 변동, 조합되지만 이렇게 완성된 스타일가이드에 기초하여 웹사이트는 직접 수작업을 하는 형태를 의미하는 것이다.

상기에서도 잠시 언급했듯이, 웹스타일을 서브 홈페이지에 반영하기 위해서 사용되어온 전통적인 방법은 스타일 가이드를 제작하는 것이다. 즉, 메인 홈페이지에 적용된 스타일을 정리한 책자를 만들고, 서브 홈페이지를 제작하는 경우에 이 가이드를 참조해서 서브 홈페이지를 제작하는데, 일일이 홈페이지 개발자나 디자이너가 수작업으로 해야만 했다. 따라서, 메인 홈페이지에 따르는 서브 홈페이지를 제작하는데 있어, 메인 홈페이지와 동일하거나 그 이상의 비용이 들게 된다. 따라서, 많은 하위 조직을 거느린 기관이나, 기업에서 서브 홈페이지를 제작하는데 있어 엄청난 홈페이지 제작비용을 부담하게 되었다.

한편, 상기 하이홈의 홈페이지 제작 방법이 개발되던 시점(1999년 이전)에서는 하나의 홈페이지를 제작하는 것을 염두에 두고 홈페이지 제작 방법들이 개발되었고, 하이홈의 홈페이지 제작 방법 역시 단순히 하나의 홈페이지에 대한 제작과 관련되었을 뿐이다. 따라서, 이 하이홈의 홈페이지 제작 방법은 개인 홈페이지와 같이 작은 규모의 홈페이지를 제작하는데 있어서는 매우 유용하나, 복합적인 환경의 다중적인 성격을 갖는 홈페이지로 구성된 네트워크의 홈페이지를 제작하는데 있어서 바람직하지 못하다.

특히, 네트워크 홈페이지에서 메인 홈페이지와 서브 홈페이지 사이에는 통일된 스타일을 유지해야 되는데, 하이홈의 제작 방법으로는 메인 홈페이지의 스타일이 반영된 서브 홈페이지를 만들 수가 없다. 상기 하이홈의 제작 방법에 의하면, 단순히 같은 홈페이지내의 페이지들끼리의 레이아웃(Layout)을 공유하면서 홈페이지를 제작할 뿐이다.

더욱이, 네트워크의 홈페이지를 제작하는데 있어, 틀에 짜여진 스타일(l세대의 웹스타일)이 아니라, 여러 가지 변수들을 반영해서 유동적으로 홈페이지를 제작해야 되는데, 하이홈의 홈페이지 제작 방법은 단순히 틀에 짜여진 페이지(템플릿화된 페이지들임)를 편집해서 홈페이지를 제작하기 때문에 정적인 웹스타일, 그것도 단 하나의 홈페이지에 사용되는 페이지들끼리의 모양이 유사한 홈페이지를 제작할 수 있을 뿐이다.

또한, 하이홈의 홈페이지 제작 방법은 HTML로 이미 만들어진 페이지를 가지고, 이 페이지 자체를 편집해서 홈페이지를 만드는 정적인 홈페이지 제작 방법에 관한 것이다. 따라서, 에디터에서 주어지는 도구와, 템플릿 형태로 주어지는 페이지의 범위에서 홈페이지의 모양을 수정할 수가 있다. 때문에 한정된 모양의 홈페이지를 제작할 수 있을 뿐이다.

또한, 상술한 2세대 개념의 웹스타일은 웹스타일 자체는 사용자가 임의로 선장하나, 변경된 웹스타일을 반영한 홈페이지 제작은 수작업에 의해서 이루어져야 하는 문제가 발생한다.

본 발명은 상기와 같은 문제점을 해결하기 위해 창안된 것으로서, 홈페이지를 제작하는데 있어 홈페이지들 간의 스타일을 공유하면서 홈페이지 제작을 수작업없이 사용자의 단순한 마우스 클릭으로 할 수 있는 본 발명을 제공하고자 한다.

본 발명의 다른 목적은 홈페이지를 제작하는데 있어, 다양한 웹스타일로 서브 홈페이지를 제작할 수 있도록 하는 본 발명을 제공하고자 한다.

본 발명의 또 다른 목적은 홈페이지를 웹에서 작업을 하기 때문에 따로 홈페이지에 올리는 과정을 수행할 필요 없이 계정 신청에 따라 바로 홈페이지를 운용할 수 있는 본 발명을 제공하고자 한다.

본 발명의 또 다른 목적은 홈페이지를 제작하는데 있어, 사용자는 간편하게 제공되는 다양한 웹페이지의 메뉴별 원본 파일을 선택하고, 웹페이지에서 사용할 본문을 작성하는 것으로 홈페이지를 제작할 수 있는 본 발명을 제공하고자 한다.

상기와 같은 목적을 달성하기 위하여 본 발명은, 웹서버와; 상기 웹서버에 탑재된 홈페이지 제작 모듈과; 홈페이지를 사용자의 요구에 따라 생성하기 위해 상기 사용자로부터 수신한 선택 정보를 저장하는 데이터베이스와; 홈페이지의 본문 레이아웃과, 상기 홈페이지의 스타일 카테고리에 따라서 메뉴별 홈페이지 원본 파일을 수록하며, 상기 홈페이지 제작 모듈과 연계될 수 있도록 구축된 파일 저장소;를 이용하여 홈페이지를 웹에서 제작하는 방법에 관한 것으로, 상기 모듈이, (a)사용자로부터 홈페이지 계정 신청을 수신해서 상기 웹서버에 사용자별 웹계정을 등록하는 단계; (b)사용자로부터 홈페이지의 스타일 카테고리 선택 정보와, 선택된 스타일 카테고리에 수록된 상기 원본 파일을, 홈페이지에 사용되는 메뉴와 각 메뉴별 웹페이지의 본문 레이아웃에 따라 상기 원본 파일을 특정하는 선택 정보를 상기 사용자로부터 수신해서 상기 데이터베이스의 홈페이지 기본정보 저장부에 수록하는 단계; (c)사용자로부터 각 메뉴별 웹페이지에 수록될 본문 내용을 입력받아 상기 데이터베이스의 페이지별 본문 저장부에 수록하고, 상기 원본 파일이 동적으로 참조할 수 있는 형식의 본문 파일로 생성해서 상기 파일 저장소에 기록하는 단계; 그리고, (d)메뉴별로, 상기 홈페이지 원본 파일을 파싱해서 상기 본문 파일에 수록된 본문 내용을 포함시키고, 사용자의 상기 웹계정에 웹페이지로 저장하는 단계;를 포함해서 이루어진다.

바람직하게, 데이터베이스는 메뉴의 이름, URL, 뎁스(depth)와 같은 메뉴 정보를 수록한 메뉴 구조 저장부를 더 포함하고, 상기 (b)단계에서 선택된 메뉴에 따라 상기 메뉴 구조 저장부로부터 택일적으로 메뉴 정보를 추출해 사용자별 메뉴 구조 저장부를 구축하는 단계; 그리고, 상기 메뉴 구조 저장부를 참조해서 웹페이지간 이동 경로를 정의하며, 생성된 웹페이지가 참조할 수 있는 형식으로 URL 파일을 생성해서 상기 웹계정에 수록하는 단계;를 더 포함해서 이루어진다.

더욱 바람직하게, 상기 (b)단계를 수행한 후에, 상기 홈페이지 기본정보 저장부를 참조하여, 사용자가 선택한 원본 파일을 파싱해서 상기 사용자의 웹계정에 웹페이지로 저장하는 단계;를 더 포함하고, 상기 (d)단계의 웹페이지는 상기의 새로운 웹페이지로 저장된다.

더욱 바람직하게, 상기 파일 저장소는 이미지 파일을 더 수록하고, 상기 (c)단계에서 상기 이미지 파일의 선택 정보를 수신하고, 선택된 이미지 파일을 상기 웹계정에 수록하는 단계;를 더 포함해서 이루어진다.

본 발명의 다른 태양에서는, 상기와 같은 방법들을 구현하는 장치가 제공된다.

본 발명은 홈페이지를 제작하는 방법에 관한 것으로, 보다 바람직하게는 메인 홈페이지에 종속되는 서브 홈페이지를 상기 메인 홈페이지와 동일한 웹스타일을 유지하면서 홈페이지를 제작하는 방법 및 그 장치와 관련된다. 특히, 본 발명은 웹에서 홈페이지를 제작하여 별도로 홈페이지를 웹에 올리는 과정을 없앤 홈페이지 제작 방법에 관한 것이다.

본 발명에서, 홈페이지를 이루는 웹페이지들은 사용자가 일일이 제작할 필요가 없으며, 상기 웹페이지들은 홈페이지의 스타일별 카테고리에 따라 다수가 제작자에 의해 제공된다. 사용자는 이중에서 어느 하나의 스타일을 선택하고, 홈페이지에서 사용하는 메뉴들을 결정하기만 하면, 홈페이지에서 사용하는 웹페이지들이 자동으로 만들어진다.

본 발명은 규모가 큰 사이트의 홈페이지를 제작하는데 매우 유용하게 사용된다. 특히, 기관이 있고, 그 기관에 부속된 부서들의 홈페이지를 메인 홈페이지와 동일한 스타일로 제작하는 경우에 보다 유용하게 사용될 수 있다.

도 1은 본 발명의 구성을 보여주는 도면이다. 이 도면을 참조해서 본 발명의 구성을 자세히 설명한다.

본 발명을 구현하는 시스템은, 인터넷(200)을 통해 HTTP 요청을 처리하는 웹서버(10)와; 하기에서 예시하는 웹페이지로 제작된 유저 인터페이스를 통해, 홈페이지를 커스터마이징(customizing)해서 제작하는데 필요한 정보들을 사용자로부터 수신해서 데이터베이스(13)에 수록하며, 이 정보들을 참조해서 원본 파일을 선택하고, 이 원본 파일을 웹페이지로 변환해 상기 웹서버의 사용자별 웹계정에 수록하는 홈페이지 제작 모듈(11)과; 홈페이지를 제작하는데 필요한 원본 파일(121)과, 이미지 파일(122)과, 홈페이지에서 웹페이지별로 동일하게 사용되는 메뉴의 형태와 동작에 대한 소스들을 정의한 메뉴 스크립트 파일(123)을 수록하는 파일 저장소(12)와; 홈페이지의 제작에 필요한 다양한 정보를 수록하고 있는 데이터베이스(13)와; 상기 웹서버(10)에 마련된 사용자별 웹계정(14)을 포함해서 구성된다.

상기 사용자별 웹 계정(14)에는 상기 원본 파일로부터 생성된 웹페이지들, 이 웹페이지에 사용되는 이미지와, URL 파일, 사용자가 선택한 메뉴에 대한 메뉴 스크립트 파일과, 사이트 제목과 소개글을 수록하고 있는 타이틀 스크립트 파일과 같은 것들이 수록된다.

상기 웹서버(10)는 통상적으로 홈페이지가 웹에서 운용될 수 있도록 하는 서버로 동작하는 장치이다. 상기 웹서버에는 서버 운영 프로그램(예, 윈도우 2000 서버 프로그램)이 설치되며, 이 프로그램으로 서버 셋팅을 해서, 하나 또는 다수의 웹사이트가 운영될 수 있도록 한다. 통상적으로 서버들은 기능적으로 구분되어 다수의 독립적인 단위로 구성되는데, 예를 들면, HTTP 요청을 처리하는 웹서버, 정보를 관리하는 데이터베이스 서버, 프로그램들을 수록하는 어플리케이션 서버와 같이 구성될 수 있으며, 상기 각 모듈들과 데이터베이스는 이처럼 독립적인 구성 단위로 설계되는 것이 바람직하다.

상기 홈페이지 제작 모듈(11)은 기능적으로 홈페이지 변환 모듈(111)과, 데이터 관리 모듈(112)로 구성되고,

상기 홈페이지 변환 모듈(111)은 파일 저장소(12)에 수록된 원본 파일(121)을 웹페이지로 변환해 상기 웹서버(10)에 구축된 사용자별 웹계정(14)에 수록한다.

상기 데이터 관리 모듈(112)은 데이터베이스에 기록되는 레코드들을 읽거나, 쓰고, 갱신하거나 삭제하는 것과 같이 데이터베이스의 레코드를 편집하기 위한 구성으로, 상기 데이터베이스(13)에 쿼리(query)를 입력해 필요한 작업을 수행한다.

본 발명에서 상기 데이터베이스(13)는 사용자 정보 저장부(131), 홈페이지 기본정보 저장부(132), 메뉴구조 저장부(133) 사용자별 메뉴구조 저장부(134), 본문 내용 저장부(135) 및 타이틀 정보 저장부(136)를 포함해서 구성된다.

상기 사용자 정보 저장부(131)는 아이디, 비밀번호와 같은 식별 정보를 수록해서 상기 식별정보로 사용자에게 웹계정을 발급하는데 사용하는 정보이다.

상기 홈페이지 기본정보 저장부(132)는 사용자에 의해 커스터마이징된 홈페이지를 제작하는데 필요한 정보를 수록하는데, 카테고리의 선택정보, 홈페이지의 스타일 선택 정보, 홈페이지에서 사용하는 메뉴의 선택 정보를 수록한다. 상기 카테고리 선택 정보와 스타일 선택 정보는 사용자가 선택한 스타일별 카테고리로 제공되는 원본 파일의 카테고리를 선택한 정보(예, 대학원 카테고리와 스타일 A)이고, 상기 메뉴 선택 정보는 홈페이지에서 사용하는 메뉴들에 대한 정보로, 특히, 본 발명에서 원본 파일들은 스타일별 카테고리에 따라 그룹으로 제공되는데, 이 그룹에는 홈페이지에서 사용할 수 있는 모든 메뉴에 해당하는 각 원본 파일이 존재한다. 상기 메뉴의 선택 정보는 바로 상기 원본 파일을 선택하는데 이용된다.

상기 메뉴구조 저장부(133)는 본 발명에서 사용되는 메뉴들에 대한 정보를 수록하는데, 메뉴 이름, URL, 메뉴의 뎁스(depth)에 관한 정보를 수록하고 있다.

상기 사용자별 메뉴구조 저장부(134)는 상기 메뉴구조 저장부(133)에서 사용자가 선택한 메뉴에 대한 메뉴 구조 정보를 사용자에 따라 수록한다.

상기 본문 내용 저장부(135)는 웹페이지에서 사용되는 본문 내용을 수록하는데, 각 웹페이지에 따라 별도의 본문 내용이 수록되며, 사용자에 따라 구분된다.

상기 타이틀 정보 저장부(136)는 홈페이지에 사용되는 사이트 이름과 영문 이름, 관리자, 검색에 사용될 주제어, 홈페이지를 설명하는 글과, 바닥글을 수록한다. 이 중 상기 사이트 이름과 바닥글은 타이틀 스크립트 파일의 변수로 처리되어 사용자별 웹계정에 수록된다.

한편, 상기 원본 파일은 상기 홈페이지 제작 모듈(11)과 같이 제작자에 의해 배포되며, 상기 파일 저장소(12)는 상기 홈페이지 제작 모듈(11)과 연계될 수 있도록 구축된다.

본 발명에서, 상기 원본 파일(121)은 카테고리별 스타일과, 홈페이지에서 사용할 수 있는 메뉴에 따라 그룹지어져 제공된다. 바람직하게는, 웹페이지에서 사용되는 본문의 레이아웃에 따라서도 각 원본 파일이 제공된다. 따라서, 사용자는 그룹을 선택해 원본 파일을 선택하고, 메뉴를 선택함으로써 홈페이지에서 사용할 웹페이지를 특정하게 된다. 상술한 원본 파일의 분류는 일 예를 예시한 것이며, 다양한 형식으로 분류될 수 있음은 물론이다.

한편, 상기 원본 파일은 바람직하게 XSL(extensible style language) 언어로 작성되는데, 이 원본 파일은 웹페이지의 레이아웃에 대한 정보를 수록하고 있으며, 상기 원본 파일로부터 생성된 웹페이지를 구성하는 컨텐츠에 대한 위치 정보를 수록하고 있다.

상기와 같이 구성된 본 발명의 장치(100)를 이용해 온라인으로 홈페이지를 제작하는 과정을 첨부한 도면을 참고로 이하에서 자세히 설명한다.

본 발명의 홈페이지 제작 방법은 도 2와 같이 크게 4 단계로 설명될 수 있다.

처음은 사용자의 웹계정을 웹서버에 생성하는 단계(S100); 다음으로, 사용자로부터 제작하고자 하는 홈페이지와 관련된 선택 정보를 수집하는 단계(S200); 상기 선택 정보를 바탕으로 웹페이지를 생성해서 상기 단계(S100)에서 생성된 웹계정에 이 웹페이지를 기록해 홈페이지를 웹에 올리는 단계(S300)와 웹페이지별로 그 웹페이지에서 사용하는 본문을 편집하는 단계(S400);로 설명된다.

상기 S100 단계는 웹서버(10)에 서브 홈페이지 계정을 생성하는 과정으로, 상기 제작 모듈이 사용자로부터 홈페이지 계정 신청을 수신해서 상기 웹서버에 이 사용자의 웹계정을 생성하는 과정을 설명한다. 일 예에서, 메인 홈페이지의 도메인이 'www.sogood.co.kr'인 경우에, 서브 홈페이지(본 발명에 따라 제작하는 홈페이지)의 도메인은 www.sogood.co.kr/∼user로 생성된다.

상기 S200 단계는 홈페이지를 구성하는 웹페이지를 제작하기 위해 상기 모듈(11)이 사용자로부터 웹페이지를 구성하는데 필요한 선택 정보를 수신하는 과정을 설명한다. 본 발명에서 웹페이지는 원본 파일을 이용해서 만들어지며, 상기 원본 파일은 제작자에 의해서 배포되어 파일 저장소(12)에 구축되어 있다.

상기 S300 단계는 상술한 원본 파일과 상기에서 사용자로부터 수집한 선택 정보를 이용해서 상기 원본 파일을 웹페이지로 생성하고, 이를 상기 웹계정에 기록하는 과정을 설명한다.

마지막으로, 상기 S400 단계는 S300 단계에 생성된 웹페이지에서 사용하는 본문을 각 웹페이지별로 제작하는 과정을 설명한다.

이하, 사용자가 웹을 통해 상기 웹서버에 접속한 상태에서 본 발명에서 제공하는 유저 인터페이스를 활용해 홈페이지를 제작하는 온라인 실시예를 설명한다.

설명에 앞서, 사용자의 웹계정(14)이 상기 웹서버(10)에 생성된 것으로 가정하는데, 상기 웹계정(14)을 사용자에게 발급하는 웹서버의 셋팅 과정은 당업자에 의해 용이하게 실시될 수 있다. 따라서, 그 상세한 설명은 생략한다.

먼저, 도 3은 사용자가 홈페이지에서 사용할 웹페이지의 원본 파일을 선택하는 과정을 자세히 설명하는 흐름도이고, 도 4는 이 과정에서 사용되는 유저 인터페이스를 예시한 것이다.

도면을 참조해서, 사용자는 웹(200)으로 상기 웹서버에 접속해서 도 4a와 같은 웹페이지를 전송받아 사용자의 단말기(일반적으로, 개인용 컴퓨터)에 탑재된 브라우저로 이 웹페이지를 디스플레이한다.

그리고, 이 웹페이지의 선택 항목(601)을 마우스로 선택하고, 확인 버튼(602)을 클릭해서 카테고리의 선택정보를 전송함과 아울러, 도 4b와 같은 새로운 웹페이지를 수신해 상기 S210 단계에서와 동일하게 새로운 웹페이지를 디스플레이한다.

한편, 상기 S210 단계에서 사용자가 선택한 카테고리의 선택 정보는 웹(200)을 통해 웹서버(10)로 전송되고, 데이터 관리 모듈(112)이 이를 수신해 데이터베이스(13)의 홈페이지 기본정보 저장부(132)에 수록한다(S210).

사용자는 도 4b의 웹페이지에서 제작하는 홈페이지에서 사용하는 기본 정보, 즉 도면번호 611의 사이트의 이름, 도면번호 612의 홈페이지 영문 이름, 도면번호 613의 홈페이지 관리자, 도면번호 614의 홈페이지의 검색 주제어, 도면번호 615의 홈페이지를 소개하는 글, 및 바닥글과 같은 각 항목에 필요한 정보를 상자에 기입하고, 웹페이지에 마련된 확인 버튼(616)을 클릭해서 타이틀 정보를 웹서버(10)로 전송한다. 그러면, 상기 데이터 관리 모듈(212)은 도 4b에 도시된 웹페이지에서 사용자가 선택 및 입력한 타이틀 정보를 수신해서 타이틀 정보 저장부(136)에 수록한다(S220). 또한, 상기 타이틀 정보를 수신한 홈페이지 변환 모듈(111)은 수신된 타이틀 정보 중 사이트 이름과 바닥글을 변수로 처리해서 원본 파일이 동적으로 참조하는 타이틀 스크립트 파일로 생성해 사용자별 웹계정(14)에 수록한다. 바람직하게, 이러한 스크립트 파일들은 자바 스크립트 포맷으로 작성될 수 있는데, 본 발명은 이에 한정되는 것은 아니다.

이하, 각 단계별로 상술한 바와 같이 동일하게 반복되는 웹페이지와 웹서버 사이의 데이터 전송은 간략하게 설명한다.

다음으로, 사용자는 새롭게 수신해서 브라우저를 통해 보여지는 도 4c와 같은 웹페이지를 이용해 홈페이지의 스타일을 선택하게 되면, 이 홈페이지의 스타일 선택 정보 역시 상기 홈페이지 기본 정보 저장부(132)에 저장된다(S230). 여기에서, 상기 홈페이지의 스타일은 사용자가 도 4a에서 선택한 홈페이지의 카테고리에 따라 제작자가 미리 제공하는 것으로, 각 스타일에 대한 예시 모습은 파일 저장소(12)에 수록된 이미지 파일 중에서 선택되어 사용된다. 때문에, 상기 이미지 파일은 상기 원본 파일과 동일한 형태로 분류되어 파일 저장소(12)에 저장되어 있다.

S240 단계에서, 사용자는 도 4d와 같은 웹페이지를 수신하는데, 사용자는 제작하는 홈페이지에서 사용하는 메뉴들을 이 유저 인터페이스를 이용해서 선택하고, 선택된 메뉴의 선택 정보는 상기 웹서버(10)로 전송되어 상기 홈페이지 기본 정보 저장부(133)에 저장된다(S240). 또한, 상기 홈페이지 변환 모듈(111)은 상기 단계에서 선택된 메뉴에 대응하는 메뉴 스크립트 파일을 상기 파일 저장소에서 사용자별 웹계정에 선택적으로 복사한다.

이에 따라, 홈페이지에서 사용되는 웹페이지를 생성하는데 필요한 원본 파일의 선택 정보(즉, 사용자의 요구에 따라 작성되는 웹페이지의 선택 정보임)가 상술한 S210, S230, S240 단계를 통해 상기 홈페이지 기본 정보 저장부(133)에 수록되었을 뿐만 아니라, 공통적으로 홈페이지에서 사용되는 요소들에 대한 참조 파일들 역시 사용자의 웹 계정에 수록되었다.

상기 홈페이지 변환 모듈(111)은 상기 홈페이지 기본 정보 저장부(133)를 참조해서 선택적으로, 파일 저장소(12)에 수록된 다수의 스타일 카테고리별 원본 파일들 중에서 사용자가 선택한 원본 파일들을 택일적으로 찾아 파싱해서 웹페이지로 사용자의 웹계정(14)에 저장한다.

예를 들어, 사용자가 도 4a 내지 도 4d에 도시된 바와 같은 선택을 하였다면, '대학 카테고리' 중 '스타일 1'에 해당하는 원본 파일이 저장되어 있는 파일 저장소(12) 경로에서 사용자가 선택한 메뉴, 즉 홈, 대학안내, 학과소개/연혁, 교과목 정보, 교수진, 및 졸업요건에 해당하는 디폴트 레이아웃에 해당하는 원본 파일을 각각 파싱해서 사용자에게 할당되어 있는 웹계정(14)에 각각의 웹페이지로 저장한다. 이 때, 타이틀 정보에 수록된 정보 중 사이트 이름과 바닥글을 참조해서 상기 사이트 이름과 바닥글을 변수 값으로 처리해 생성된 타이틀 스크립트 파일이 상기 웹계정에 수록된다. 한편, 생성된 웹페이지에는 사용자가 수록하게 될 본문이 누락된 상태이며, 웹페이지에 필요한 본문 내용을 담는 과정은 후술된다.

현재 만들어진 홈페이지에서 웹페이지간의 링크는 깨어져 있다. 이하, 본 발명에 따라 생성된 웹페이지간 링크를 연결하는 방법에 대해서 도 5를 참조해서 설명한다.

홈페이지를 생성하는 원본 파일은 아래에서 설명되는 것처럼 웹페이지간 링크를 처리하는 스크립트를 수록하고 있다. 따라서, 이 스크립트가 참조할 수 있는 URL 파일(웹페이지간의 링크를 정의함)을 정의해 줌으로써 웹페이지간의 링크가 만들어지게 된다.

상기 데이터베이스의 메뉴 구조 저장부(134)에는 메뉴의 이름과, URL, 뎁스(Depth)를 정의한 데이터가 각 카테고리별 스타일에 따라 수록되어 있다. 바람직하게, 상기 메뉴 구조 저장부(134)는 상기 원본 파일과 같이 제작자에 의해 배포된다.

그리고, 도 4d의 유저 인터페이스를 통해 사용자가 사용하는 메뉴별 웹페이지의 선택 정보가 상기 홈페이지 기본정보 저장부(132)에 수록되어 있다.

따라서, 상기 웹페이지 변환 모듈(111)은 원본 파일로부터 웹페이지를 생성한 후에, 상기 홈페이지 기본정보 저장부(132)에 수록된 메뉴의 선택 정보를 참조해서 상기 메뉴 구조 저장부(133)에서 동일한 메뉴들에 대한 정보를 추출하고, 이를 사용자별 메뉴구조 저장부(134)에 수록한다(S310).

그리고, 상기 웹페이지 변환 모듈(111)은 상기 사용자별 메뉴구조 저장부(134)에 저장된 정보(URL과 메뉴 이름)를 수록하며, 상기 스크립트가 참조할 수 있는 URL 파일을 생성해서 사용자의 웹계정(114)의 지정된 경로에 기록한다(S320, S330). 상기 URL 파일은 XML 포맷으로 작성되어 사용자의 웹계정에 수록될 수 있으나, 본 발명이 이에 한정되는 것은 아니다.

상기 홈페이지 변환 모듈(111)에 의해 생성된 웹페이지에는 상술한 바와 같이 메뉴 인터페이스를 구현하는 메뉴 스크립트와, 상술한 타이틀 스크립트를 참조하는 코드가 수록되어 있다(아래의 원본 파일 작성예를 참조). 여기에서, 상기 스크립트는 자바 스크립트일 수 있으나, 본 발명이 이에 한정될 필요는 없다. 상기 웹페이지가 인터넷을 통해 웹브라우저로 전송되면, 상기 메뉴 스크립트와 이것이 참조하는 URL 파일 및 타이틀 스크립트가 웹브라우저가 참조하는 메모리 영역에 적재되며, 상기 메뉴 스크립트는 웹페이지가 로드되자 마자, 메뉴의 인터페이스를 그래픽 인터페이스로 출력한다. 그리고, 각 메뉴에 대한 링크 코드가 마우스 클릭 이벤트 발생시 페이지 이동의 인자값으로 셋팅된다. 또한, 웹페이지의 헤더와 풋터 영역은 상기 타이틀 스크립트를 참조하는 코드가 이 타이틀 스크립트를 읽어 타이틀 태그에 사이트 이름을, 풋터에는 바닥글을 삽입한다.

이에 따라, 상기 원본 파일로부터 생성된 홈페이지에서 사용자가 메뉴를 마우스로 클릭하게 되면, 상기 URL 파일을 참조해서 다른 웹페이지로 이동을 할 수가 있다.

이상으로, 상술한 S200 및 S300 단계를 설명하였고, 다음으로는 S400 단계에대해서 설명한다.

선택적으로 본문을 작성하기 전에, 사용자는 상기에서 선택한 메뉴에 대한 구조를 편집할 수가 있다. 도 6은 사용자가 메뉴의 구조를 편집하기 위해서 사용되는 유저인터페이스를 예시한 것이다.

사용자는 이 웹페이지에 마련된 버튼(711, 712, 713, 714)을 마우스로 클릭해서 메뉴의 위치(71)를 수정한다. 이에 따라, 메뉴의 수정 정보, 정확히는 메뉴의 뎁스를 수정한 수정 정보가 발생해 웹서버로 전송된다. 그러면, 데이터 관리 모듈(112)은 이 수정정보를 참조해서 사용자별 메뉴구조 저장부(134)에 수록된 메뉴의 뎁스에 대한 인덱스를 수정하고, 상술한 URL 파일을 수정된 사용자별 메뉴구조 저장부(134)를 참조해서 새롭게 생성하여 이전의 URL 파일을 새로운 URL 파일로 갱신한다.

상술한 메뉴구조의 편집과 유사하게, 본 발명에서는 메뉴를 추가하거나 삭제할 수도 있는데, 메뉴를 추가하거나 삭제함에 따라서 발생하는 수정 정보들은 웹서버로 전송되고, 데이터 관리 모듈(112)은 이 수정 정보를 참조해서, 상기 홈페이지 기본정보 저장부(132)에 수록된 사용자의 메뉴 선택 정보를 수정한다. 또한, 이에 따라, 사용자별 메뉴 구조 저장부(134)에 수록된 메뉴의 정보 역시 수정되고, 사용자의 웹계정에 수록된 URL 파일 역시 갱신된다.

도 7은 메뉴별 웹페이지에서 사용되는 본문을 작성하는 과정을 설명하는 흐름도이고, 도 8은 본문을 작성하는데 사용되는 유저 인터페이스를 예시한 것으로, 도 8a는 1 뎁스 메뉴에 해당하는 웹페이지(메뉴의 첫페이지)에 사용하는 본문을 편집하기 위한 유저 인터페이스이고, 도 8b는 2 뎁스에 해당하는 웹페이지(메뉴에 종속된 하위 페이지)의 본문을 편집하기 위한 유저 인터페이스이다.

첨부된 유저 인터페이스로부터 알 수 있듯이, 본 발명에서 각 웹페이지의 본문 편집은 동일한 방법으로 이루어진다. 즉, 그 웹페이지의 레이아웃을 결정하고, 그 웹페이지에서 사용하는 이미지를 선택하고, 본문을 작성하는 방법으로 이루어진다.

먼저, 도 8a에서 사용자는 우측의 메뉴 선택 창(91)에서 편집하고자 하는 메뉴의 항목을 선택한다(S410). 그러면, 선택된 메뉴 항목을 편집하기 위한 유저 인터페이스가 사용자의 단말기에 디스플레이된다.

이 웹페이지에서, 사용자는 본문의 레이아웃 선택 항목(92)을 마우스로 클릭해서 레이아웃을 결정한다(S420). 그리고, 여기에 사용할 이미지 파일(S430)을 선택하는데, 찾아보기 버튼을 클릭하면, 파일 저장소(12)에 수록된 이미지 파일(122) 중에서 사용할 수 있는 이미지 파일이 보여지고, 이 중에서 어느 하나를 선택해서 사용할 이미지를 특정한다. 그리고, 본문 내용을 입력하는 창(94)에 본문 내용을 입력(S440)하고, 웹페이지에 마련된 입력 버튼(95)을 클릭하게 되면, 레이 아웃과, 이미지 파일의 선택 정보, 그리고 본문 내용이 웹서버(10)로 전송(S450)된다.

그러면, 데이터 관리 모듈(112)은 데이터베이스(13)에 상기 본문 내용을 기록하는 쿼리를 입력해 본문 내용 저장부(135)에 수신된 본문 내용을 사용자와, 웹페이지에 따라 구분해서 저장(S460)함과 동시에, 상기 본문 내용을 원본 파일이 참조할 수 있는 형식의 본문 파일로 생성해 웹페이지에서 정의된 곳에 상기 본문 파일을 저장한다(S470). 상기 본문 파일은 일 예에서 XML 포맷으로 저장되는데, 본 발명에 이에 한정될 필요는 없다.

또한, 상기 데이터 관리 모듈(112)은 상기 이미지 파일 선택 정보에 따라 상기 파일 저장소(12)에 수록된 다수의 이미지 파일 중에서 선택된 이미지를 탐색해, 선택된 이미지 파일을 사용자의 웹계정에 수록을 한다(S480).

마지막으로, 수신된 본문의 레이 아웃 선택 정보는 원본 파일을 특정하는데 사용된다. 즉, 지금까지 상술한 과정들을 거쳐 홈페이지 기본정보 저장부(132)에 수록된 원본 파일의 선택 정보는 메뉴에 대한 것까지 만을 수록하고 있다. 그런데, 원본 파일은 스타일별 카테고리와; 홈페이지에서 사용되는 메뉴와; 메뉴별 웹페이지 본문의 레이아웃;을 기준으로 계층적으로 그룹지어져 제공된다. 따라서, 메뉴까지 선택한 경우에는 디폴트(default)로 정의되어 있을 뿐인데, 상기 레이 아웃의 선택 정보를 수신함으로써 선택 정보에 따라 원본 파일이 특정된다.

도 8b는 2 뎁스의 메뉴별 웹페이지에 사용되는 본문을 작성하기 위한 유저 인터페이스를 보여주는데, 메뉴 계층상의 차이만 있을 뿐, 데이터 처리는 동일하게 이루어지므로, 도면에 대한 상세한 설명은 생략한다.

단지, 2 뎁스에서도 본문의 레이아웃을 선택하도록 본 실시예가 구성되면, 도 8b를 통해 선택 정보를 수신한 경우에, 원본 파일이 특정되는 차이점이 있을 뿐이다.

이에 따라, 원본 파일을 특정하는데 필요한 선택 정보가 바람직하게 사용자로부터 입력되고, 이 선택 정보들이 홈페이지 기본정보 저장부(132)에 수록되었다. 또한, 사용자별 웹계정(14)에는 특정된 원본 파일들이 참조하는 본문의 본문 파일들에 대한 준비를 마쳤다.

마지막으로, 상기 웹페이지 변환 모듈(111)은 상기 홈페이지 기본정보 저장부(132)에 수록된 선택 정보를 참조해서 상기 파일 저장소(12)에 수록된 원본 파일들을 호출하고, 이를 파싱해서 상기 본문 파일에 수록된 본문을 포함시키고, 사용자의 웹계정에 웹페이지로 저장하게 된다.

이에 따라, 새롭게 만들어진 홈페이지를 요청한 경우에, 요청된 웹페이지가 상기 웹계정에서 추출되고, 요청자가 사용하는 단말기로 전송된다. 그러면, 브라우저는 수신된 웹페이지를 HTML 문법에 따라 코드해석해서 디스플레이하는 한편, 상기 웹페이지에서 정의된 주소로 컨텐츠(본문 내용, 이미지, 스크립트 파일 등)를 읽어 들여 웹페이지를 완성한다.

원본 파일의 작성예

아래의 원본 파일은 XSL(extensible style language) 언어로 작성된 예이다. 메뉴 부분을 담당하는 소스는 자바스크립트를 사용해, 모든 웹페이지에서 공통적으로 사용할 수 있도록 정의되어 있다. 또한, 웹페이지지간의 이동은 메뉴의 항목과 이 항목의 URL을 수록한 "menu.xml"을 자바스크립트가 참조해서, 메뉴를 구성하며, 이를 통해 페이지간의 이동을 정의하고 있다. 한편, 본문 내용은 이 원본 파일에는 수록되어 있지 않고, 상기 본문 내용을 수록한 본문 파일이 존재하는 위치(즉, 파일 저장소의 특정 위치) 정보만을 수록하고 있어, 단말기에서 브라우저가 이 원본 파일로부터 만들어진 웹페이지를 로드해 읽는 과정에서 상기 위치로부터 본문 파일을 불러다 사용한다.

<html>

<head>

<title>

<xsl:value-of select="page/title" />

</title>

<xsl:attribute name="href">

/wsl2/designs/siteSkin/

<xsl:value-of select="/page/siteDesign/siteSkinId" />

/site.css

</xsl:attribute>

</LINK>

</head>

<body>

<!-- WslFirstPageContentArea

-->

<xsl:attribute name="style">

background-image: url(

<xsl:value-of select="/page/bgImage" />

);

</xsl:attribute>

<xsl:apply-templates select="page/banner0" />

<xsl:apply-templates select="page/content" />

<tr>

<xsl:apply-templates select="page/extServices/extService[extServiceId='100' and subInfo='0']" />

</td>

<xsl:apply-templates select="page/extServices/extService[extServiceId='100' and subInfo='1']" />

</td>

</tr>

<tr>

</tr>

</table>

<tr>

<tr>

<xsl:attribute name="src">

/wsl2/designs/siteSkin/

<xsl:value-of select="/page/siteDesign/siteSkinId" />

/bullet.firstpage.cgi.gif

</xsl:attribute>

</img>

<span class="WslFirstPageCGITitle">포토게시판</span>

</td>

</tr>

<tr>

<td>

<xsl:attribute name="src">

/wsl2/ListPhotos.do?serviceId=

<xsl:value-of select="page/serviceId" />

&view=firstPage

</xsl:attribute>

</iframe>

</td>

</tr>

</table>

</td>

<tr>

<xsl:attribute name="src">

/wsl2/designs/siteSkin/

<xsl:value-of select="/page/siteDesign/siteSkinId" />

/bullet.firstpage.cgi.gif

</xsl:attribute>

</img>

</td>

</tr>

<tr>

<td>

<xsl:attribute name="src">

/wsl2/VoteForm.do?serviceId=

<xsl:value-of select="page/serviceId" />

&view=firstPage

</xsl:attribute>

</iframe>

</td>

</tr>

</table>

</td>

</tr>

</table>

</DIV>

</body>

</html>

</xsl:template>

<xsl:template match="banner0">

<xsl:if test=". != ''">

<img>

<xsl:attribute name="src">

<xsl:value-of select="." />

</xsl:attribute>

</img>

<br />

</xsl:if>

</xsl:template>

<xsl:template match="content">

<xsl:if test=". != ''">

<td>

<xsl:if test="/page/embededImage != ''">

<img>

<xsl:attribute name="src">

<xsl:value-of select="/page/embededImage" />

</xsl:attribute>

<xsl:attribute name="border">0</xsl:attribute>

<xsl:if test="/page/embededImageAlign = '0'">

<xsl:attribute name="align">left</xsl:attribute>

</xsl:if>

<xsl:if test="/page/embededImageAlign = '1'">

<xsl:attribute name="align">right</xsl:attribute>

</xsl:if>

</img>

</xsl:if>

<xsl:value-of disable-output-escaping="yes" select="." />

</div>

</td>

</tr>

</table>

</xsl:if>

</xsl:template>

<xsl:template match="extService[extServiceId='100' and subInfo='0']">

<xsl:if test="serviceURL!=''">

<xsl:attribute name="src">

<xsl:value-of select="serviceURL" />

&view=firstPage

</xsl:attribute>

</iframe>

</xsl:if>

</xsl:template>

<xsl:template match="extService[extServiceId='100' and subInfo='1']">

<xsl:if test="serviceURL!=''">

<xsl:attribute name="src">

<xsl:value-of select="serviceURL" />

&view=firstPage

</xsl:attribute>

</iframe>

</xsl:if>

</xsl:template>

<xsl:template match="extService" />

</xsl:stylesheet>

이상과 같이, 본 발명은 비록 한정된 실시예와 도면에 의해 설명되었으나, 본 발명은 이것에 의해 한정되지 않으며 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에 의해 본 발명의 기술사상과 아래에 기재될 특허청구범위의 균등범위 내에서 다양한 수정 및 변형이 가능함은 물론이다.

본 발명에 따르면, 상술한 문제를 해결해 홈페이지간에 동일한 스타일로 쉽게 서브 홈페이지를 제작할 수 있다. 특히, 사용자는 그룹지어져 제공되는 원본 파일을 홈페이지에서 사용하는 메뉴에 따라 커스터마이징해서 홈페이지를 구축할 수가 있다. 또한, 홈페이지를 편집하는 경우에, 불필요하게 웹페이지 모두를 불러서 편집할 필요 없이 해당하는 부분만을 불러와 쉽게 편집할 수가 있다.

본 명세서에 첨부되는 다음의 도면들은 본 발명의 바람직한 실시예를 예시하는 것이며, 후술하는 발명의 상세한 설명과 함께 본 발명의 기술사상을 더욱 이해시키는 역할을 하는 것이므로, 본 발명은 그러한 도면에 기재된 사항에만 한정되어 해석되어서는 아니된다.

도 1은 본 발명을 구현하는 컴퓨터 시스템을 보여주는 구성도이다.

도 2는 본 발명의 전체적인 흐름을 도시한 흐름도이다.

도 3은 사용자가 홈페이지에서 사용할 웹페이지의 원본 파일을 선택하는 과정을 자세히 설명하는 흐름도이다.

도 4는 상기 도 3의 과정에서 사용되는 유저 인터페이스를 예시한 것으로, 도 4a는 홈페이지의 카테고리를 선택하는 유저 인터페이스이고, 도 4b의 홈페이지에서 사용할 기본 정보를 입력하는 유저 인터페이스이고, 도 4c는 홈페이지의 스타일을 선택하는 유저 인터페이스이고, 도 5d는 홈페이지에서 사용할 메뉴를 선택하는 유저 인터페이스를 예시한 것이다.

도 5는 홈페이지에서 사용되는 웹페이지간의 링크를 생성하는 과정을 도시한 흐름도이다.

도 6은 사용자가 메뉴의 구조를 편집하기 위해서 사용되는 유저인터페이스이다.

도 7은 메뉴별 웹페이지에서 사용되는 본문을 작성하는 과정을 설명하는 흐름도이다.

도 8은 본문을 작성하는데 사용하는 유저 인터페이스를 예시한 것으로, 도 8a는 메뉴의 1 뎁스에 해당하는 웹페이지의 본문을 작성하는데 사용하는 유저 인터페이스이고, 도 8b는 메뉴의 2 뎁스에 해당하는 웹페이지의 본문을 작성하는데 사용하는 유저 인터페이스이다.

*도면의 주요부호에 대한 간단한 설명*

10 : 웹서버 11 : 홈페이지 제작 모듈 12 : 파일 저장소

13 : 데이터베이스 14 : 웹계정

Claims

웹서버와; 상기 웹서버에 탑재된 홈페이지 제작 모듈과; 홈페이지를 사용자의 요구에 따라 생성하기 위해 상기 사용자로부터 수신한 선택 정보를 저장하는 데이터베이스와; 홈페이지의 본문 레이아웃과, 상기 홈페이지의 스타일 카테고리에 따라서 메뉴별 홈페이지 원본 파일(이하, '원본 파일')을 수록하며, 상기 홈페이지 제작 모듈과 연계될 수 있도록 구축된 파일 저장소;를 이용하여 홈페이지를 웹에서 제작하는 방법에 관한 것으로,

상기 모듈이, (a)사용자로부터 홈페이지 계정 신청을 수신해서 상기 웹서버에 사용자별 웹계정을 등록하는 단계;

(b)사용자로부터 홈페이지의 스타일 카테고리 선택 정보와, 선택된 스타일 카테고리에 수록된 상기 원본 파일을, 홈페이지에 사용되는 메뉴와 각 메뉴별 웹페이지의 본문 레이아웃에 따라 상기 원본 파일을 특정하는 선택 정보를 상기 사용자로부터 수신해서 상기 데이터베이스의 홈페이지 기본정보 저장부에 수록하는 단계;

(c)사용자로부터 각 메뉴별 웹페이지에 수록될 본문 내용을 입력받아 상기 데이터베이스의 페이지별 본문 저장부에 수록하고, 상기 원본 파일이 동적으로 참조할 수 있는 형식의 본문 파일로 생성해서 상기 파일 저장소에 기록하는 단계; 그리고,

(d)메뉴별로, 상기 홈페이지 원본 파일을 파싱해서 상기 본문 파일에 수록된 본문 내용을 포함시키고, 사용자의 상기 웹계정에 웹페이지로 저장하는 단계;를 포함하는 것을 특징으로 하는 홈페이지 제작 방법.
제1항에 있어서,

상기 데이터베이스는 메뉴의 이름, URL, 뎁스(depth)와 같은 메뉴 정보를 수록한 메뉴 구조 저장부를 더 포함하고,

상기 (b)단계에서 선택된 메뉴에 따라 상기 메뉴 구조 저장부로부터 택일적으로 메뉴 정보를 추출해 사용자별 메뉴 구조 저장부를 구축하는 단계; 그리고,

상기 메뉴 구조 저장부를 참조해서 웹페이지간 이동 경로를 정의하며, 생성된 웹페이지가 참조할 수 있는 형식으로 URL 파일을 생성해서 상기 웹계정에 수록하는 단계;를 더 포함하는 것을 특징으로 하는 홈페이지 제작 방법.
제1항에 있어서,

상기 (b)단계를 수행한 후에, 상기 홈페이지 기본정보 저장부를 참조하여, 사용자가 선택한 원본 파일을 파싱해서 상기 사용자의 웹계정에 웹페이지로 저장하는 단계;를 더 포함하고,

상기 (d)단계의 웹페이지는 상기의 새로운 웹페이지로 저장되는 것을 특징으로 하는 홈페이지 제작 방법.
제1항 내지 제3항중 어느 한 항에 있어서,

상기 파일 저장소는 이미지 파일을 더 수록하고,

상기 (c)단계에서 상기 이미지 파일의 선택 정보를 수신하고, 선택된 이미지 파일을 상기 웹계정에 수록하는 단계;를 더 포함하는 것을 특징으로 하는 홈페이지 제작 방법.
제1항에 있어서,

상기 홈페이지 원본 파일은 메인 홈페이지와 서브 홈페이지 사이의 웹스타일을 유지하는 웹스타일 가이드에 준해서 생성된 것을 특징으로 하는 홈페이지 제작 방법.
제1항에 있어서,

상기 원본 파일은 XSL(extensible style language) 언어로 제작된 파일이며, 상기 본문 파일은 XML(Extensible Markup Language) 언어로 제작된 파일인 것을 특징으로 하는 홈페이지 제작 방법.
웹에서 홈페이지를 제작하는 장치에 관한 것으로,

HTTP 요청을 처리하며, 온라인으로 홈페이지를 제작하는 제작 모듈이 탑재된 웹서버;

웹페이지의 레이아웃에 대한 정보를 수록하고 있으며, 상기 웹페이지를 구성하는 컨텐츠에 대한 위치 정보를 수록하고 있는 원본 파일을 저장하는 파일 저장소; 및

홈페이지를 제작하는데 필요한 각종 정보를 저장하는 데이터베이스;를 포함해서 구성되고,

상기 데이터베이스는,

아이디, 비밀번호와 같은 식별 정보를 수록해서 상기 식별정보로 사용자에게 웹계정을 발급할 수 있도록 하는 사용자 정보 저장부; 및,

홈페이지 카테고리의 선택정보, 기본정보, 스타일 선택 정보, 홈페이지에서 사용되는 메뉴의 선택 정보를 수록해서 사용자에 의해 커스터마이징된 홈페이지를 제작할 수 있도록 하는 홈페이지 기본 정보 저장부;를 포함해서 구성되고,

상기 모듈은,

사용자로부터 홈페이지 계정 신청을 수신해서 상기 웹서버에 사용자별 웹계정을 등록하고,

홈페이지의 스타일 카테고리 선택 정보와, 선택된 스타일 카테고리에 수록된 상기 원본 파일을, 홈페이지에 사용되는 메뉴와 각 메뉴별 웹페이지의 본문 레이아웃에 따라 상기 원본 파일을 특정하는 선택 정보를 상기 사용자로부터 수신해서 상기 데이터베이스의 홈페이지 기본정보 저장부에 수록하고,

사용자로부터 각 메뉴별 웹페이지에 수록될 본문 내용을 입력받아 상기 데이터베이스의 페이지별 본문 저장부에 수록하고,

상기 원본 파일이 동적으로 참조할 수 있는 형식의 본문 파일로 상기 본문 내용을 생성해서 상기 파일 저장소에 기록하고,

메뉴별로, 상기 홈페이지 원본 파일을 파싱해서 상기 본문 파일에 수록된 본문 내용을 포함시키고, 사용자의 상기 웹계정에 웹페이지로 저장하도록 동작하는 것을 특징으로 하는 장치.
제7항에 있어서,

상기 데이터베이스는, 메뉴의 이름, URL, 뎁스(depth)와 같은 메뉴 정보를 수록한 메뉴 구조 저장부를 더 포함하고,

상기 모듈은, 사용자가 선택한 메뉴에 따라 상기 메뉴 구조 저장부로부터 택일적으로 메뉴 정보를 추출해 상기 데이터베이스에 사용자별 메뉴 구조 저장부를 더 구축하고,상기 사용자별 메뉴 구조 저장부를 참조해서 웹페이지간 링크를 정의하며, 웹페이지가 참조할 수 있는 형식으로 URL 파일을 생성해서 상기 웹계정에 수록하는 것을 특징으로 하는 장치.
제7항에 있어서,

상기 파일 저장소는 이미지 파일을 더 수록하고,

상기 모듈은, 사용자가 상기 이미지 파일을 수록한 선택 정보를 수신하고, 상기 선택 정보에 따라 선택된 이미지 파일을 상기 웹계정에 수록하는 것을 특징으로 하는 장치.