박희찬 (E-mail : ddegree@hanmir.com) 대전시치과의사회 정보통신위원 HTML 문서가 무엇인지 궁금하지 않으세요? 우선 이러한 원고를 기고할 수 있도록 배려하여 주신 여러 관계자들께 감사드리는 것으로 두번째 연재를 시작하겠습니다. 지난 번에 예고 드린 대로 이번에는 ‘웹에디터 사용과 서버에 파일올리기’라는 주제로 말씀 올리도록 하겠으며, 다시 한번 당부드릴 말씀은 전혀 골치 아프거나 복잡한 내용이 아니므로 한편의 수필을 읽듯이 따라하시면 어느덧 웹마스터가 되어있는 여러분을 발견하실 수 있을 겁니다.

---

1 ‘웹 에디터’사용법 ‘WEB EDITER’란 글자 그대로 웹문서, 즉 ‘HTML문서’를 작성하기 위한 프로그램입니다. 우리가 요즘 많이 사용하고 있는 ‘한글97’이나 ‘한글 워디안’, ‘MS-WORD’등을 ‘워드프로세서’라 부르는 것처럼 웹문서를 쉽게 작성할 수 있는 프로그램을 말하며 이의 대표적 예로는 ‘나모’나 ‘프론트 페이지 익스프레스’등이 있지요, 이외에도 장점을 내세우는 무수한 프로그램이 있으나 지면 관계상 이를 다 열거할 수는 없답니다. 그렇다면 먼저 이들 프로그램을 구하는 것이 문제입니다. 원칙적으로 비용을 지불하고 정품을 구입하시는 것을 추천 드리나, 병원운영이 여의치(?) 않으시다면 웹상의 여러 자료실에서 ‘나모 평가판’은 쉽게 구하실 수 있을 것이라 생각되며, ‘프론트 페이지’ 경우는 마이크로소프트 ‘오피스’프로그램에 패키지로 들어 있으므로 오피스가 깔려 있다면 사용이 가능하실 것입니다. 물론 이외에도 쉐어나 프리웨어로 사용할 수 있는 에디터들이 많이 있으나, 일단 본 글에서는 가장 많이 사용되어지는 ‘나모 4.0’을 기준으로 말씀 드리겠습니다.

---

2 나모 사용하기 나모를 정상적으로 설치 하셨다면 바탕화면에 집 모양의 나모 아이콘이 나타나게 되고요, 이를 더블 클릭 하시면 아마도 다음과 같은 화면이 열릴 것입니다. 그 상태 그대로에서 다음과 같이 ‘홈페이지 만들기’라고 적어보시지요, 마치 워드를 치듯이 말입니다. 어떠세요? 마치 워드를 치듯이 타이핑이 되지요? 다음엔 ‘대한치과의사협회 홈페이지로 가기’라고 타이핑 한 후 이 부분을 마치 워드에서 블록을 잡듯이 주욱 마우스로 긁어서 검은색 블록을 잡아보시죠, 여기까지 되셨죠? 그 상태에서 마우스의 오른쪽 버튼을 클릭하면 나오는 ‘플로우 챠트’에서 하단의 ‘하이퍼링크 만들기’를 선택하시면 다음과 같은 화면이 나오게 됩니다. 여기서 복잡한 것은 다 접어두고 제일 상단의 주소(URL)란에 ‘대한치과의사협회’의 홈페이지 주소인 ‘http://www.kda.or.kr’를 적어보시죠. 다 되셨습니까? 그런 다음 확인을 눌러보시죠, 아마 다음과 같은 화면이 나올 겁니다. 자 어떻게 되었지요? 글자 밑에 밑줄이 그어졌지요? 그러면 지금까지 한 것이 겨우 밑줄 긋기 한 것일까요? “오우, 노오우”, 밑줄은 밑줄이지만 좀 다른 밑줄입니다. 하이퍼링크를 만든 거지요. (저번 연재에서 하이퍼링크에 대한 설명은 드렸으므로 생략하겠습니다) 자, 그럼 다 되었습니다. 정말 다 되었을까요? 나모 프로그램 화면의 좌측 하단을 보시면 다음과 같은 3개의 아이콘이 있습니다. 이들 아이콘이 뭘 하는 것일까요? 아마 지금 상태는 ‘편집’으로 되어 있을 것입니다. 이중 ‘HTML’아이콘을 눌러보시죠, 무슨 일이 일어났지요? 아! 저번 연재에서 보았던 암호 같은 소스가 나타났지요? 내친 김에 ‘미리보기’아이콘도 눌러보시지요? 아까 ‘편집’화면에서와 유사한 화면이 나타났지만, 아무리 글을 쓰려 해도 써지지는 않고, 하이퍼링크 부분에 마우스가 다가가면 손가락 모양으로 커서가 변할 겁니다. 그렇다면 이게 다 무슨 조화일까요?