[나모웹에디터]나모웹에디터의 문서편집과 표편집, 나모웹에디터의 이미지삽입과 하이퍼링크삽입, 나모웹에디터의 프레임설정, 나모웹에디터의 레이어활용, 나모웹에디터의 스크립트마법사 분석(나모웹에디터)

소개글

[나모웹에디터]나모웹에디터의 문서편집과 표편집, 나모웹에디터의 이미지삽입과 하이퍼링크삽입, 나모웹에디터의 프레임설정, 나모웹에디터의 레이어활용, 나모웹에디터의 스크립트마법사 분석(나모웹에디터)에 대한 보고서 자료입니다.

목차

Ⅰ. 개요

Ⅱ. 나모웹에디터의 문서 편집
1. 무엇으로 내용을 채울까
2. 제목 꾸미기
3. 목록 만들기
1) 숫자 목록 만들기
2) 숫자 목록 모양 바꾸기
3) 문자 목록 만들기
4) 문자 목록 모양 바꾸기
4. 문서 속성 바꾸기
1) 문서 기본색 바꾸기
2) 배경 그림 넣기
3) 배경 소리 넣기
5. 문단 속성 바꾸기
6. 문단 나누기, 줄 나누기
1) 줄 나누기
2) 줄 나누기로 다른 효과 주기
7. 글꼴 속성 바꾸기
8. 모양 복사하기

Ⅲ. 나모웹에디터의 표 편집
1. 간단한 표 만들기
2. 내용 넣기
3. 표 속성 바꾸기
4. 셀 크기 바꾸기
5. 셀에 색상 적용하기

Ⅳ. 나모웹에디터의 이미지 삽입
1. 그림
2. 편집 화면에 그림 넣기
3. 클립아트 갤러리 이용하기
4. 그림 속성 바꾸기

Ⅴ. 나모웹에디터의 하이퍼링크 삽입
1. 텍스트에 하이퍼링크걸기
2. 그림에 하퍼 링크걸기

Ⅵ. 나모웹에디터의 프레임 설정
1. 프레임
2. 프레임과 프레임셋
3. 프레임의 닉네임(별명)
4. 프레임 문서 만들기

Ⅶ. 나모웹에디터의 레이어 활용
1. 이름
2. 배경
3. 그림
4. 이벤트

Ⅷ. 나모웹에디터의 스크립트 마법사
1. 롤오버 그림
2. 애니메이션 효과
3. 펼침 목록 메뉴
4. 링크 이동 단추
5. 자동 이동
6. 방문자 정보 보여주기
7. 텍스트 시계
8. 움직이는 텍스트
9. 상황선의 움직이는 텍스트
10. 사이트 차례 만들기

참고문헌

본문내용

