HTML과 홈페이지

Server와 Client

      컴퓨터 네트웍에서는 서버(server,제공자) 역할과 클라이언트(client,고객) 역할이 있기 마련이다. 대개의 경우 서버는 다른 컴퓨터 시스템과의 공유하기 위한 자료(Data Base)를 가지고 있다. 클라이언트 프로그램은 서버에게 자신이 원하는 자료를 요청하고, 서버 프로그램은 클라이언트에서 요청된 자료를 보내준다. 프로토콜(protocol)이란 이 과정에서 서버와 클라이언트가 대화하는 언어 규칙이다.
      웹(web)을 이용하기 위해서는 사용자는 자신의 시스템에서 웹브라우저(web browser)를 작동시켜야 한다. 예를 들자면 Netscape를 작동시키는 것이다. Netscape, Mosaic, Lynx와 같은 프로그램들이 웹서비스의 클라이언트 프로그램에 해당된다. 사용자들은 이 프로그램을 사용하여 웹의 프로토콜인 http(hypertext transfer protocol)로서 원하는 웹 사이트(site)에 접속하게 된다. 그러면 정보를 제공하는 시스템에서는 HTTPD(HTTP Daemon) 프로그램이 사용자가 요청한 웹 페이지의 문서를 보내주게 된다. HTTPD 프로그램이 서버 프로그램이 되는 것이다. 클라이언트는 정보의 수용자로, 서버는 정보의 제공자로서의 역할을 하게 된다.

      홈페이지를 작성한다는 것은 서버 프로그램이 설치된 시스템에 웹에서 사용하는 문서인 HTML 문서를 작성한다는 의미이다. 그러나 HTTPD 서버는 단지 클라이언트에서 요청한 HTML 문서를 전송하는 역할만을 수행한다. HTML 문서를 번역하고 화면에 표시하는 역할은 클라이언트에서 하는 일이다. 따라서 웹브라우저 (브라우저는 검색기라는 의미로 클라이언트와는 개념에 차이가 있지만, 웹의 경우에는 동일한 프로그램을 가리킨다고 볼 수 있다)에 따라 화면 출력이 다른 경우가 있을 수 있다.

HTML

      웹에서 사용되는 문서는 일반 문서와는 기능이 다르다. 텍스트 뿐만 아니라 멀티미디어라 불리는 음성, 화상 등과 같은 다른 미디어들을 문서내에 포함하며, 또한 다른 문서에 연결 되어있기도 하다. 이러한 특징을 가진 문서를 하이퍼 텍스트(hyper text)라고 하는데, 웹에서는 그냥 HTML(hyper text markup language) 문서라고 말하기도 한다.

      현재 대부분의 자료 분류는 tree구조에 의한 것이다. 디스크의 디렉토리 구조, 상용 BBS들의 게시판 구조가 그러하다. 즉 뿌리(root)나 꼭대기(top)가 있고, 그 아래로 계속해서 갈라져 나가야 원하는 정보를 찾을 수 있다. 그러나 인터넷의 구조가 그러하듯 웹의 구조도 뿌리나 꼭대기가 없다. HTML 문서는 이러한 거미줄 구조를 문서 자체에 내포하고 있다. 관련자료를 찾기 위하여 목차나 색인을, 이 게시판 저 게시판으로 헤매어 다닐 필요가 없이 문서 자체에서 제공하는 링크(link)를 선택하기만 하면 된다. 이렇게 문서에 관련된 사항들을 직접 연결시켜 줌으로써, 사용자가 무엇을 찾아 헤매어 다녀야하는 수고를 상당히 줄여주게 된다.

      HTML 문서는 ASCII(한글의 경우 KS-완성형) 코드로 작성된 일반 텍스트 형식의 문서이다. 대부분의 워드프로세서에서는 자체적으로 만든 binary 코드를 사용하고 있다. 그러나 HTML 문서는 모든 시스템 환경에서 사용할 수 있는 일반 텍스트이므로 텍스트 형식을 편집할 수 있는 대부분의 에디터를 사용하여서 작성할 수 있다. 또한 HTML 문서 작성을 위한 웹 전용 에디터들을 사용할 수도 있다.
      mark-up language라는 것은 일반 텍스트 형식에서 문서 중간에 문자나 문장의 형태에 대한 명령 tag(표식)을 덧붙임으로써 문서의 형식을 규정한다. Netscape의 메뉴 중 [View] - [Document Source]를 선택하면 현재 브라우저에 나타난 페이지의 소스(source) 코드를 볼 수 있다. 이러한 소스 코드를 편집하는 것이 홈페이지를 만들기 위하여 필요한 작업이다. 아래는 소스 코드의 예이다.

[소스] 

 <h2>HTML 문서 작성의 예</h2>
 이 문장은 <b>HTML 문서 작성</b>의 예이다.<br>
[출력]

HTML 문서 작성의 예

이 문장은 HTML 문서 작성의 예이다.
      여기에서 '<'와 '>'로 둘러싸인 부분들이 tag들이다. <h2>는 문서의 제목을 나타내는 tag이며 <b>는 강조체(bold)로 나타내라는 의미이다. 이러한 tag들은 기본적으로 <tag>text</tag>의 형식을 취하게 된다. tag으로 둘러쌓인 부분들이 지정된 속성으로 출력되게 된다. <br>은 행바꿈을 의미하는 tag으로 이러한 경우는 독립되어 혼자서 사용될 수 있다. 이러한 tag들은 대문자와 소문자를 구별하지 않는다. <BR>, <Br>, <br> 모두 동일한 의미이다. tag들의 종류와 사용법은 다음 장 이후에 설명될 것이다.

