KR19990073957A - 에치티엠엘 문서 작성 방법 - Google Patents

Abstract

본 발명은 문서 작성 시스템에서 에치티엠엘(HTML) 홈페이지 등을 보다 간단하고 용이하게 작성할 수 있도록 지원하는 기술에 관한 것으로, 헤드에 들어갈 내용이 적혀진 텍스트 파일이 편집기로 이동된 후 컴파일러가 에치티엠엘 소오스 파일을 하나 생성하고 그 소오스 파일을 열어 헤드의 내용을 소오스 파일에 기록하는 헤드 작성단계와; 편집기상에 올려진 문서의 내용 전체를 블록 상태로 화면에 표시하고, 전체 문서가 원하는 장소로 이동된 후 컴파일러가 문서의 위치를 파악하고 원래 내용이 들어있는 파일 전체를 복사하여 자신이 만든 소오스 파일의 사이에 그 문서의 내용과 위치에 해당하는 태그 명령어를 기입하는 글 삽입단계와; 테스트 부분이 블록 지정되고, 부 메뉴상에 있는 "하이퍼-링크"가 클릭되면, 그 블록 지정된 부분을 클립보드에 복사하고, 연결되기 원하는 주소나 파일을 입력받아 클립보드에 복사된 "테스트" 라는 글자에 대한 소오스 파일을 열고 테스트 라고 씌어진 부분을 찾아 그의 앞뒤에 태그 명령어를 부여하는 글자 하이퍼 링크 단계와; 그림이 편집기상의 원하는 위치로 옮겨져 고정된 후 실행 버튼이 클릭되면, 그림의 용도에 따라 바탕화면에 상응되는 태그 명령어로 소오스 파일에 기입하나, 일반 그림에 상응되는 파악한 그림의 위치를 참고하여 그에 상응되는 태그 명령어를 소오스 파일에 기입하는 그림 삽입단계를 통해 문서를 작성하도록 한 것이다.

Description

에치티엠엘 문서 작성 방법

본 발명은 에치티엠엘(HTML: Hyper Text Markup Language) 홈페이지 등을 보다 간단하고 용이하게 작성할 수 있도록 지원하는 기술에 관한 것으로, 특히 태그 명령어를 수동으로 삽입하거나 태그 명령어에 해당하는 아이콘을 클릭하여 문서를 작성하지 않고, 수정한 문서를 보기 위해 브라우저(Browser)나 HTML 뷰어(Viewer)를 사용하여 문서를 열 필요없이 바로 작성된 문서를 볼 수 있도록한 에치티엠엘 문서 작성 방법에 관한 것이다.

통상적으로, HTML 편집기(Editor)에서 HTML 문서를 작성하는 경우 글이나 그림을 삽입할 때 또는 글 중의 임의의 특정 부분을 하이퍼 링크(Hyper-Link) 시키고자 할 때, 일일이 수동으로 태그(Tag) 명령어를 지정해 주고 다듬어 주어야 한다.

또한, 글을 삽입할 때 그 글의 형태나 색깔, 위치 등을 고려하여 태그 명령어를 입력하고, 그림을 삽입할 때 어떤 위치에 그림을 넣을 것인지, 그 그림의 크기는 어떤 형태로 할 것인지를 결정하여 해당 명령어를 입력하고, 그 결과가 만족스럽지 않은 경우 상기의 과정을 다시 반복적으로 수행하게 되어 있었다.

이보다 발전된 형태의 HTML 편집기술에 있어서는 상기와 같은 태그 명령어를 아이콘(ICON) 형태로 생성하여 글을 작성하다가 하이퍼 링크를 시키거나 그 문장이 끝나는 부분 등에서 이러한 아이콘을 클릭하도록 되어 있다. 그러나, 이와 같은 문서 작성 방법에서도 작성자가 글의 위치나 모양, 그림의 위치 형태, 하이퍼 링크 부분에서 잦은 수정을 해주어야 하는 것은 변함이 없었다.

또한, 상기와 같은 편집방법들을 이용하여 작성한 문서는 브라우저(Browser) 또는 HTML 문서를 볼수 있는 뷰어 등을 사용해야만 내용 확인이 가능하고, 다시 상기와 같은 과정을 통해 문서를 작성한 후 다시 브라우저 등을 열어야 한다.

도 1은 상기와 같은 종래의 문서 편집방법을 이용하여 글과 그림을 삽입하고 하이퍼 링크시키는 과정을 보인 신호 흐름도를 나타낸 것이다.

