[더 사이버] 컴퓨터 월드 : (내 홈페이지 만들기) (8)
-
기사 스크랩
-
공유
-
댓글
-
클린뷰
-
프린트
[ 그림에 하이퍼링크를 ]
인터넷 서핑을 하다보면 화면에 손모양이 수시로 나타난다.
그 부분을 클릭하면 여러 가지 새로운 정보가 떠오른다.
이처럼 한 화면에서 다른 정보로 연결시켜 주는 것을 하이퍼링크라고 한다.
하나의 그림에 몇 개의 하이퍼링크가 있는 경우도 있다.
그림에 하이퍼링크를 만드는 방법을 알아본다.
그림에 하이퍼링크를 만드는 것과 단어나 문장, 즉 텍스트에 하이퍼링크를
만드는 것은 비슷하다.
실제로 하이퍼링크를 만든다는 것에서는 차이가 없다.
대상이 다를 뿐이다.
나모웹에디터도 그림에 하이퍼링크를 만드는 기능을 갖추고 있다.
그림에 하이퍼링크를 만들려면 먼저 문서에 그림을 넣어야 한다.
메뉴에서 [삽입-그림]을 선택하면 "그림속성" 대화상자가 나타나고 "일반"
탭이 보인다.
"일반" 탭에는 "소스" 항목이 있다.
이곳에 문서에 넣을 그림파일의 위치와 이름을 입력한다.
항목 오른쪽 끝의 "찾아보기" 버튼을 이용하면 쉽게 그림을 찾을 수 있다.
문서에 삽입할 그림을 선택했으면 "하이퍼링크" 항목에 있는 "편집" 버튼을
누른다.
"하이퍼링크 만들기" 대화상자가 나타나면 이동할 곳의 인터넷주소(URL)를
입력한다.
방법은 지난 4회(한국경제신문 99년8월10일자 45면)에서 배운 텍스트에
하이퍼링크를 만드는 것과 똑같다.
"하이퍼링크 만들기" 대화상자의 "주소(URL)"부분에 이동할 곳의 URL을
입력한다.
만약 한국경제신문 홈페이지로 이동하는 하이퍼링크를 만든다면
"www.ked.co.kr"이라고 입력하면 된다.
"http://"는 굳이 입력하지 않아도 된다.
입력이 끝난 뒤 확인버튼을 누르면 "그림속성" 대화상자로 돌아온다.
이곳에서 다시 한번 확인버튼을 누르면 문서에 그림이 들어간 것을 볼 수
있다.
이제 삽입된 그림에 하이퍼링크가 제대로 만들어졌는지 확인해 본다.
나모웹에디터의 하단을 보면 "편집" "HTML" "미리보기" 탭이 보인다.
이중 "미리보기" 탭을 클릭하면 웹브라우저에서 보는 것과 같은 모습이
나타난다.
마우스를 그림 위로 가져가면 포인터가 손모양으로 바뀐다.
이때 클릭하면 한국경제신문 홈페이지로 이동한다.
물론 인터넷에 연결돼 있어야만 이동하는 것을 확인할 수 있다.
이번에는 그림 하나에 몇 개의 하이퍼링크가 있는 이미지맵을 만들어 보자.
이미지맵을 만드는 방법도 그림 전체에 하이퍼링크를 만드는 것과 크게
다르지 않다.
다만 몇 단계의 추가 과정을 거쳐야 한다.
이미지맵을 만들기 위해서도 먼저 문서에 그림을 넣어야 한다.
삽입한 그림을 마우스로 한 번 클릭하면 "그림도구"라는 도구막대가
나타난다.
"그림도구"에는 네모 동그라미 다각형 모양의 버튼이 있다.
이 버튼들은 그림의 어느 곳에 어떤 모양으로 하이퍼링크를 만들지
결정한다.
그림에 사각형의 하이퍼링크를 만들어 보자.
네모 버튼을 클릭하면 마우스 포인터가 작은 십자형으로 바뀐다.
이 포인터를 하이퍼링크를 만들 곳으로 가져가 마우스 왼쪽 버튼을 누른
상태에서 끌어내린다.
이 동작을 드래그라고 한다.
적당한 크기에서 마우스 버튼을 놓으면 "하이퍼링크 만들기" 대화상자가
나타난다.
나머지 단계는 텍스트나 그림 전체에 하이퍼링크를 만들 때와 같다.
이제 그림의 다른 부분에 별모양의 하이퍼링크를 만들어 보자.
"그림도구"에서 다각형을 클릭하면 다시 십자 모양의 포인터가 나타난다.
그림위의 적당한 위치에서 한 번 클릭한다.
점선 모양의 선이 마우스 포인터의 움직임에 따라 길어졌다 줄어들었다 하는
것을 볼 수 있다.
별모양을 만들기 위해 다음 위치에서 클릭하면 또다른 점이 생긴다.
이렇게 해서 다양한 모양을 만들수 있다.
몇 번의 클릭으로 별모양을 만든 후 처음 시작점을 클릭하면 "하이퍼링크
만들기" 대화상자가 나타난다.
여기에 이동할 곳의 URL을 입력하면 된다.
< 김형렬 나모인터랙티브 과장 rancet@namo.co.kr >
( 한 국 경 제 신 문 1999년 9월 21일자 ).
인터넷 서핑을 하다보면 화면에 손모양이 수시로 나타난다.
그 부분을 클릭하면 여러 가지 새로운 정보가 떠오른다.
이처럼 한 화면에서 다른 정보로 연결시켜 주는 것을 하이퍼링크라고 한다.
하나의 그림에 몇 개의 하이퍼링크가 있는 경우도 있다.
그림에 하이퍼링크를 만드는 방법을 알아본다.
그림에 하이퍼링크를 만드는 것과 단어나 문장, 즉 텍스트에 하이퍼링크를
만드는 것은 비슷하다.
실제로 하이퍼링크를 만든다는 것에서는 차이가 없다.
대상이 다를 뿐이다.
나모웹에디터도 그림에 하이퍼링크를 만드는 기능을 갖추고 있다.
그림에 하이퍼링크를 만들려면 먼저 문서에 그림을 넣어야 한다.
메뉴에서 [삽입-그림]을 선택하면 "그림속성" 대화상자가 나타나고 "일반"
탭이 보인다.
"일반" 탭에는 "소스" 항목이 있다.
이곳에 문서에 넣을 그림파일의 위치와 이름을 입력한다.
항목 오른쪽 끝의 "찾아보기" 버튼을 이용하면 쉽게 그림을 찾을 수 있다.
문서에 삽입할 그림을 선택했으면 "하이퍼링크" 항목에 있는 "편집" 버튼을
누른다.
"하이퍼링크 만들기" 대화상자가 나타나면 이동할 곳의 인터넷주소(URL)를
입력한다.
방법은 지난 4회(한국경제신문 99년8월10일자 45면)에서 배운 텍스트에
하이퍼링크를 만드는 것과 똑같다.
"하이퍼링크 만들기" 대화상자의 "주소(URL)"부분에 이동할 곳의 URL을
입력한다.
만약 한국경제신문 홈페이지로 이동하는 하이퍼링크를 만든다면
"www.ked.co.kr"이라고 입력하면 된다.
"http://"는 굳이 입력하지 않아도 된다.
입력이 끝난 뒤 확인버튼을 누르면 "그림속성" 대화상자로 돌아온다.
이곳에서 다시 한번 확인버튼을 누르면 문서에 그림이 들어간 것을 볼 수
있다.
이제 삽입된 그림에 하이퍼링크가 제대로 만들어졌는지 확인해 본다.
나모웹에디터의 하단을 보면 "편집" "HTML" "미리보기" 탭이 보인다.
이중 "미리보기" 탭을 클릭하면 웹브라우저에서 보는 것과 같은 모습이
나타난다.
마우스를 그림 위로 가져가면 포인터가 손모양으로 바뀐다.
이때 클릭하면 한국경제신문 홈페이지로 이동한다.
물론 인터넷에 연결돼 있어야만 이동하는 것을 확인할 수 있다.
이번에는 그림 하나에 몇 개의 하이퍼링크가 있는 이미지맵을 만들어 보자.
이미지맵을 만드는 방법도 그림 전체에 하이퍼링크를 만드는 것과 크게
다르지 않다.
다만 몇 단계의 추가 과정을 거쳐야 한다.
이미지맵을 만들기 위해서도 먼저 문서에 그림을 넣어야 한다.
삽입한 그림을 마우스로 한 번 클릭하면 "그림도구"라는 도구막대가
나타난다.
"그림도구"에는 네모 동그라미 다각형 모양의 버튼이 있다.
이 버튼들은 그림의 어느 곳에 어떤 모양으로 하이퍼링크를 만들지
결정한다.
그림에 사각형의 하이퍼링크를 만들어 보자.
네모 버튼을 클릭하면 마우스 포인터가 작은 십자형으로 바뀐다.
이 포인터를 하이퍼링크를 만들 곳으로 가져가 마우스 왼쪽 버튼을 누른
상태에서 끌어내린다.
이 동작을 드래그라고 한다.
적당한 크기에서 마우스 버튼을 놓으면 "하이퍼링크 만들기" 대화상자가
나타난다.
나머지 단계는 텍스트나 그림 전체에 하이퍼링크를 만들 때와 같다.
이제 그림의 다른 부분에 별모양의 하이퍼링크를 만들어 보자.
"그림도구"에서 다각형을 클릭하면 다시 십자 모양의 포인터가 나타난다.
그림위의 적당한 위치에서 한 번 클릭한다.
점선 모양의 선이 마우스 포인터의 움직임에 따라 길어졌다 줄어들었다 하는
것을 볼 수 있다.
별모양을 만들기 위해 다음 위치에서 클릭하면 또다른 점이 생긴다.
이렇게 해서 다양한 모양을 만들수 있다.
몇 번의 클릭으로 별모양을 만든 후 처음 시작점을 클릭하면 "하이퍼링크
만들기" 대화상자가 나타난다.
여기에 이동할 곳의 URL을 입력하면 된다.
< 김형렬 나모인터랙티브 과장 rancet@namo.co.kr >
( 한 국 경 제 신 문 1999년 9월 21일자 ).
ADVERTISEMENT
ADVERTISEMENT