셋째날 : 그림,소리삽입과 하이퍼 링크걸기

1) 이미지 파일 삽입하기(일반탭에 대해서)

그림을 삽입할 수 있는 것은 배경그림 삽입하는 것과 비슷합니다.툴박스의 "그림 삽입 하기"를 누루거나 메뉴바중에서 "삽입(ㅣ)" 메뉴중에서 그림(ㅣ)을 클릭하시면 이미지 파일을 삽입할 수 있는 창이 왼쪽과 같이 나옵니다..

먼저 "모양"탭에 있는 내용으로 그림파일을 삽입을 할 수 있습니다.

"그림소스"중 "소스(s)"는 삽입하고자 하는 이미지 파일의 위치.경로를 나타내는 곳입니다. 옆에 있는 "찾아보기"로 이미지 파일이 있는 곳을 찾아가서 선택하면 되겠죠.

"저해상도(ㄴ)"역시 해상도를 낮게 하여 이미지 파일을 삽입하는 것입니다. 해상도가 낮다는 말은 곧 크기가 작다는 말이 되므로 이미지 파일의 크기가 낮아지니까 홈페이지에 삽입을 하여도 로딩속도가 빨라 지겟죠..

"보충설명"은 여러분께서 웹서핑을 하시다 보면서 이미지 파일위에 마우스를 갖다대면 윈도우의 풍선도움말 형식으로 나오는 것을 보셨죠. 이미지 파일의 설명이나 제작자가 원하는 설명을 풍선도움말 형식으로 삽입하는 것입니다.

 

2) 이미지 파일 삽입하여 꾸미기(모양탭공부하기)

"일반"탭에서는 이미지 파일을 삽입하는 것에 대해서 다루지만 "모양"탭에서는 이미지 파일이 어떻게 삽입 되는 가를 다룬답니다.따라하시는 것 잊지마세요.!!

먼저 "정렬"이 보이죠 원하는 모양으로 이미지 파일을 정렬시켜서 삽입할 수 있습니다. 만약에 왼쪽에 그림을 넣고 오른쪽에 그림에 대한 설명이나 다른 문구를 넣고 싶다면 이미지 파일은 당연히 "왼쪽 정렬"로 삽입되어져야 하겟죠. 워드에서도 이와 같이 그림고 표를 갖고 편집을 하시는 것 아시죠..나모에서도 역시 마찬가지입니다.

"크기"는 그림 파일의 전체 크기를 정하는 것입니다. 마우스로 해당 그림파일을 선택하여 드래그 하여서 그림파일의 문서내 삽입 크기를 끌어서 변경할 수도 있지만 모양탭에서는 정확한 숫자로 그림 파일의 크기를 변경할 수가 있습니다. 그리고 "크기 재계산"은 한번 클릭하셔보면은 아시겠지만 그림파일의 원래 크기로 돌려 주는 기능을 한답니다. 그림파일을 넣고 작업했을 때 실수하거나 새롭게 편집하고 싶은 마음이 드시면 알아두셔야겠죠

"공간"은 그림 파일이 삽입되어지고 나서 그림사이의 여백을 띄우고 그림에 테두리를 치게 하는 곳입니다.
그림의 옆공간을 여백으로 남겨두고 싶으면 수평,수직에서 그 여백의 크기를 조절하면 되고 테두리를 치고 싶으면 테두리에서 크기를 조절하면은 됩니다.

스타일과 확장은 뒤에서 자세히 다루겠습니다.

 

3)홈페이지에 소리를 넣자..

웹서핑을 하다보면 자기가 좋아하는 노래가 방문한 사이트에서 나와 기분좋은 일이 있었던 적이 계셨죠. 여기선 여러분이 만드시는 홈에 소리를 삽입해보겠습니다. 방법은 그림파일 삽입하거나 웹문서에 배경그림을 넣는 방법과 같습니다.

먼저 여러분이 작업하는 문서의 그림이 위치한곳 말고 아무곳에서나 마우스 오른쪽 메뉴에서 "문서속성"을 눌러보세요.그럼 배경그림을 넣었을 때 나오는 메뉴가 나오죠

"배경"에서는 원하는 그림파일을 문서의 배경그림으로 삽입하는 곳이었습니다.