그러나, 이와 같은 종래기술에 의한 문서 작성방법에 있어서는 다음과 같은 불편함이 있었다.

첫째, HTML 문서작성시 헤드(head)의 시작 부분과 끝 부분, 바디(body)의 시작 부분과 끝 부분을 수작업을 통해 태그 명령어로 표시해 주어야 하는 불편함이 있었다.

둘째, 글이나 그림을 삽입할 때 수작업으로 작성한 태그 명령어를 사용하여 위치를 지정해야 하는 불편함이 있었다.

셋째, 글의 형태나 모양을 변화시킬 때 수작업으로 작성한 태그 명령어를 사용해야 하는 불편함이 있었다.

넷째, 그림의 크기를 설정할 때 수작업으로 작성한 명령어를 사용해야 하는 불편함이 있었다.

다섯째, 하이퍼 링크를 만들고 싶은 부분에 대해 수작업으로 작성한 태그 명령어를 사용해야 하는 불편함이 있었다.

여섯째, 작성한 문서를 보고자 할 때, 브라우저나 HTML 뷰어를 사용해야 하는 불편함이 있었다.

일곱째, 수정할 부분이 발생할 경우 그 부분을 찾아서 수정하고 다시 여섯 번째 항으로 복귀해야 하는 불편함이 있었다.

따라서, 본 발명이 이루고자 하는 기술적 과제는 태그 명령어를 수작업으로 삽입하거나 태그 명령어에 해당하는 아이콘을 클릭하여 문서를 작성하지 않고, 홈페이지 등을 작성할 때 사용하는 에치티엠엘 문서를 쉽고 간단하게 작성할 수 있도록 하고, 에치티엠엘 문서를 작성함에 있어서 마우스 하나로 글이나 그림을 편집하여 바로 확인해 볼 수 있도록 하며, 현재 화면에 나타난 글이나 그림 중 원하는 부분을 하이퍼 링크시킬 때에도 마우스 하나만을 이용하여 자유롭게 하이퍼 링크시킬 수 있도록 지원하는 에치티엠엘 문서 작성 방법을 제공함에 있다.

도 1은 종래의 문서 편집방법을 이용하여 글과 그림을 삽입하고 하이퍼 링크시키는 과정을 보인 신호 흐름도.

도 2의 (a)~(c)는 본 발명에 의한 문서 작성 방법을 예시적으로 나타낸 화면.

도 3은 본 발명의 에치티엠엘 문서 작성 방법에 대한 신호 흐름도.

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

S1-S10 : 스텝

본 발명의 목적을 달성하기 위한 에치티엠엘 문서 작성 방법은 헤드에 들어갈 내용이 적혀진 텍스트 파일이 편집기로 이동된 후 실행 버튼이 클릭되면, 컴파일러가 에치티엠엘 소오스 파일을 하나 생성하고 그 소오스 파일을 열어 헤드의 내용을 소오스 파일에 기록하는 헤드 작성단계와; 편집기상에 올려진 문서의 내용 전체를 블록 상태로 화면에 표시하고, 마우스 조작에 의해 전체 문서가 원하는 장소로 이동된 후 실행 버튼이 클릭되면, 컴파일러가 문서의 위치를 파악한 후 원래 내용이 들어있는 파일 전체를 복사하여 자신이 만든 소오스 파일의 사이에 그 문서의 내용과 위치에 해당하는 태그 명령어를 기입하는 글 삽입단계와; 마우스로 테스트 부분이 블록 지정되고, 부 메뉴상에 있는 "하이퍼-링크"가 클릭되면, 그 블록 지정된 부분을 클립보드에 복사하고, 연결되기 원하는 주소나 파일을 입력받아 클립보드에 복사된 "테스트" 라는 글자에 대한 소오스 파일을 열고 테스트 라고 씌어진 부분을 찾아 그의 앞뒤에 태그 명령어를 부여하는 글자 하이퍼 링크 단계와; 그림을 편집 가능한 상태로 만든 후 편집기상의 원하는 위치로 옮겨 고정시킨 후 실행 버튼이 클릭되면, 그림의 용도를 확인하여 바탕화면일 경우 그에 상응되는 태그 명령어로 소오스 파일에 기입하고, 일반 그림일 경우에는 파악한 그림의 위치를 참고하여 그에 상응되는 태그 명령어를 소오스 파일에 기입하는 그림 삽입단계로 이루어지는 것으로, 이와 같이 이루어지는 본 발명의 작용을 첨부한 도 2 내지 도 3을 참조하여 상세히 설명하면 다음과 같다.

