[나모웹에디터][인터넷문서저작도구]나모웹에디터의 이미지삽입, 나모웹에디터의 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정

소개글

[나모웹에디터][인터넷문서저작도구]나모웹에디터의 이미지삽입, 나모웹에디터의 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정에 대한 보고서 자료입니다.

목차

Ⅰ. 개요

Ⅱ. 나모웹에디터의 이미지삽입
1. 그림 삽입하기
2. 그림효과주기
1) 명도대비
2) 회전
3) 효과
4) 그라디언트
5) 그림자
6) 글자 덧붙임
3. 클립아트 사용하기
4. 스마트버튼 사용하기
5. 모든 그림들을 배경그림으로 삽입하기

Ⅲ. 나모웹에디터의 이미지맵설정
1. 이미지맵
2. 이미지맵 설정

Ⅳ. 나모웹에디터의 링크삽입
1. 텍스트 하이퍼링크 만들기
2. 그림에 하이퍼링크 만들기
3. 이미지맵으로 하이퍼링크 만들기

Ⅴ. 나모웹에디터의 프레임편집

Ⅵ. 나모웹에디터의 문자편집
1. 글꼴 바꾸기
2. 글자, 글자 배경색 바꾸기
3. 글자 크기 바꾸기
4. 문단의 모양 바꾸기
1) 문단 정렬
2) 숫자로 된 목록
3) 점으로 된 목록
4) 들여쓰기 늘이기
5) 들여쓰기 줄이기
6) 줄 간격

Ⅶ. 나모웹에디터의 레이어설정
1. 레이어 만들기
1) 보이기
2) Z 순서
2. 레이어 액션 만들기

Ⅷ. 나모웹에디터의 스타일시트설정
1. 스타일시트, 왜 사용하는가
2. 스타일 시트 사용의 문제점
3. 스타일시트는 어디에, 어떤 모양으로 사용되는가
4. 스타일 사용하기
5. 스타일 고치기
6. 스타일 지우기
7. 스타일, 웹 그리고, 가독성
1) 글꼴 탭
2) 내용 탭

참고문헌

본문내용

