홈페이지 제작부터 출판까지의 전과정

홈페이지 기획

제작할 홈페이지의 용도와 주제를 결정하고 대략적인 내용을 생각하여 문서로 남기는 과정입니다. 규모가 큰 홈페이지를 제작할 경우에는 제작에 투입되는 인원을 결정하고, 일정에 대한 관리 방법도 기획 단계에서 생각해야 할 필수 요소입니다.

스토리보드, 전체 구조도 및 플로어챠트 제작

스토리 보드란 전체 페이지의 흐름과 특이사항 등을 한눈에 볼 수 있도록 파워포인트, 엑셀 등의 프로그램을 이용하여 도식화 시키는 것으로 실제적인 제작과정에서 중요한 역할을 합니다.스토리보드가 작성되면 홈페이지의 1/3은 완성되었다고 해도 과언이 아닐 정도로 아주 중요한 비중을 차지합니다.전체구조도란 홈페이지의 전체 구조를 파악할 수 있는 그림이나 도표를 말하는 것으로 '사이트맵'으로 완성된 홈페이지에 안에 삽입되는 문서입니다.플로어차트란 프로그래밍 분야에서 쉽게 접할 수 있는 다이어그램으로 논리순서, 작업처리 과정을 파악하기 위한 용도로 사용됩니다. 다음은 홈페이지에서 일반적으로 많이 접할 수 있는 회원가입에 대한 플로어차트입니다.

홈페이지 제작에 필요한 자료 수집

제작할 홈페이지와 유사한 기존 홈페이지에 대한 벤치마킹이나 홈페이지에 삽입될 그림, 문서, 동영상에 대한 자료 수집은 실제로 디자인 및 문서 편집 작업을 시작하기 전에 필수적으로 이루어져야 할 사항입니다. 수집한 각각의 요소들을 웹에서 사용할 수 있도록 가공하여 미리 준비해 두어야만 실제 제작 과정에서 일정에 차질 없이 진행 할 수 있게 됩니다.

웹계정과 도매인 서비스 신청

홈페이지를 운영하려면 웹 계정이라는 홈페이지를 저장할 공간과 함께 홈페이지 주소인 도메인이 필요합니다. 개인 홈페이지일 경우에는 도매인 없이 포털사이트의 무료 계정 서비스를 이용해도 되지만, 로그인이나 쇼핑몰 등과 같은 시스템이 필요한 경우에는 웹 계정과 도매인을 별도로 갖추어야 합니다. 홈페이지 용도와 성격을 제대로 파악하여 웹 계정과 도매인을 신중하게 선택하도록 합니다.

디자인 시안 제작

홈페이지 주제에 앞서 만든 스토리보드를 참조하여 포토샵과 같은 그래픽 프로그램을 이용하여 이트로, 메인, 서브, 페이지의 시안 작업을 합니다. 디자인 시안 작성시 염두에 두어야 할 사항은 홈페이지의 해상도, 멀티미디어 콘텐츠의 배치, 주제와 적합한 색상과 스타일의 선정 등이 있습니다. 개인 홈페이지일 경우에는 비교적 자유롭게 구성 할 수 있지만, 클라이언트가 별도로 있는 경우에는 클라이언트를 설득할 수 있는 디자인 시안이 필요합니다.

문서제작 및 편집

디자인 시안이 결정되었다면 홈페이지를 구성하는 각각의 웹문서를 제작합니다. 웹문서에 삽입되는 다양한 컨텐츠들을 배치하고 프로그래밍 작업 등을 수행합니다.

홈페이지 출판

홈페이지 문서에 필요한 모든 파일이 완성되었다면 웹계정에 관련된 파일을 모두 업로딩해야 합니다. 이때 로그인 페이지나 게시판 페이지 등의 프로그래밍 요소가 포함된 페이지일 경우에는 관련 파일을 업로딩하고 사용 환경을 맞춰야 하는 과정도 필요하게 됩니다.

홈페이지 오픈과 업데이트

출판과정이 모두 끝났다면 방문자의 입장에서 전체 홈페이지를 테스트하여 내용상에 오류는 없는지, 프로그래밍에 버그가 없는지 등을 파악해야 합니다. 또한 많은 사람들이 끊임없이 방문할 수 있도록 지속적인 업데이트와 꾸준한 홍보 및 유지보수를 실시합니다.