둘째날 :

둘째날 : 홈 페이지 꾸미기

1) 문서의 글자를 이쁘게 꾸며보기(첫번째)

웹문서를 제작하면서 가장 먼저 하시는 일은 역시 워드에서 우리가 숙제를 하면서 편집하는 일과 마찬가지로 적어놓은 글자들을 이쁘게 꾸며야겠지요. 나모에서는 여러 가지 형태의 수식을 제공하면 복잡한 태그로서 구현되는 글자들의 속성을 워드에서 편집하듯이 쉽게 작업할 수 있는 환경을 제공합니다.

왼쪽 그림에서 보여지는 것중에서 가장 왼쪽 메뉴인 "보통"인 것은 문단과 한줄 한줄에 있는 글자들을 다양한 형식으로 꾸며주게 합니다.

첫 번째 보통으로 설정되어 있죠 이것은 아무 꾸밈도 없는 상태입니다.

두 번째 메뉴인 "제목1"은 제목의 형태로 글을 꾸며 주는 것으로 클릭하게 되면 해당 문단의 속성이 진하게 변해서 제목줄의 형태로 바뀌게 되죠.

"제목2" , "제목3" , "제목4" ...역시 같은 방법으로 글자를 수식 해주는 겁니다. 여러분이 직접 해보세요. 진해지거나 자간 사이의 간격이 조금씩 넓어 지면서 해당 글을 문서의 제목 형태로 바꾸어 주죠.

중간에 있는 (기본값)은 글꼴을 지정해 주는 곳입니다. 역삼각형을 눌러서 원하시는 글꼴을 지정해 주면 되겠죠. 물론 기본 글꼴도 변경해서 사용할 수가 있습니다. 이것은 나중에 다시 설명 하겠습니다.

가장 오른쪽 메뉴인 "2 (9pt)"는 모두들 아시겟죠. 바로 글자의 크기를 정하는 옵션입니다. 기본값 역시 지정되어 있는데 글꼴 크기 설정하는 것처럼 바꾸어 사용하실 수도 있습니다.

2)문서의 글자 이쁘게 꾸미기 (두번째)

여기선 그렇게 어려운 것들이 없습니다. "A"형태로 삼각형이 위에 붙어 있는 메뉴는 글자의 크기를 차례대로 키우는 것이고 옆에 있는 역삼각형을 달고 있는 것은 글자의 크기를 차례대로 작게 해주는 것입니다.

그리고 반짝이는 "A"는 글자가 꾸며지고 있는 모든 속성을 지워서 기본값만을 갖게 해주는 것입니다.
여러분이 글자에 대해 꾸미기를 많이 했는데 작업을 처음부터 새로 하고싶으시면 클릭하면 기본값만 가지게 됩니다. 팔레트 모양의 메뉴는 글자에 대해 색상을 삽입 할 수 있게 해줍니다. 클릭해보세요. 색지정할 수 있는 팔레트가 나오죠 그리고 해당 색상을 클릭하시면 원하는 색깔의 글자로 바뀝니다.

옆에 "B"의 모양을 가진 메뉴는 글자를 진하게 하는 것입니다. 기울여진" I"의 모양을 가진 것은 기울임꼴을 속성을 주는 것이구요 "U"자 모양은 글자의 아래에 밑줄을 긋게 해주는 것이구요. "T"의 모양은 글자를 고정폭을 글씨로 변하게 해줍니다. 일명 타자기 체 모양으로요.

그 다음 왼쪽에서 세 번째 칸에 있는 메뉴들은 정렬에 관계된 메뉴들입니다. "왼쪽 정렬", "가운데 정렬" ,"오른쪽 정렬" 입니다.

옆 그림의 오른쪽 두 번째에 있는 메뉴들의 글자들을 숫자로 된 목록을 가진 글줄이나 점으로 된 목록을 가진 글로서 속성을 변경시켜 줍니다.

가장 오른쪽의 메뉴는 "들여 쓰기 줄이기"메뉴는 들여쓰기를 한 글들을 다시 줄여 주는 것을 말합니다." 들여쓰기 늘이기"는 문달을 오른쪽으로 조금씩 늘인 형태를 만들어 주죠.

