5. 1 하이퍼 링크

하이퍼링크 만들기

인터넷의 가장 대표적인 서비스인 월드 와이드 웹(www)은 수많은 문서들이 거미줄처럼 얽혀 전체를 구성합니다. 이때 다른 문서를 연결하기 위해 사용되는 것이 하이퍼링크(Hyperlink)입니다.

링크는 텍스트나 이미지를 사용하여 그것들이 HTML 문서, 이미지, 애플릿, 멀티미디어 효과 또는 HTML 문서내의 특정 장소 등을 가리키도록 표시해 주는 역할을 합니다. 링크는 아래와 같이 세 부분으로 구성됩니다

<A>태그  -  어떤 텍스트나 이미지를 링크로 표시해 주는 링크 태그

<A HREF="URL"> ....</A> - 링크 태그 내에 들어가는 HREF 속성

URL   - 연결할 파일이 어떤 것인지를 브라우저에게 알려주는 역할을 하는 주소

1. 해당하는 메뉴 버튼을 선택합니다.

2. 삽입메뉴의 하이퍼링크(F9)를 선택합니다.

3. 표준 도구모음의 도구를 선택해도 가능합니다.

4. 보기 메뉴의 도구막대 - 하이퍼링크를 선택하시면 나모 웹 에디터 편집창 한 부분에 다음과 같은 하이퍼링크 도구가 있어서 하이퍼링크 작업을 편리하게 이용하실 수 있습니다.

※ 하이퍼링크 환경 설정

가. 파일/웹 문서

웹 문서에 하이퍼링크를 지정할 때 선택합니다.

1) 방식 : 프로토콜을 지정합니다. 여기에서 지정한 프로토콜은 주소(URL) 앞부분에 자동으로 입력됩니다.

2) 파일 이름에 소문자만 사용 : 연결하려는 파일 이름에 소문자만을 사용할지 여부를 지정합니다. Unix 계열 서버에서는 대소문자를 구별하여 대문자를 사용하면 문제가 생길 수 있으므로 소문자로 지정해 주는 것이 좋습니다.

3) 주소(URL) : 하이퍼링크로 연결하려는 파일의 URL을 지정합니다. 기본값으로 'http://'가 지정되어 있습니다.

- 찾아보기 단추를 누르면 디스크에 있는 파일을 선택할 수 있습니다.

- 열린 파일 단추를 누르면 현재 나모 웹에디터 편집 창에 열려있는 파일 목록에서 선택할 수 있습니다.

- 사이트 단추를 누르면 사이트 안의 파일을 선택할 수 있습니다. 사이트가 열려있는 경우에만 활성화됩니다.

- 새 문서 단추를 누르면 새 문서를 만들어 하이퍼링크를 지정할 수 있습니다.

4) 책갈피 : 문서의 특정 위치로 이동하는 하이퍼링크를 만들 때 사용합니다. 펼침 목록 단추를 누르면 해당 문서의 책갈피 목록을 볼 수 있습니다. 여기에서 입력한 내용은 주소(URL)에서 '#'와 함께 나타납니다.

5) 경로 인코드 : URL에 쓰인 특수 문자를 약속된 방식으로 변경해 줍니다. 예를 들어 @는 %40으로 바뀝니다.

6) 경로 디코드 : URL에 쓰인 특수문자를 그대로 사용하게 합니다.

나. 이메일 주소

이메일로 연결되는 하이퍼링크를 만드는 경우에 선택합니다.

1) 주소 : 연결하려는 이메일 주소를 입력합니다.

2) 제목 : 이메일 작성 프로그램이 실행되었을 때 제목에 자동으로 표시될 문구를 입력합니다.

다. 대상 프레임

주소(URL)에서 지정한 문서를 어떤 프레임에서 보여줄 것인지 지정합니다.

1) _blank : 지정한 문서를 새 윈도우 창에 보여줍니다.

2) _parent : 현재 문서의 상위 프레임에 지정한 문서를 보여줍니다.

3) _self : 현재 문서가 열린 프레임에 지정한 문서를 보여줍니다.

4) _top : 현재 문서를 포함한 창 전체에 지정한 문서를 보여줍니다.

프레임을 만든 경우에는 입력 상자 옆의 를 눌러 대상 프레임을 선택한 다음 확인 단추를 누릅니다.

라. 링크 설명-툴팁

하이퍼링크 부분에 마우스 포인터를 가져갔을 때 나타나는 설명을 입력합니다.

마. 액세스 키

액세스 키 펼침 목록에서 지정할 키 번호를 선택합니다. 액세스 키를 지정하면 마우스를 사용할 수 없는 환경에서 키보드를 사용하여 하이퍼링크를 선택한 다음 <Enter> 키를 눌러 원하는 곳으로 연결할 수 있습니다. 액세스 키를 실행하려면 웹 브라우저에서 <Alt> 키를 누르고 지정한 숫자를 누릅니다. 예를 들어, 액세스 키 펼침 목록에서 '5'를 선택한 경우 웹 브라우저에서 <Alt+5>를 누르면 지정된 하이퍼링크가 활성화됩니다.

바. 단추

1) 하이퍼링크 초기화 단추 : 대화 상자의 모든 필드값을 지웁니다.

2) 새 윈도우 열기 단추 : 하이퍼링크로 연결한 문서가 특정 형태의 새 윈도우에서 열리도록 자바 스크립트 코드를 생성해 줍니다.

5. 각각의 메뉴에 파일을 연결합니다.

처음으로 : main.htm

주인 소개 : profile.htm

어린이 놀이 : child.htm

어른과 함께 : adult.htm

집단 놀이 : group.htm

추천 사이트 : site.htm

6. 하단의 관리자 정보를 메일 주소로 연결합니다.

2002년 5월에 경삼이가 만들었어요.

메일 주소 : moongs@www.cisec.or.kr

메일 제목 : 궁금한것이 있는데요 ?

5. 2 구조가 같은 파일 생성하기

새 파일 만들기

현재 작업중인 문서를 파일 메뉴의 □새이름으로 저장...□을 선택하고나서 새로운 파일 이름을 지정해 주면 구조가 같은 파일을 생성할 수 있습니다.

1. 현재 작업하고 있는 main.htm 파일을 구조가 같은 새로운 파일로 저장합니다.

불필요한 내용들은 삭제해서 저장을 하는 것이 좋습니다.

가. 파일 이름을 지정합니다.(profile.htm)

나. 글 제목을 수정합니다.(홈페이지 제작자 소개를 합니다.)

2. 문서 속성을 수정합니다.

가. 일반 탭 : 분류, 설명, 핵심어 생략 가능

나. 스타일 탭 : 페이지 이동 효과를 지정합니다.

3. 같은 방법으로 필요한 파일을 생성합니다.

처음으로 : main.htm

주인 소개 : profile.htm

어린이 놀이 : child.htm

어른과 함께 : adult.htm

집단 놀이 : group.htm

추천 사이트 : site.htm

5. 4 제목 배너 생성하기

플래시 배너 만들기

1. 플래시 배너를 삽입할 곳에 커서를 놓습니다.

2. 메뉴에서 [삽입>플래시 버튼]을 선택합니다.

3. 리소스 관리자 플래시 배너 탭의 왼쪽 리소스 구성보기에서 원하는 폴더를 엽니다.

4. 미리보기에서 원하는 플래시 배너를 선택합니다.

5. 플래시 버튼 속성  대화 상자에서 속성을 지정한 뒤 확인 단추를 누릅니다.

플래시 배너 속성에서는 플래시 배너의 내용과 글꼴, 크기, 그리고 링크 기능이 있습니다.