홈페이지

      웹을 통하여 일단 어느 곳에 접속을 하면, 일정량의 내용이 전송되어 온다. 웹에서 하나의 페이지라고 하는 것은 이렇게 한번 접속으로 보내어져서 (윈도우 환경에서) 하나의 윈도우를 통하여 볼 수 있는 내용을 말한다. 서버 쪽에 있는 하나의 HTML 문서가 (필요하다면 그림 파일들을 포함해서) 하나의 페이지가 되는 것이다.
      이러한 페이지들 중, 초기화면이라고도 할 수 있는 처음 접하게 되는 페이지를 홈페이지라 할 수 있으며, 웹 서버에서 제공하는 모든 HTML 문서들의 관문이라고 할 수 있다. 홈페이지는 크게 두가지로 분류할 수 있다. 하나는 시스템 자체의 홈페이지로 기업이나 대학, 연구기관의 홈페이지가 이에 해당한다. 그리고, 다른 하나는 이러한 웹서비스를 하는 시스템에 계정이 있는 사람들이 제공하는 개인 홈페이지들이다. 개인 홈페이지에 접속하기 위해서는 해당 주소 다음에 그 사람의 계정을 '~' 다음에 덧붙여 주어야 한다.

http://some.site.co.kr/어떤 기업의 홈페이지
http://some.site.co.kr/~someone/   someone의 개인 홈페이지

      클라이언트 프로그램을 통하여 홈페이지에 접속하게 되면, 서버 프로그램에서 홈페이지에 해당하는 HTML 문서를 보내주게 된다. 홈페이지에는 자신의 간단한 소개와 다른 문서로의 링크를 포함하게 된다. 넓은 의미에서 홈페이지라고 하면 접속하였을 때 나오는 첫 페이지 뿐만 아니라 그 곳을 통해서 제공되는 모든 페이지들을 의미하기도 한다. 일반적으로 홈페이지를 작성한다고 하는 것은 이러한 페이지들을 작성하는 것을 의미한다.

* 웹 서버

      만약 어떤 시스템이 인터넷에 연결되어 있다면, 그 시스템에 적절한 웹 서버 프로그램을 설치할 수 있다. 주로 HTTPD라는 이름을 가진 웹 서버 프로그램은 많은 종류의 공개 및 상용 프로그램들이 나와 있다. 현재 널리 쓰이고 있는 서버로서는 NCSA와 CERN에서 만든 것들이다. 서버 프로그램과 설치 옵션에 따라 홈페이지의 작성방법이 달라진다.
      여기에서는 공통으로 적용될 수 있는 일반적인 것들에 대하여 설명한다. 서버 프로그램의 설치에 관한 사항은 '가자! 웹의 세계로 : 개정판' PartⅡ를 참고하면 많은 도움이 될 것이다.

* 시스템 홈페이지

      서버 프로그램 설치 시에 시스템 관리자는 설치할 디렉토리를 비롯한 여러 옵션을 지정해 주어야 한다. 그 중 '도큐먼트 루트'로 지정된 디렉토리에 홈페이지가 설치되게 된다. 관리자가 특별히 변경하지 않았다면, 이 디렉토리는 서버가 설치된 디렉토리의 'htdocs'라는 하위 디렉토리가 된다. 시스템에서 제공하는 모든 페이지들은 이곳과 그 하위 디렉토리에 있어야 한다. 그리고 클라이언트에서 요청한 URL이 디렉토리까지만 지정되어 있을 경우, 각 디렉토리에서 'index.html'이라는 문서가 제공된다. 다시 말해서, 클라이언트로부터 요청된 URL이 디렉토리까지만 지정되어 있을 경우 해당 디렉토리에서 이러한 이름을 가진 문서를 제공하게 된다.
      서버 프로그램을 설치한 후 간단한 .../htdocs/index.html 문서만을 편집해 두는 것으로 홈페이지 구축은 시작되는 것이다.

* 개인 홈페이지

      일단 시스템에 웹서버가 설치되어 있다면 해당 시스템의 사용자들은 자신의 홈페이지를 만들 수 있다. 그러기 위해서는 우선 자신의 홈디렉토리 아래에 자신의 '도큐먼트 루트' 디렉토리를 생성하여야 한다. 디렉토리의 이름은 서버를 설치한 시스템 관리자에게 문의 하여야 한다. 디렉토리의 이름이 'public_html'이라고 하자. 그럼 이곳에 역시 'index.html'이라는 문서를 만들면 된다. PC 환경에서 자신의 홈페이지에서 사용할 HTML 문서를 만들었다면, FTP와 같은 전송수단을 사용하여, 그 문서를 적절한 위치에 옮겨 두면 된다.

      만약 자신의 시스템에 웹서버가 설치되어 있지 않다면, 자신의 홈디렉토리에 서버를 설치할 수도 있다. 홈페이지 사이트 뒤에 ':8080'이라고 붙어있는 경우에는 이러한 설치일 가능성이 높다.