본 발명에서는 드래그 및 드롭(DARG & DROP) 개념을 적용하고, 전용 편집기(EDITOR)를 만든다는 가정하에 메모에는 헤드(HEAD), 텍스트(TEXT), 픽쳐(PICTURE) ,실행(EXECUTE), 에디트(EDIT)의 다섯 개 명령어가 있다고 가정하여 문서 작성방법을 설명한다.

"HEAD"는 헤드부분을 컴파일러에게 알려주는 버튼이고, "TEXT"는 글 입력시, "PICTURE"는 그림 입력시 사용하는 버튼이며, "EXECUTE"는 하나의 작업이 끝났을 때 컴파일시키는 버튼이다. 편집기는 평상시 완성된 HTML 문서를 보여주는데 작성자가 "EDIT" 버튼을 클릭할 경우 글이나 그림을 가져다 놓을 수 있는 편집 가능한 상태로 만들어주는 버튼이다.

물론 이는 개략적으로 꼭 필요한 것만 표시한 것이고, 세부적으로 필요한 버튼은 필요에 따라 더 추가할 수 있다. 또한, 이 편집기를 사용할때는 작성될 내용이 들어있는 글(TEXT) 파일과 그림 파일이 이미 존재하고 있어야 한다.

첫째, 헤드(HEAD)를 작성할 때 "HEAD" 버튼을 누르고 헤드(HEAD)에 들어갈 내용이 적혀진 TEXT 파일을 끌어다가 편집기에 가져다 놓고 "EXECUTE" 버튼을 누르면 컴파일러는 HTML 소오스 파일을 하나 만들고 이 소오스 파일을 열어 <HEAD>....</HEAD>의 내용을 소오스 파일에 자동으로 기록한다. 예를들어 헤드(HEAD)의 내용이 테스트(TEST)라면 미리 TEST라고 쓰여있는 문서 파일을 준비하고 "HEAD" 버튼을 누른 후 이 파일을 편집기상에 끌어다 놓는다. 그리고, "EXECUTE" 버튼을 누르면,

의 내용이 컴파일러가 새로 만든 소오스 파일의 상단에 자동으로 기록되는 것이다. 컴파일러는 이 소오스 파일을 다시 읽어들여 편집기상에 뿌려준다. 현재는 헤드(HEAD)만을 넣었기 때문에 화면에는 아무런 글자도 나타나지 않는다.

둘째, 글을 삽입하려면 편집 가능한 상태로 만들기 위하여 "EDIT" 버튼을 클릭한 후 "TEXT" 버튼을 클릭하고 작성자가 넣고 싶어하는 문서를 가져다가 편집기상에 올려 놓으면 그 문서의 내용 전체가 블록 상태로 화면에 표시된다. 이때, 작성자는 마우스를 이용하여 전체 문서를 원하는 곳으로 이동시킬 수 있다. 이렇게 문서가 이동된 후 작성자가 "EXECUTE" 버튼을 클릭하면 컴파일러는 문서의 위치를 파악한 후 원래 내용이 들어있는 파일을 전체를 복사하여 자신이 만든 소오스 파일의 <BODY>...</BODY> 사이에 그 문서의 내용과 위치에 해당하는 태그 명령어를 자동으로 기입하게 된다. 예를 들어 문서의 내용이,

이고, 이것의 화면(편집용지) 여백이 위로부터 3칸정도 떨어지고 왼쪽에 붙은 형태로 되도록 편집기에서 셋팅하고 실행(EXECUTE) 버튼을 클릭했을 경우,

의 내용이 소오스 파일에 자동으로 기록되고, 이를 다시 변환하여 도 2의 (a)에서와 같이 편집기상에 보여주게 된다.

셋째, 상기 글상태에서 TEST라는 글자를 하이퍼 링크시키고 싶다면 마우스로 TEST 부분을 블록 지정하고, 부 메뉴상에 있는 "HYPER-LINK"를 클릭하면(HYPER-LINK 라는 메뉴가 있다고 가정한다) 블록 지정된 부분을 클립보드(CLIPBOARD)에 자동으로 복사한다. 이때, 편집기는 연결될 주소(URL)나 파일을 물어보게 되며, 작은 윈도우를 띄우게 되는데, 여기서 연결되기 원하는 주소(URL)나 파일을 넣으면 컴파일러는 클립보드에 복사된 "TEST" 라는 글자에 대한 소오스 파일을 열어 TEST 라고 씌어진 부분을 찾아 TEST의 앞뒤에 태그 명령어를 자동으로 부여한다. 이때, 하이퍼 링크되어 연결되는 문서는 피씨(PC)내의 C:＼TEMP.TXT라는 문서와 연결된다고 가정한다.