모든 메뉴들을 여러분께서 직접 한번씩만 클릭해 보세요 어렵지 않습니다. 워드랑 똑 같습니다.

3) 마우스 오른쪽 버튼을 이용한 글자 꾸미기(글꼴속성)

이전 장에서 배웠던 툴박스의 글자에 대한 서식 메뉴보다 훨씬 다양하게 글자를 꾸밀 수 있습니다. 마우스 오른쪽 버튼을 눌러서 글꼴 속성을 클릭해 보세요. 옆 그림과 같이 나오죠

"모양" 탭에서는 여러 가지 글자의 속성을 정할 수가 있죠.

옆에서는 크기와 색깔을 한꺼번에 지정할 수가 있구요.아래에는 "위/아래 첨자"를 할 수가 있죠. 미리보기가 가능합니다.

"확장모양"탭에서는 인용,강조,깜박임.고정폭이 동일한 글자등의 효과를 글자에 줄 수가 있고 글꼴도 동시에 변경할 수 있는 메뉴가 있어서 좀더 세밀하게 글자를 수식할 수가 있어 원하는 모양으로 바꾸어 보세요.

그리고 다시 마우스 오른쪽 버튼을 눌러서 "문단과 목록 속성"을 클릭해 보세요. 전장에서 배웠던 문단의 전반적인 속성을 샘플 형식으로 변경할 수 있는 메뉴들이 있습니다. 일일이 숫자나 점이나 제목을 수식하는 작업을 쉽게 해 줍니다.

4) 배경 화면 넣기

이제는 글자들의 수식은 마치고 배경 화면을 넣어서 좀더 확실하게 홈페이지를 꾸며 보도록 하죠. 나모에서는 홈페이지를 만드는데 필요한 클립아트를 충분히 갖고 있어서 처음으로 홈페이지를 만들더라도 별도의 그림 파일이 별로 필요없습니다. 그리고 나모에서는 작업을 하는 과정이 일관적으로 비슷한 구성으로 되어 있습니다. 그래서 배경화면 삽입하는 지금부터 확실히 따라하시면 나머지 작업들도 비슷한 환경이라는 것을 알 게 되실겁니다.

웹페이지에 배경화면을 넣기 위해서 오른쪽 마우스 버튼을 눌서 "문서 속성"을 클릭하여 보세요 .따라하세요 !!

문서 속성의 가운데 탭에 있는 모양 탭의 하단부에 보면 왼쪽과 같은 배경화면과 그림,소리 파일을 삽입 할 수 있는 메뉴가 있죠.

"그림(I)" 메뉴는 배경 이미지가 삽입되는 경로가 표시되는 곳입니다. "클립아트" 버튼을 클릭해 보세요 "그룹","타입","테마"등으로 이루어진 클립아트들이 여러분을 맞이 하죠. 그중에서 "type"탭에 있는 배경의 메뉴중에서 여러분이 원하시는 것을 선택해서 확인 버튼을 눌서 보세요

클립아트에서 선택한 그림이 배경화면으로 바뀌죠."type"탭의 배경 메뉴에 있는 것을 제외한 나머지 것들도 배경화면으로 쓸 수가 있습니다. 다만 작은 그림인 관계로 한가지의 모양이 계속 펼쳐진 형태로 배경 그림이 삽입 되게 되죠. 지금 당장 마우스 오른쪽 버튼의 문서 속성을 클릭하고 클립아트 버튼을 눌러서 나오는 클립아트 중에서 "type"탭에 있는 배경메뉴중에서 원하시는 그림을 골라서 확인 버튼을 눌러서 문서에 삽입해 보세요.

그림 복사하기 메뉴에는 이미지 파일이 있는 곳의 폴더가 다른 폴더에 있을 때 여러분이 홈페이지를 작업하는 폴더로 복사해서 이동하는 옵션입니다. 가령 여러분이 홈페이지의 html 파일등을 담는 폴더의 이름이 HOME 이고 그림파일이 있는 곳의 위치가 이 폴더가 아닌 다른 폴더에 있다면 여러분이 작업하는 HOME 폴더로 옮겨와야겠지요.만약 HOME 파일내에 있는 그림 파일을 넣을시에는 "그림복사 하기" 옵션에 체크를 할필요가 없겠지요.

