Ⅶ. '하이퍼링크와 스크립트 마법사' 알아보기(1)
1.
하이퍼링크 만들기
가. 같은 서버내에 있는 파일에 하이퍼링크 만들기
①
'index.htm' 파일을 불러온다.
②
왼쪽의 메뉴창에서 '별자리이야기'를 선택한다. 글자일 경우에는 블록으로 지정한다.
③
메뉴에서 [삽입]-[하이퍼링크]를 선택하거나 마우스 오른쪽 버튼을 눌러 나온 메뉴에서
하이퍼링크를 선택한다.
또는 표준 도구 막대에 있는 [하이퍼링크 만들기] 아이콘을 클릭한다.
④
[하이퍼링크 만들기] 대화상자에서 [주소]는 연결할 사이트나 웹 페이지의 주소를 입력한다.
같은 서버 내에 있는 파일의 경우에는 경로명과 파일 이름만 입력하면 된다.
여기에서는
찾아보기 단추를 클릭하여 'content.htm'로 지정한다.
같은 폴더 내에 있으므로 파일
이름만 입력된다.
[대상
프레임]은 링크된 내용이 나타나는 프레임을 지정하거나 대상프레임찾기 아이콘을 클릭한다.
기본적으로 _black, _parent, _self, _top이 있으며 프레임 문서를 만들 때 부여한 프레임
명이 추가된다.
여기서는 아무 것도 지정하지 않는다.
[설명-툴팁]은
하이퍼링크가 삽입된 부분에 마우스를 가져갔을 때 나타나는 풍선도움말을 입력한다.
입력을
하지 않아도 된다.
⑤
지정을 마쳤으면 확인 단추를 클릭한다.
⑥ 문자의 경우에는 블록으로 설정한 부분이 파랗게 변한다. 그림이나 단추일 경우에는 변화가 없다.
⑦
문서표시 탭에서 [프레임 셋 미리보기]를 한 다음 하이퍼링크로 설정한 단추를 클릭하자.
⑧
오른쪽 프레임에 'content.htm'이 뜨는가 확인한다.
나. E-mail로 연결할 하이퍼링크 만들기
①
'index.htm' 파일의 왼쪽 메뉴창에서 'E-mail'을 선택한다.
②
메뉴에서 [삽입]-[하이퍼링크]를 선택하거나, 마우스의 오른쪽 버튼을 눌러 나온 메뉴에서
하이퍼링크를 선택한다.
또는 기본 도구 막대에 있는 [하이퍼링크 만들기] 아이콘을 클릭한다.
③[하이퍼링크 만들기] 대화상자에서 [방식] 목록 단추를 클릭하여 'mailto'를 선택한다.
[주소(URL)]에 홈페이지 제작자의 메일주소(mailto:island21c@pcs.hs.kr)를 입력한다.
④
확인 단추를 클릭한다.
⑤
프레임 셋 미리보기를 클릭하고 'E-mail' 단추를 클릭하면 [아웃룩 익스프레스]가 실행된다.
자동으로 관리자에게 메일을 보낼 수 있다.
다. 다른 사이트로 연결할 하이퍼링크 만들기
①
'site.htm' 파일을 연다.
②
'한국천문연구원'을 블록으로 지정한다.
③
나머지 과정은 '하이퍼링크 만들기'와 같으며 [하이퍼링크 만들기] 대화상자에서 [주소]란에
사이트의 주소를 입력해 준다.
④
미리보기를 통해 연결되는지 확인한다.
☞ 대상 프레임의 종류(_blank, _parent, _self, _top)에 대한 내용과 각각의 차이점에 대해 더 공부해 보자.
▣하이퍼링크 도구 막대 알아보기
|
① 주소[URL] : 하이퍼링크로 연결할 문서 이름을 입력하거나 이미 연결되어 있는 문서를 보여줌 |
|
② 찾아보기 : 하이퍼링크로 연결시킬 문서를 찾음 |
|
③ 책갈피 : 미리 정의해 놓은 책갈피 목록을 선택하거나 입력 |
|
④ 대상
프레임 : 주소[URL]에서
하이퍼링크로 연결시킬 문서를 어떤 프레임에서 보여줄
것인지 선택 |
▣[하이퍼링크 만들기] 대화상자 알아보기
|
① 방식 : 프로토콜을 선택 |
|
② 주소[URL] : 하이퍼링크로 연결할 파일이름이나 주소를 입력 |
|
③ 책갈피 : 미리 정의한 책갈피 목록을 선택하거나 직접입력([주소(URL)]에 "＃책갈피 이름") |
|
④ 찾아보기 : 주소로지정할 파일을 선택 |
|
⑤ 열린 파일 : 나모 웹에디터 편집화면에 열려져 있는 파일에서 주소로지정할 파일 선택 |
|
⑥ 사이트 : 현재의 작업 사이트에서 주소로 지정할 파일 선택 |
|
⑦ 새 문서 : 새로운 문서를 만들어 주소로 지정 |
|
⑧ 경로 인코드 : 주소에 사용된 특수문자를 미리 정의한 방식으로 사용 |
|
⑨ 경로 인코딩 : 주소에 사용된 특수문자를 그대로 사용 |
|
⑩ 주소 : 이메일 주소를 입력 |
|
⑪ 제목 : 이메일 프로그램이 실행되었을 때 제목에 나타날 글자를 입력 |
|
⑫ 대상프레임 : 하이퍼링크로 연결한 주소를 어떤 프레임에 보여줄 것인지 지정함 |
|
⑬ 링크 설명-툴립 : 하이퍼링크를 적용한 부분에 마우스 포인터를 위치시키면 나타날 설명 입력 |
|
⑭ 액세스 키 : 하이퍼링크으 단축키를 설정 |
|
⑮ 하이퍼링크 초기화 : [하이퍼링크 만들기] 대화 상자의 모든 입력 내용을 초기화시킴 |
|
ⓐ 새 윈도우 열기 : 하이퍼링크로 연결한 주소에 자바 스크립터 코드를 생성하여 새창에서 열리게 함 |