서만 지원하는 기능이다. 또한 IE와 NN이 서로 독자적인 브라우저와 HTML규약을 사용하고 있는 까닭에 각각의 브라우저에서 적용될 수 있는 스타일시트는 상당히 다른 모양새를 지니고 있다. 이후에 스타일시트에 대해서 좀더 자세히 배울 수 있는 장을 마련해 놓았으니 참고하기 바란다.
3. 스타일시트는 어디에, 어떤 모양으로 사용되는가
나모의 HTML 소스보기 창이나 웹브라우저에서 마우스의 오른쪽 버튼을 눌러서 소스보기를 했을 때 나타나는 까지 표시된 부분이 바로 스타일이 정의된 부분이 된다. 사실 여러분은 간단하게나마 스타일을 사용하고 있다. 줄간격 150% 문서속성을 사용한다면 leading150 이 바로 스타일이기 때문이다. 그렇다면 우리가 사용할 스타일 항목을 직접 만들어 보도록 하자. 스타일 항목에 대한 각각의 설명은 나모웹에디터 내부의 도움말에 충실히 설명되어 있으므로 생략한다. 대신 이 글에서는 어떤 항목을 어떻게 섞으면 좋은 효과를 낼 수 있는지에 주안점을 두겠다.
4. 스타일 사용하기
나모웹에디터의 메뉴에서 [서식]≫[문서스타일]을 선택하면 스타일 시트 대화상자가 보인다. 추가 단추를 누르면, 스타일 추가 대화상자가 보인다. 스타일 종류로 클래스를 선택한다. ID 와 기타는 스타일에 대한 상당한 노하우를 요구하는 항목이며, 오히려 혼돈의 가능성이 있는 부분이다. 따라서 이 강좌에서는 다루지 않는다. 스타일 종류로 클래스를 선택했으면, 이름을 입력한다. 이름은 대소문자를 구별하므로 조심하고, 반드시 알파벳 문자로 시작해야 한다. 이름 입력이 끝나고 확인을 누르면 스타일 대화상자가 보인다. 스타일 대화 상자에서 원하는 속성을 넣는다. 속성의 각 항목에 대해서는 도움말이 예제와 함께 자세하게 설명하고 있으므로 중요한 몇 몇 속성을 아래에서 다시 설명하겠다. 속성 입력이 끝나면 확인 단추를 누른다. 확인 단추를 누르면 새로 만들어진 스타일의 이름과 속성이 스타일 시트 구문으로 나타나 있다. 이름과 속성이 표시되어 있음을 확인했다면, 스타일을 사용할 문단으로 커서를 옮긴다. 도구 막대의 스타일 시트 드롭다운 메뉴를 이용해서 앞에서 정해 주었던 스타일 이름을 선택한다.
5. 스타일 고치기
스타일 고치기는 아래와 같다. [서식]≫[문서 스타일]을 선택한다. 고치고 싶은 스타일 이름 위로 커서를 놓고 편집 단추를 누른다. 스타일 대화상자에서 항목을 고친다.
6. 스타일 지우기
스타일을 지우는 과정은 수작업이 필요한 편이다. [서식]≫[문서 스타일]을 선택한다. 지울 스타일 전체 - 제목부터 가 끝나는 곳까지 - 를 마우스로 선택한다. DEL 글쇠를 누른 후, 완료 단추를 누른다.
7. 스타일, 웹 그리고, 가독성
웹의 제한점은 종이 문서와 달리, 사용자의 환경에 따라서 결과물이 달라진다는 것에서 시작한다. 따라서 웹디자이너들은 일반 디자이너들과 달리 질과 양을 동시에 신경 써야 하는 불리한 조건에 놓이게 된다. 스타일시트는 이러한 웹의 제한점을 어느 정도 없애주는 기술이다. 웹의 결과물에 워드프로세서의 통일성을 넣어서 디자이너들이 의도하는 결과물이 사용자에게 전달될 수 있게 된 것이다. 이러한 스타일시트를 제대로 쓰기 위해서는 종이 문서와 똑같은 디자인의 개념이 도입되어야 한다. 이런 개념을 몇몇 중요한 스타일시트의 요소와 함께 설명한다.
1) 글꼴 탭
스타일 대화 상자의 글꼴 탭에서 글꼴 관련 정보를 편집할 수 있다. 자신의 웹 문서가 남들 눈에 띄게 만들고 싶어하는 것은 당연하다. 하지만 그러한 욕심이 좋지 않은 결과를 만드는 대표적인 것이 글꼴의 남용이다. 일반적으로 글꼴은 2-3가지의 글꼴을 사용하는 것이 좋다. 너무 많은 글꼴은 오히려 사용자의 시각을 혼란하게 만든다. 따라서 문서의 큰 이름으로 고딕묶음의 글꼴 하나, 문단 이름으로 역시 고딕묶음이나 굵은 명조 묶음으로 하나, 나머지는 본문이 적당하다. 또한 본문 글꼴의 크기는 미려한 인쇄가 가능한 종이 문서의 경우, 9-10 포인트를 적당하다고 하지만, 웹 문서에서는 10-12 포인트 사이의 크기가 적당하겠다. 주의할 것은 italic이나 bold, blink 같은 글꼴 모양새와 꾸밈이다. 이것은 잘 사용하면 그래픽을 굳이 사용하지 않고도 특정 부위나 제목을 눈에 띄게 만들지만, 역시 너무 많이 사용할 경우, 눈을 피곤하게 만든다.
2) 내용 탭
가장 중요한 부분이다. 많은 웹 문서에서 내용 정렬을 가운데, center로 정의한다. 절대! 금물이다. 가운데 정렬은 표나 그림 같은 객체, 혹은 제목 같은 극소수의 요소, 혹은 시와 같은 특수한 경우에만 사용한다. 그러나 오른쪽 정렬의 경우, 왼쪽 정렬과 잘 섞어 쓴다면 좋은 효과를 가져온다. 들여쓰기는 널리 쓰이는 요소다. 특히 길고 많은 내용이 담긴 글에 들여쓰기는 시각적인 구별이 가능하게 해 준다. 일반적으로 1-2 글자 정도의 들여쓰기가 좋으므로, 10.5 포인트의 글꼴을 사용할 경우, 10.5-21 포인트 정도의 들여쓰기가 좋다.
줄간격은 가독성에서 빼 놓을 수 없는 요소다. 한글 글꼴의 특성상 줄간격이 지정되지 않으면 줄이 붙은 것처럼 보이기 때문에 스타일시트의 줄간격은 한글 문서의 가독성을 높이는데 기여하는 중요한 요소다. 덧붙이자면, 줄간격이 넓을수록 가독성은 높아지지만, 긴장도는 떨어진다는 점, 잊지 말아야 한다. 따라서 논문 등의 문서에서는 220%의 줄간격을 사용한다. 하지만, 일반 한글 문서를 편집할 경우, 180%를 사용한다. 150% - 220% 정도의 줄간격이면 무난할 것이다.
참고문헌
권기목·김현정, 컴퓨터의 입문과 사무자동화, 연학사 1996
김갑수·홍명희, 디지털시대를 선도하는 컴퓨터의 이해, 좋은 소프트, 2003
김진수·김정택·고완석, 컴퓨터의 이해와 활용, 삼영사, 1998
신수범 역, 컴퓨터 활용의 이론과 실제
웹디자이너를 위한 나모웹에디터5, 디지탈디자인, 디지털북스, 2001
이정환·김태석·김진일·박영식·송홍복·이승훈·이종국·이정재·장종욱·정덕길·최병윤, 정보와 컴퓨터, 호릉과학출판사, 1996
함영기, 깡통@나모웹에디터4.com, 비앤씨, 2000

키워드

나모웹에디터,   나모,   인터넷문서저작도구,   웹,   인터넷