이미지 파일 삽입과 그 속성에 대한 구체적인 공부는 셋째날을 참고로 하세요

5) 클립아트란

나모에서는 홈페이지를 만들 때 필요한 분리선, 아이콘, 배경 이미지들을 잘 분류해서 제공하고 있습니다.

일단 왼쪽 그림 처럼 세가지 탭으로 구성되어 있습니다.그리고 세가지 탭안에는 소메뉴 분류 되어 있고 오른쪽에는 미리 보기가 있어서 어떤 분류인지 쉽게 사용자가 알 수 있습니다.

각 탭의 분류 밑에는 "추가",이름바꾸기","삭제" 의 버튼이 있어서 분류된 항목들의 이름을 편집하여 사용자 취향에 맞게 바꿀 수 있습니다.

오른쪽 미리 보기 메뉴 밑에는 "미리보기를 만들기(T)"와 "파일 삽입"버튼이 있어서 미리보기를 만들 수 있을 뿐만 아니라 다른 그림 파일들을 불러와서 클립아트에 삽입시킬 수가 있습니다. 사용자 스스로 클립아트를 구성할 수가 있게 되는 것이죠.

웹서핑을 하시면서 모아놓은 아이콘 및 이미지를 클립아트에 모두 넣어서 여러분만의 클립아트를 만들어 보세요.

홈페이지 제작시 일방적인 나모에서 제공하는 것 뿐만 아니라 사용자의 개성이 듬뿍 들어간 홈페이지를 만들 수 있겠죠.

다음장에는 좀더 자세히 그림 및 소리 삽입등에 대해서 공부합니다.

6) 편집의 팁과 좋은 홈페이지란?

세련된 웹페이지는 무엇보다도 통일성과 안정감을 가집니다. 그림고 메뉴의 조화 아이콘하나 하나에도 일체감이 있어서 보는 사람도 무엇보다 빠르게 원하는 정보를 얻을 수가 있습니다. 이런 페이지를 만들기 위해서는 여러분 각자가 만들어 놓은 메뉴배열이라던지 색깔의 통일감을 주고 방문자들이 쉽게 원하는 정보를 찾을 수 있는 모양으로 된 홈페이지가 좋은 것입니다. 쉬운 방법으로만 만든다던가 여러분 자신만 생각하고 홈페이지를 제작해서는 절대로 안됩니다. 요란한 아이콘들로 꾸미시지 마시고 큰제목 앞에 들어가는 아이콘 하나 소제목앞에 들어가는 아이콘 하나 이렇게 간단하면서도 통일된 모습을 주셔야 세련되어 보입니다.

홈페이지 제작하는 건 기술입니다. 이 기술이 중요한 것이 아니라 여러분이 홈페이지를 통해서 무엇을 말하고 싶은가 즉 여러분의 생각과 정보가 홈페이지의 생명입니다. 웹서핑을 하시다가 보면 그래픽은 뛰어나도 정보하나 담겨져 있지 않은 홈을 보게 됩니다. 이런 홈페이지들은 처음에는 아~ 잘만들었구나 하여도 두번.세 번 그 홈페이지를 방문하지는 않습니다.

홈페이지를 제작한다는 방법에 연연하시지 마시고 여러분이 어떤 정보를 홈페이지를 통해서 제공해야겠다는 기획력이 무엇보다 중요합니다. 처음 홈제작을 하는 분들도 어떤말과 어떤 모양으로 만들지 몰라 시작도 하기 전에 포기하시는 분들도 많이 보았습니다. 나모에서는 쉽게 홈을 만들 수 있습니다. 쉽게 만들 수 있으니 충분히 어떤 내용을 담을 것인지 생가하시고 기획하는 준비 단계 역시 더더욱 중요해집니다. 여러분의 홈 페이지에 방문자가 많이 오시는 것을 바란다면 여러분만의 정보를 홈페이지에 담도록 하세요. 그럼 카운터 늘어나는 재미가 쏠쏠하답니다.