"배경"아래에 있는 소리에서는 배경그림 넣는 것과 똑같이 소리파일을 삽입할 수가 있습니다.

"찾아보기"버튼을 눌러서 여러분이 원하는 소리파일이 있는 위치까지 간다음에 선택하시면 "소리(S)"옆 빈공간에 그 파일의 경로가 표시되겠죠. *.wav, *.mid등과 같은 파일은 물론 여러분이 원하는 소리파일 대부분을 삽입할 수가 있습니다.

그리고 옆 삼각형 버튼은 그 소리파일을 미리 듣기를 할 수 있는 곳입니다. 그럼 네모버튼은 소리파일 듣기를 멈추는 것이 되겟죠.

그리고 "반복(L)"란은 홈페이지에 삽입하는 소리파일의 연주횟수를 결정할 수가 있습니다. 계속 반복적으로 소리를 들리게 하고 싶다면 "계속(F)"란에 체크를 하면 홈페이지가 보여지는 시간만큼은 계속 음악을 흘러나오게 할 수가 있는 것이죠.

 

4) 하이퍼 링크란?

하이퍼 링크란 하이퍼 텍스트로 모든 웹상에서의 문서들을 연결시킬 수가 있다는 것입니다. 여러분의 홈페이지에서 다른홈페이지는 물론이거나와 여러분페이지 않에서도 하이퍼링크와 책갈피등으로 이동을 할 수가 있어 여러분이 홍보하고자 하는 것을 효과적으로 구성할 수가 있습니다. 나모에서는 간단하면서도 쉽게 링크를 연결할 수가 있습니다.

여러분께서 원하는 문장을 워드에서 편집하듯이 마우스로 드래그하여 블록으로 설정한 다음 마우스 오른쪽 단추를 눌러보세요. "하이퍼링크만들기"라는 메뉴가 보이시죠.아니면 도구상장의 여러그림중에서 쇠사슬모양을 클릭하여보세요..

이곳에서 쉽게 링크를 걸고자 하는 곳의 주소를 적어주시면 링크가 완성되는 것입니다.물론 여러 가지 속성이 있고 각 인터넷 서비스(ftp,gopper등등)에 따라 정확한 프로토콜만 지정하면됩니다.꼭 문장이나 낱말에만 이런 속성이 되는 것이 아니라 그림에도 여러분이 드래그하여 블록설정한후 링크를 걸 수도 있습니다

아래의 책갈피 기능도 링크와 비슷합니다. 블록을 설정한다음 "책갈피 만들기"를 선택하시고 적당한 이름을 선택한 다음 책갈피를 완성시켜 놓으면 정한 제목의 책갈피를 지정하면 그곳으로 커서가 이동하여 있거나 하이퍼 링크속성의 세부메뉴에서 책갈피를 지정하면 하이퍼 링크가 그문서의 처음으로 가는 것이 아니라 여러분이 지정한 책갈피에 가서 웹페이지가 보여지게 되는 것입니다.

자세한 것은 다음장에서 그 각각의 속성을 따라해보도록 하세요

 

5) 하이퍼 링크걸기(따라하세요)

앞장에서 설명해드린 것과 마찬가지로 일단 블록을 설정하고 "하이퍼 링크 만들기"를 클릭해보세요.가장 상위메뉴에 옆과 같은 메뉴들이 있죠

"주소"란에는 말그대로 여러분이 연결하고자 하는 문서가 위치한 경로를 말하는 것입니다. 여러분의 홈페이지에 있는 다른 문서로 연결하고자 아래의 "찾아보기"에서 원하는 문서의 위치를 지정해주는 것으로 끝나죠. 그렇지 않아서 다른 홈페이지를 연결하고 싶다고 하면 주소란에 해당 홈페이지의 주소를 적어 주시면 됩니다.

"대상프레임(F)"은 웹서핑을 하시다 보면 하이퍼 링크를 클릭하여 다른 곳으로 이동할려고 할 때 새로운 브라우저창이 하나 더 나타나서 이동하는 것을 보셨을겁니다. 아니면 현재창의 내용만 바뀌고 홈페이지가 이동하는 것을 보셨을 겁니다. "대상프레임"은 이런 속성을 정하는 곳입니다.