와 같이 <A HREF=FILE:///C:/TEMP.TXT>TEST</A> 부분을 자동으로 부여한다. 컴파일러는 이를 다시 읽어들여 도 2의 (b)에서와 같이 화면상에 표시하여 준다.

상기에서 글의 모양이라든가 색깔 등을 바꾸고 싶은 경우 같은 식으로 작성자가 마우스를 이용하여 블록 지정을 하면 상기와 같은 과정을 반복하여 그에 상응하는 태그 명령어를 부여하고, 이를 다시 컴파일하게 된다.

넷째, 그림을 삽입할 경우에는 "EDIT" 버튼을 클릭하고 "PICTURE" 버튼을 클릭하여 편집 가능한 상태로 만든 후 그림 파일을 끌어다가 편집기 위에 올려 놓고 다시 원하는 위치로 옮겨 고정시키면, 편집기는 그 그림을 바탕화면으로 사용할 것인지 일반 그림으로 사용할 것인지를 묻는다.

이때, 작성자가 원하는 것을 클릭한 후 "EXCUTE"를 클릭하면 컴파일러는 바탕화면일 경우 그에 상응되는 태그 명령어 <BODY BACKGROUND=XXX.JPG>로 소오스 파일에 기입하고, 일반 그림일 경우에는 파악한 그림의 위치를 참고하여 그에 상응되는 태그 명령어를 소오스 파일에 기입한다. 이 과정은 상기에서 글을 삽입하는 과정과 같고 이에 대한 결과를 도 2의 (c)에 나타내었다.

참고로, 상기 도 2의 (b),(c)에서 "<A HREF = FILE///C:/TEMP.TXT>TEST</A>"는 흐린 글자 형태이다. 즉, 태그(tag) 명령어를 자동으로 삽입시켜 준다는 의미는 HTML 문서 형식에서 태그 명령어를 사용하면 그 부분은 태그 명령어에 따라 색, 폰트, 크기 등을 지정한다는 의미이므로 해당 태그 명령어가 화면에 보이는 것이 아니라 태그 명령어에 해당하는 형태가 화면상에 나타나는 것이며, 태그 명령어는 소오스 파일상에 기입된다는 것을 의미한다. 또한, 도 2의 (c)에 도시한 그림 파일도 사실 소오스상에는 <body background = xxx.jpg> 라는 태그 명령어로 기입되어 있는 것이다.

결국, 본 발명에서는 글이나 그림을 원하는 위치에 고정시키면 이의 위치를 인식하고, 원래의 글과 그림 파일을 컴파일러가 생성한 소오스 파일에 복사하여 여기에 컴파일러가 글이나 그림의 위치, 그림 및 글 등에 주어진 효과 등을 인식하여 태그 명령어를 자동으로 붙여주도록 한 것이다. 또한, 이와 같은 기능들은 수행할 때 작성자는 단지 마우스만을 이용하여 원하는 위치에, 원하는 내용의 문서를 작성할 수 있게 된다.

이상에서 상세히 설명한 바와 같이, 본 발명은 문서 작성시 수작업으로 브라우저를 열어 확인하고 수정하는 일련의 과정을 생략하고도, 글이나 그림을 편집기상에서 자유롭게 이동시켜 원하는 위치에 고정시킬 수 있고 글이나 그림의 모양도 자유롭게 변경시킬 수 있는 효과가 있다. 또한, HTML 문서상에서 바로 하이퍼 링크시킬 수 있는 효과가 있다.

Claims (2)

1. 작성자가 키이 입력장치를 조작하여 편집기상에서 글이나 그림을 원하는 위치에 고정시키면 이의 위치를 인식하는 단계와; 원래의 글과 그림 파일을 컴파일러가 생성한 소오스 파일에 복사하여 글이나 그림의 위치, 그림 및 글 등에 주어진 효과 등을 인식한 다음 태그 명령어를 자동으로 부여하는 단계를 포함하여 이루어지는 것을 특징으로 하는 에치티엠엘 문서 작성 방법.
2. 제1항에 있어서, 작성자의 키이 입력장치로 마우스를 사용하는 것을 특징으로 하는 에치티엠엘 문서 작성 방법.