해야 한다.
○ 이제 각 프레임 내의 문서에 내용을 입력한다. 왼쪽 프레임에는 홈페이지의 차례(목차)로 활용하는 메뉴 역할을 하게 할 것이므로 홈페이지 내용의 주제별 제목을 입력한다.
오른쪽 프레임에는 홈페이지를 처음 방문했을 때 홈페이지를 소개하는 안내 말을 입력하거나, 혹은 [프레임-페이지 열기] 메뉴를 실행하여 이미 작성한 파일 중에서 프레임에 처음 나타날 문서를 선택하여 프레임에 불러온다.
○ 왼쪽 프레임에 있는 차례에 하이퍼링크를 설정하여 연결된 파일이 오른쪽 프레임에 나타나도록 해본다. 왼쪽 프레임에서 하이퍼링크로 설정할 낱말을 블록으로 설정하고, 마우스 오른쪽 버튼을 눌러 [하이퍼링크 만들기]를 실행한다.
○ [하이퍼링크 만들기] 대화상자가 나타나면 \"주소(URL)\" 항목에 이동할 홈페이지의 주소나 다른 HTML 문서를 지정한다.
만약 이동할 문서에 책갈피가 설정되어 있다면 주소(URL) 요소/책갈피 항목에 책갈피 이름을 지정할 수도 있다. 만약 책갈피 항목을 열어보았는데 아무런 이름이 없다면, 이동할 문서에 책갈피가 설정되어 있지 않은 것이다. 그리고 마지막으로 이동할 문서로 지정한 파일이 열릴 위치 즉, 대상 프레임을 지정해야 한다. 대상 프레임 항목의 오른쪽 끝에 있는 열림단추를 누르면 4가지의 기본 항목 아래에 프레임 속성에서 확인했던 contenets\"와 detail\" 항목이 나타난다. 여기에서 detail\"을 선택하고 확인 버튼을 누르면 하이퍼링크 설정이 끝난다. 위에서 설정한 것처럼 다른 낱말들도 마찬가지로 각각의 낱말을 누르면 이동할 문서로 하이퍼링크를 지정한다. 물론 대상 프레임을 지정할 때도 detail\"로 설정한다.
○ 이제 작성한 프레임 파일들을 저장한다. 프레임셋 문서탭 위에서 마우스 오른쪽 버튼을 눌러 [모두 저장하기]를 실행한다. [프레임-모두 저장하기] 메뉴를 실행해도 된다. [파일] 메뉴의 [모두 저장하기]가 아니라 [프레임] 메뉴인 것을 명심하여야한다.
지금 우리가 작업하고 있는 파일들은 한번도 저장하지 않은 상태이므로 파일 이름을 묻는 저장 대화상자가 앞으로 3번 나타난다. 왼쪽 프레임 파일, 오른쪽 프레임 파일, 그리고 프레임셋 파일, 이렇게 3개의 파일을 저장해야하기 때문이다.
Ⅶ. 나모웹에디터의 레이어 활용
레이어는 HTML 문서에서 원하는 위치에 텍스트, 이미지 등 홈페이지를 자유롭게 제작할 수 있도록 해준다. 따라서 레이어 속에 그림을 넣어 두면 그림을 원하는 어느 곳이라도 보낼 수 있다. 이것은 그림 속성에서 그림의 위치를 지정할 때 한계가 있었던 것에 비하면 아주 편리한 기능이다. 또한 레이어는 HTML 문서에 동적인 효과를 줄 수 있으며, 레이어와 자바 스크립트를 결합하여 다양한 애니메이션 효과를 줄 수 있다. 레이어를 삽입하려는 위치를 마우스로 클릭한 다음, [삽입]->[레이어]를 선택하거나 도구 막대에서 레이어 도구를 선택한다. 레이어의 왼쪽 위에 마우스 포인터를 위치시키면, 마우스 포인터가 손바닥 모양으로 변한다. 그 상태에서 마우스 왼쪽 버튼을 클릭하면 입력한 레이어를 선택할 수 있다. 이 레이어를 클릭 한 다음, 글을 입력한다. 아래 그림과 같이 두 개의 레이어를 만들어 글을 입력한다. 그리고 레이어의 속성을 지정하기 위하여 Layer 1를 더블 클릭하면 레이어 속성 대화상자가 나타난다.
1. 이름
레이어를 여러 개 사용할 경우 다른 레이어와 구분하기 위하여 레이어의 이름을 결정한다.
2. 배경
레이어는 문서로부터 독립적인 배경색을 지정할 수 있으면 기본값은 투명이다.
3. 그림
레이어에 사용할 배경 그림을 지정한다. 레이어 크기에 비해 이미지의 크기가 작으면 해당 이미지가 여러 개로 표시되어 레이어 화면을 채우게 될 것이고, 이미지의 크기가 크면 이미지의 일부분만 보인다. 다음은 Layer 2의 레이어 속성 대화상자다. Layer 1 위에 겹쳐 놓고, 보이기 항목에서 감추기 값을 지정한다.
4. 이벤트
레이어 액션 대화 상자가 나타난다. 이벤트를 이용하면 레이어를 보이거나 감추는 액션을 넣어 작성할 수 있다. 아래의 예는 퀴즈를 내는 레이어 위에 마우스 포인터를 올려놓으면 정답이 나타나는 효과를 나타낸 것이다.
Ⅷ. 나모웹에디터의 스크립트 마법사
나모 웹 에디터 3.0 에서는 새롭게 스크립트 마법사라는 기능을 지원한다. 스크립트 기능을 쉽게 사용할 수 있도록 지원하는 것으로 스크립트뿐만 아니라 다이나믹 HTML의 기능도 함께 지원한다. 스크립트 마법사 대화상자를 나타내려면 메뉴 [삽입]-[스크립트]-[스크립트 마법사]를 선택하거나 , 도구 막대에서 스크립트 마법사 버튼을 누른다.
1. 롤오버 그림
메뉴나 그림 위에 마우스 포인터를 가져가면 그림이 변하는 것을 말한다.
2. 애니메이션 효과
항상 고정적인 모습만 보이는 글자와 그림을 다이내믹 HTML을 사용하여 동적으로 만든다.
3. 펼침 목록 메뉴
목록 버튼을 클릭하면 항목이 나오는 것으로, 여러 가지 항목을 넣어 둘 수 있다.
4. 링크 이동 단추
단추를 클릭하였을 때 지정한 곳으로 이동하는 기능이다.
5. 자동 이동
웹 페이지를 방문하였을 때 일정한 시간이 흐르면 자동으로 다음 페이지로 넘어가는 기능이다.
6. 방문자 정보 보여주기
방문자가 왔을 때 그 사람의 이름을 물어보는 것과 같은 기능이다.
7. 텍스트 시계
실시간으로 동작하는 시계를 장착할 수 있도록 한다.
8. 움직이는 텍스트
흐르는 글씨로 표현하는 방법이다.
9. 상황선의 움직이는 텍스트
브라우저 제일 아랫부분에 있는 상황선에 움직이는 텍스트를 나타내는 기능이다.
10. 사이트 차례 만들기
이미지 맵을 사용하지 않고 화면에 메뉴를 구성할 때 사용한다.
참고문헌
김갑수홍명희(2003), 디지털시대를 선도하는 컴퓨터의 이해, 좋은 소프트
박선경(2000), 클릭하세요!컴퓨터입문, 대림
신수범 역, 컴퓨터 활용의 이론과 실제
웹디자이너를 위한 나모웹에디터5(2001), 디지탈디자인, 디지털북스
이정환·김태석·김진일·박영식·송홍복·이승훈·이종국·이정재·장종욱, 정보와 컴퓨터
한금희(2004), 컴퓨터 과학 개론, 한빛미디어
함영기(2000), 깡통@나모웹에디터4.com, 비앤씨

키워드

나모웹에디터,   나모,   홈페이지,   웹사이트,   인터넷