본문 바로가기
컴퓨터

나모웹에디터 2006(케이크 하우스 만들기)...(1)

by 해찬솔의 신학 2009. 11. 11.
   
  [나모웹에디터] 나모웹에디터 2006 - 1. 케이크하우스 만들기
 
나모 웹스튜디오 2006 스탠더드는 HTML 문서를 제작하는 나모 웹에디터 2006, 게시판 시스템을 제작하는 나모 웹보드, 웹 전용 이미지 저작 도구인 나모 웹캔버스 2006, 그리고 웹 애니메이션 저작 도구인 나모 프리모션 2006으로 구성된 웹 통합 솔루션이다.

‘나모 웹스튜디오 2006 스탠더드’로 자유로운 나만의 공간을 만들어보자.
 

 

 
 케이크 하우스 사이트 만들기
 
웹사이트를 직접 만들어본 경험이 많지 않은 사람은 도대체 어떤 디자인으로 어떤 페이지가 담긴 사이트를 만들어야 할지 막막할 것이다. 이럴 때에는 먼저 나모 웹에디터에서 제공하는 템플릿과 테마를 활용해보자. 템플릿이란 웹사이트 유형별로 각각의 주제에 맞게 미리 규격화한 웹사이트의 틀이라고 할 수 있는데 사이트 템플릿은 웹사이트의 주제에 맞는 구조와 기본 문서 모양을 이미 갖춘 마법사 툴이다. 따라서 원하는 템플릿을 선택한 뒤 문서에 들어갈 내용을 입력하기만 하면 웹사이트를 손쉽게 만들 수 있다.
 
사이트 마법사에서 제공되는 템플릿 유형이 자신에게 맞지 않을 때에는 새로운 문서를 넣거나 수정해 사이트 구조를 바꿀 수도 있다. 또 만들려는 웹사이트의 분위기에 맞는 테마를 직접 선택해 자신에게 맞는 웹사이트를 완성할 수 있다.
여기에서 만들어볼 웹사이트는 가상의 케이크 하우스(NAMOS Cake House) 사이트다. 케이크 하우스를 소개하고 케이크 종류를 사진으로 볼 수 있도록 꾸민 뒤, 나모 웹보드를 활용한 게시판도 직접 만들어볼 예정이다.
그럼 먼저 사이트 마법사를 활용해서 웹사이트의 틀을 만드는 것부터 시작해보자.
 
  Tip 1  도움말 활용하기
여기에서는 자세히 다루지 못하는 기능 설명은 제품에 포함되어 있는 도움말을 참고하기 바란다. 도움말을 보려면 F1키를 누르면 된다.
 
 
 1단계  사이트 템플릿 선택하기
 
사이트 마법사를 써서 웹사이트를 만들 때 가장 먼저 선택해야 하는 것은 사이트 템플릿이다. 사이트 템플릿은 사이트의 기본적인 틀을 만드는 것이다. 여기에서는 ‘레스토랑 사이트’ 템플릿을 선택해 홈페이지를 꾸며보도록 한다.
 
01 나모 웹에디터 2006을 실행한다. 왼쪽에 있는 ‘바로가기’ 패널에서 ‘사이트 마법사’를 누른다.
 
 
 
 
 
 
 
 
 
 
 
 
 
02 ‘사이트 마법사 : 템플릿’ 대화 상자에서 ‘레스토랑 사이트’를 선택한다. ‘다음’을 누른다.
 
 
 2단계  테마 선택하기
 
‘사이트 마법사: 테마’ 대화 상자에서는 사이트 전체에 적용할 테마를 선택할 수 있다. 나모 웹에디터 2006의 테마는 색깔별로 분류되어 있어 원하는 사이트의 색깔 톤에 따라 테마를 선택할 수 있다. 여기에서는 ‘그린’ 폴더의 ‘그린 01’ 테마를 선택해 사이트를 만들어보도록 하겠다. 참고로 테마는 사이트를 만든 후에도 다른 테마로 바꿀 수 있다.
 
 
01 ‘사이트 마법사: 테마’ 대화 상자의 ‘테마 목록’에서 원하는 테마 그룹을 선택한다. 여기에서는 ‘그린’을 더블 클릭한다.
 
02 테마 그룹에 포함된 여러 가지의 테마 중에서 하나를 선택한다. 여기에서는 ‘그린 01’ 테마를 선택한다.
 
03 ‘다음’ 을 누른다.
 
 
 3단계  사이트 정보 입력하기
 
‘사이트 마법사: 정보’ 대화 상자에서는 사이트의 기본 정보를 입력할 수 있다. 사이트 제목과 만든 이, 이메일 주소와 같은 사이트 관련 정보와 사이트 파일을 저장할 위치를 지정한다.
 
01 ‘사이트 마법사: 정보’ 대화 상자에서 ‘사이트 제목’과 ‘만든 이’, ‘이메일 주소’를 입력한다. 정보 입력 단계에서 입력한 정보는 사이트를 구성하는 웹 문서에 자동으로 삽입된다.
 
02 ‘사이트를 저장할 폴더’에서는 사이트 파일이 저장되는 위치를 지정할 수 있다.
 
03 ‘다음’을 누른다.
 
 
 
 4단계  출판 정보 설정하기
 
‘사이트 마법사: 출판하기’ 대화 상자에서는 사이트를 출판할 때 필요한 정보를 설정할 수 있다. 출판이란 내 컴퓨터에 있는 사이트 구성 파일들을 웹에서도 볼 수 있도록 웹 서버에 올리는 것을 말한다. 출판 정보를 설정하고 출판 방법에 대한 자세한 내용은 다음 달에 다루기로 하고 여기에서는 바로 ‘마침’을 누른다.
 
 
사이트 정보 단계에서 지정한 폴더가 존재하지 않는다는 메시지 상자가 나타나면 ‘예’를 누른다. 사이트 파일이 생성되면서 ‘사이트 관리자’가 자동으로 실행된다.
 
 
 사이트 관리자 활용하기
 
사이트를 만들면 사이트 파일이 생기면서 ‘사이트 관리자’가 자동으로 실행된다. ‘사이트 파일(site.wej)’이란 나모 웹에디터에서 웹사이트를 구성하는 모든 파일 정보를 모아 놓은 파일을 말하며 ‘사이트 관리자’는 이러한 사이트 파일을 열어 사이트를 관리하는 기능이다. 사이트 관리자는 사이트 마법사로 만든 사이트의 논리적인 구조를 볼 수 있으며 이러한 사이트 구조도는 각 웹 문서의 연결 관계를 파악하는 데 유용하다.
 
<사이트 관리자와 사이트 구조도>
 
사이트 구조도의 작은 사각형들은 웹 사이트를 구성하고 있는 웹 문서를 나타내는 노드(공중 정보망의 데이터 교환점)다. 가장 위에 있는 ‘나모스’는 사이트 파일을, 그 아래에 있는 항목들은 사이트를 구성하고 있는 HTML 파일을 표시한다.
다음에는 사이트 구조에 포함된 각각의 문서를 열어 내용을 채워보도록 하겠다.