"_blank"는 새로운 브라우저 창을 띄워서 링크를 연결시키는 것입니다. 여러분의 홈페이지 내에서 이동하는 것보다 다른 홈페이지로 이동할 때 쓰면 좋겠죠. 그래야 링크로 연결되어 이동한 홈페이지가 마음에 안들어도 새로 열린 브라우저 창만 닫아 버리면 여러분의 홈페이지는 계속 보고 있을거니까요.

"_parent" 를 선택하고 하이퍼 링크를 걸면 현재의 창에서 브라우저 창은 하나인 상태 그대로이고 내용만 바뀌어서 이동하는 옵션입니다.개인적으로 이 옵션은 자기 홈페이지에서 이동할 때 사용하면 좋다고 생각합니다. 자기 홈에서 이동할 때도 "_blank" 옵션을 써서 하이퍼 링크를 걸면 방문자들은 늘어나는 브라우저 창에 싫증을 내겠죠.

"_self "는 하이퍼 링크를 걸어두고 그 곳을 클릭하면 어떤 이유던지 창의 변화는 없는 말그대로 셀프.자기자신입니다.

"_top" 은 이옵션으로 하이퍼 링크를 걸면 문서의 맨 처음으로 가는 것입니다. 방문한 홈에서 탑이라는 그림을 클릭하거나 처음으로 같은 그림이나 글을 클릭하였을 때 해당문서의 처음으로 올라가는 것을 보셨을겁니다. 이 옵션을 선택하면 그렇게 할 수가 있습니다

하이퍼 링크의 옵션들에 대해서 알아보았습니다. 다음장에선 하이퍼링크만들기의 메뉴중에 구성요소, 호스트,경로명,을 적어주는 것을 연습합니다. 위의 속성들을 전부 한번씩 지금 꼭 따라하시기 바랍니다.

 

6)하이퍼 링크 걸기 (주소요소에 대해서)

"주소(url)요소"란 하이퍼 링크로 연결되어질 경로,위치등을 말하는 것입니다.

"방식"에서 선택할 수 있듯이 웹에 있는 홈페이지를 연결하고 싶으면 방식은 당연히 "http"가 되고 ftp에 있는 파일이나 문서를 연결하고 싶다면 방식은 "ftp"가 되는 것이죠 방식에서는 이런 인터넷 서비스의 모든 종류가 있어서 하이퍼 링크로 연결될 수가 있습니다.

"호스트(T)"는 우리가 인터넷을 이용하기 위해서는 대부분 통신회사나 넷츠고와 같은 인터넷 서비스업체(isp)를 이용할 수밖에 없습니다. 우린 그 통신회사 컴퓨터에 속해 있는 형태로 인터넷을 이용하는 것이죠. 일상생활에서 각자 이름이 있듯이 인터넷에서도 우리가 사용하는 각자의 컴퓨터에는 이름이 있습니다. 그 이름 역시 통신회사 컴퓨터가 우리의 컴퓨터에 접속할 때마다 정해주어서 인터넷을 사용할 수가 있는 것이죠. 호스트는 바로 이런 통신회사를 지칭한다고 생각하세요. 물론 전용선에다 서버를 갖고 있는 분들은 예외이겟죠. 갖고 있는 컴퓨터서버가 곧 통신회사의 역할을 하는 것이니까요.

"경로(P)"는 우리가 통신회사에 세들어 살고 있는 위치를 말하는 것입니다. 엄청 좋은 컴퓨터 안에 각자의 방이 있고 이 방이 있는 위치가 경로가 되는 것입니다. 우리가 늘상 말하는 계정이라는 것이지요.

"책갈피"역시 중요한데요. 지금까지의 하이퍼 링크 걸기의 방법으로는 항상 연결되는 문서의 처음으로만 연결되어지지만 책갈피를 사용하시면 링크로 연결되어질 문서의 문장이나 낱말 그림등을 책갈피로 지정해주어서 링크를 걸어서 이동하게 만들문서의 "책갈피"란에 해당 책갈피명을 지정해주시면 링크로 이동되어 질 때 웹문서의 처음으로 이동하는 것이 아니라 책갈피로 지정해준곳으로 링크가 연결되는 것입니다.