그림경로 (써있드시 그림 주소를 말합니다.) 위에 있는 그림파일이 있는위치를 알려줘야 컴퓨터가 알아서 작동을 하니까요. 그림 주소는 두가지로 나뉠 수 있지요. ① 하나는 http 로 쓰는 인터넷 상에서의 주소, (ex. http://yoonmi.net/yoonmi.gif) ② 하나는 자신의 컴퓨터 내에 있는 그림 주소입니다. (ex. c:\내문서\홈페이지\yoonmi.gif)
그림 파일 이름은 될 수 있으면 한글 보단 영어 소문자로 하시는게 좋습니다.
윈도우 5.0 이상에서는 한글 파일을 불러 들이지 못하도록 설정해 논곳이 많습니다. 물론, 고쳐주면 되지만, 대부분 사람들은 아직 모르고 있거든요 ^^ 여기서 중요한 점! 꼭 기억해두세요. (만약, 자신의 컴퓨터 내에 있는 그림파일을 삽입 했을 경우, 홈페이지를 인터넷 상으로 올릴 때에 그림파일도 같이 올려줘야 합니다.) 당연한거지만 당연히 초보자들에겐 생소한 말일지도 몰라요.
자자 그러면 긴말 않고 그림파일을 한번 찾아서 삽입해 보도록 하죠. 왼쪽 폴더 파일
을 선택해주세요. 그러면 열기 선택 상자라 맡에처럼 나오게 됩니다.
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa6.GIF)
이게 그림파일을 찾아서 선택후 열기 버튼을 눌러주시면 되죠^^
자, 그럼 다시 앞으로 돌아와 볼까요? 2번을 체크해보죠.
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa5_2.gif)
그림 설명 이 강좌는 다른 페이지에 상세히 설명 되어있습니다. [그림 설명 강좌 페이지 바로가기 클릭]
크기. 그림경로를 적으면 자동적으로 너비와 높이가 설정됩니다. 그림파일 크기를 조절 마음대로 조절 할 수 있습니다. 너비/높이 비율 유지는 너비와 높이를 따로따로 맘데로 변경 하다보면 그림이 가로만 길어지고 이상하게 되는 경우를 대비해 비율을 유지하는 겁니다. 원래 크기로는 말 그대로 변경한 그림 크기를 원래대로 복구!
정렬 그림을 정렬하는 방식에 대한 소개입니다.
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa21_2.gif)
저렇게 10가지의 종류가 있습니다. 각가에 대한 설명은 아래에 있습니다.
▶ 기본값 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 위 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 중간 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 기준선 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 아래 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 왼쪽 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 오른쪽 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 글자 위 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 줄 중간 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
▶ 중 아래 |
징글벨 징글벨 징글벨울려 우리썰매 빨리달려 종소리 울릴까? 징글벨 징글벨 징글벨 울려 우리썰매 빨리달려 종소리 울려!! 아~~싸! |
자, 다시 그림 속성으로 돌아가서 마지막까지 배워봅시다!
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa5_2.gif)
테두리 두께 테두리두께는 그림에 테두리 두께를 두른 다는 것을 말합니다.
여기서 주의할 것은 하이퍼링크가 걸린 그림에 테두리를 두르면.... 일반적으로 Css(문서스타일)을 변경하지 않으면 보라색으로 변한다는 것이지요.
우선 테두리가 둘린 그림과 안둘린 그림을 봅시다. 차이점을 확실히 알 수 있을 겁니다.
▶ 테두리 두께 0 |
▶ 테두리 두께 1 |
▶ 테두리 두께 4 |
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fdoticon%2F1.gif) |
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fdoticon%2F1.gif) |
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fdoticon%2F1.gif) |
하이퍼링크 만들기
이 전 강좌중 하이퍼 링크 만들기 가 있었습니다. [하이퍼링크 만들기 바로가기 클릭] 그림을 클릭시 다른 페이지로 이동 시키는 것을 말하지요. 하이퍼링크 만들기 클릭을 하면 아래와 같이 나옵니다. (나모웹에디터 FX 이상만 이렇게 나옴, 나모 5.0, 4.0 등은 아래와 다릅니다. 설정은 비슷하니 프로그램 지정명칭들을 이용하여 사용하시면 됩니다.)
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa5_3.gif)
주소창에 링크걸 주소들을 링크해주시면 됩니다. 예를 들어 http://yoonmi.net 이라고 했다면 그 그림을 클릭할시에 yoonmi.net 으로 이동하겠죠. 아래 그림 둘은 예제 입니다. 오른쪽 그림이 하이퍼 링크가 yoonmi.net 으로 되어있습니다.(새창으로뜸) 저기서 책갈피와 대상프레임 등의 설명은 타겟종류 강의에서 설명합니다. [하이퍼 링크 타겟(대상프레임) 종류 알기 바로가기 클릭]
▶ 그림에 하이퍼링크 안 걸린것 |
▶ 그림에 하이퍼링크 걸린것 |
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fdoticon%2F1.gif) |
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fdoticon%2F1.gif) |
** 보너스 팁 **
간혹가다 강좌 중에 제가 그림을 선택한다~ ㄹ는 뜻이 있습니다. 개체를 클릭한다라는 뜻인데요. 그림파일을 나모웹에디터 편집상태에서 선택하게 되면 아래처럼 됩니다.
|