▣ 홈페이지의 체계와 전체적인 흐름 기획하기 어떤 홈페이지를 만들 것인지 주제를 명확히 정하고, 어떤 모습으로 어떻게 구성할 것인지에 대해 구체적인 계획을 세우는 것이 기획단계이다. ▣ 홈페이지 구조와 모양 디자인하기 디자인을 위한 홈페이지인지, 컨텐츠를 부각시키기 위한 디자인인지 명확한 초점을 정하여 그림을 그리기 전에 밑그림을 그리는 것처럼, 홈페이지의 모양을 정하는 단계이다. ▣ 사이트 관리자를 이용한 홈페이지 초안 사이트 만들기 사이트 관리자를 이용해 홈페이지를 만들면 홈페이지를 구성하는 파일 목록과 홈페이지의 구조를 쉽게 파악하고 관리 할 수 있으므로 구조가 복잡하거나 보여줄 내용이 많은 홈페이지를 작성하는 경우에는 사이트 관리자를 이용하여 홈페이지 초안을 잡은 후 세부 문서들을 작성하는 것이 좋다.

▣ 시작 문서(index.html) 만들기 1. 홈페이지에 맨 처음 접속했을 때 나타나는 문서로 방문자가 바로 알 수 있도록 쉽고 간결하게 작성하는 것이 좋다. 2. 배경 그림을 삽입하고 작성하고자 하는 홈페이지의 특성에 맞도록 레이어, 표, 스마트 버튼 등을 이용하여 작성한다. 3. 방문자에게 특별히 알리고자 하는 내용도 시작 문서에 삽입하여 표시한다. ▣ 레이아웃 표를 이용하여 우리 가족 부분과 시 부분의 메인문서 만들기 1. [구조]창에서 ‘우리 가족 소개’, ‘오늘의 시’문서를 더블 클릭하여 실행한다. 2. [표]>[레이아웃 표]>[레이아웃 표 그리기]를 클릭하여 표를 작성한 후 꾸며준다. 3. 각 구성원을 클릭하여 해당 가족 구성원의 소개를 볼 수 있도록 표를 작성한다. 4. 각 날짜를 클릭하여 해당 날짜에 해당하는 시를 볼 수 있도록 표를 작성한다. 5. 보기 좋은 형태로 서식, 정렬을 사용하여 꾸며준다. ▣ 프레임 셋을 이용하여 시나리오 메인문서 만들기 1. 시나리오 부분은 프레임과 프레임 셋을 이용하여 웹 문서를 작성한다. 2. [사이트 관리자]-[구조]창에서 ‘우리 시나리오’문서를 더블 클릭한다 3. [프레임]>[프레임 나누기]>[위쪽]을 클릭하여 위아래로 프레임을 나눈다. 4. 표와 적절한 그림을 삽입하여 각각의 프레임을 꾸며준다. 5. 저장하기를 클릭하여 나누어진 프레임을 모두 저장한다. 6. 프레임셋으로 저장되는 파일을 ‘내 사이트’에 추가한다.