HTML이란 Hyper Text MarkUp Langage의 약자로서, HyperText(하이퍼텍스트)란 웹서핑을 하다가 글씨나 그림 혹은 기호 등에 마우스를 가져가면 마우스 모양이 변하며 이 때 클릭하면 해당 링크로 연결되는 것을 말합니다. 위는 필자의 홈페이지인데요, 필자는 출판사를 운영하며 동시에 인터넷 쇼핑몰을 운영하기 때문에 위와 같이 쇼핑몰 방문 고객과, 출판사 방문 고객을 분리하여 링크를 해 놓았고요, 위의 마우스가 가리키는 [가나출판사]를 클릭하면 다음과 같이 출판사 페이지로 연결됩니다.

다시 위의 손가락이 가리키는 필자의 저서를 클릭하면 또 다시 다음 화면에 보이는 것과 같이 링크된 페이지로 연결됩니다. 이 때 위의 페이지에서 키보드의 [F12]를 누르면 아래와 같은 코드가 보입니다. 원래 위의 제품 상세설명 페이지는 위와 같이 복잡한 HTML 코드로 구성되어 있습니다. 그러나 위와 같이 모든 것은 코드로만 작업을 한다면 필자와 같이 백만 개 이상의 많은 상품의 제품 상세설명 페이지를 만들어서 웹상에 올린다는 것은 사실상 불가능합니다. 필자의 홈페이지는 그리 규모가 큰 사업체가 아님에도 불구하고 위의 화면에 보이는 프로그램 명령 줄이 백만 줄도 넘습니다.

이렇게 엄청난 프로그래밍을 하기도 힘들뿐더러 설사 할 줄 안다 하여도 백만 줄이 넘는 명령어를 일일이 입력을 한다는 것은 혼자서는 불가능하므로 여러 사람이 분업을 하여 파트별로 프로그래밍을 해서 나중에 하나로 합쳐서 디버깅 등을 거쳐서 최종적인 코딩을 해야 합니다. 그래서 위지윅(WYSIWYG) - 눈에 보이는 대로 출력되는 것 - 프로그램이 필요한 것이고요, 웹문서를 위지윅화 해 주는 것이 웹에디터이고요, 웹에디터는 유료 프로그램이고요, 우리나라 토종 웹에디터인 나모 웹에디터는 개인은 약 19만원, 기업은 약 200만원, 마이크로소프트 드림웨버는 약 60만원~70만원 정도 합니다.

그래서 웹에디터가 필요하다는 것은 알지만, 정품 프로그램을 구입하시가 쉽지 않은 것입니다. 그런데, 마이크로소프트사에서 웹에디터 프로그램인 Microsoft Expression Web4 버전을 무료로 개방을 했다 이겁니다. 앞에서도 소개를 했습니다만, 무료 버전이기 때문에 유료 버전과는 아무래도 차이가 있겠지만, 필자가 현재 지속적으로 Microsoft Expression Web4 프로그램을 사용 중인데요, 사실상 거의 제한 없이 사용 가능합니다.

CSS 부분에서 약간의 제한이 따르지만, 이것은 CSS를 잘 모르기 때문에 제한이 따르는 것일뿐 CSS를 조금만 알면 되므로 이 또한 사실상 제한이 없다고 보아도 됩니다. CSS란 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)의 약자로서 쉽게 설명하자면, HTML 문서가 너무 밋밋하므로 HTML 문서를 시각적으로 보기좋게 꾸며주는 기능이라고 보시면 됩니다.