![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-1](http://images.happyhaksul.com/thumb/225/224060-0001.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-2](http://images.happyhaksul.com/thumb/225/224060-0002.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-3](http://images.happyhaksul.com/thumb/225/224060-0003.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-4](http://images.happyhaksul.com/thumb/225/224060-0004.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-5](http://images.happyhaksul.com/thumb/225/224060-0005.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-6](http://images.happyhaksul.com/thumb/225/224060-0006.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-7](http://images.happyhaksul.com/thumb/225/224060-0007.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-8](http://images.happyhaksul.com/thumb/225/224060-0008.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-9](http://images.happyhaksul.com/thumb/225/224060-0009.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-10](http://images.happyhaksul.com/thumb/225/224060-0010.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-11](http://images.happyhaksul.com/thumb/225/224060-0011.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-12](http://images.happyhaksul.com/thumb/225/224060-0012.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-13](http://images.happyhaksul.com/thumb/225/224060-0013.gif)
![[나모웹에디터] 나모웹에디터의 이미지삽입과 이미지맵설정, 나모웹에디터의 링크삽입, 나모웹에디터의 프레임편집과 문자편집, 나모웹에디터의 레이어설정과 스타일시트설정 심층 분석-14](http://images.happyhaksul.com/thumb/225/224060-0014.gif)
분야
hwpⅡ. 나모웹에디터의 이미지삽입
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) 내용 탭
참고문헌
나모 웹 에디터는 최초로 국내 기술로 탄생한 인터넷 문서 저작도구이며, 같은 종류의 외국산 제품과 겨루어 조금도 손색이 없는 비주얼 방식의 HTML 에디터이다. HTML 문서 형식을 만들어주는 태그(Tag)를 익힐 필요 없이 기존의 워드프로세서로 문서를 작성하듯이 자연스럽게 내용을 입력하고 그림과 표, 그래프 등 다양한 문서 장식들을 추가하여 구성하면 누구나 쉽게 HTML 문서를 만들 수 있다. 태그 방식의 문서 작성에 익숙한 사용자도 소스보기 창을 이용하여 기존의 방식 그대로 편집할 수 있다. 특히 어느 한 가지 HTML 문서작성기만으로 작업을 끝내지 못하고, 위지윅 에디터와 텍스트 에디터를 넘나들며 작업을 해왔던 전문 홈페이지 작성자들에게도 유용하다. 기존의 HTML 문서작성기들은 화면에 나타나는 문서 내용과 궁극적으로 웹브라우저를 통해 보게 되는 화면과 차이가 있다. 나모웹에디터는 사용자가 화면에 입력하고 보여지는 모양 그대로 웹브라우저에서도 그대로 나타나기 때문에 문서 작성자의 의도를 그대로 반영할 수 있다. 한국, 일본, 중국과 같은 2바이트 문화권에 대한 배려가 매우 모자란 대부분의 외국 제품과는 달리 한국인을 위한 한글 처리 기술이 포함되어 있다. 예를 들어, 넷스케이프 네비게이터 3.0/4.0 골드는 문서 인코딩 때문에, 한글과 같이 2바이트로 된 HTML 문서 작성이 불편하다.(3.0의 편집기는 기능이 크게 모자라고, 4.0 베타판의 편집기는 나아지기는 했지만 역시 기능이 부족하고, 한글이 깨지지 않게 하려면 매번 인코딩 방식을 [korean]으로 지정해야 함). MS의 프론트페이지도 MS 익스플로러의 확장명령이 반영되어 있으므로, 넷스케이프 네비게이터에서의 일치성이 많이 떨어진다. 나모웹에디터에서 작성한 문서는 네비게이터나 익스플로러 양쪽 모두에서 동일한 결과물을 얻을 수 있고, 확장규약을 꾸준히 지원하기 때문에 국내의 홈페이지가 가진 한글처리의 문제를 해결할 수 있는 최적의 솔루션이다.
김갑수·홍명희, 디지털시대를 선도하는 컴퓨터의 이해, 좋은 소프트, 2003
김진수·김정택·고완석, 컴퓨터의 이해와 활용, 삼영사, 1998
신수범 역, 컴퓨터 활용의 이론과 실제
웹디자이너를 위한 나모웹에디터5, 디지탈디자인, 디지털북스, 2001
이정환·김태석·김진일·박영식·송홍복·이승훈·이종국·이정재·장종욱·정덕길·최병윤, 정보와 컴퓨터, 호릉과학출판사, 1996
함영기, 깡통@나모웹에디터4.com, 비앤씨, 2000
