인터넷에 그림과 함께 글을 올리려면....

----------------예제----------------

아래 그림은 캐논변주곡의 맨 앞 부분입니다.

오선 악보 아래에 있는 숫자로 된 부분은 타브 악보라고 합니다.

기타 지판을 그대로 악보로 표현한 것이죠....

 ----------------예제끝----------------

1.......무작정 따라해보기

 다음 그림처럼 자유게시판에 글을 써봅니다...

# 1 첫 번째 빨간줄 처진 부분을 봅니다.
체크를 하고 글을 써야 합니다.. html을 쓰겠다는 뜻입니다.
경고창이 나오면 긍정적으로 대답합니다..(예)를 누르면 되겠죠 ^^*(아니오)를 누르면 엔터친 부분을 인식못해
글이 한줄로 주~~~~ㄱ 도배한 것처럼 나옵니다...

# 2 두 번째 빨간 밑줄이 있습니다.
영어도 아닌 것이 영문으로 표기된곳이 있습니다.html 태그라고 하는 문서양식인데요.
오늘은 html 태그 중에 그림 올리는것만 설명하도록 하겠습니다.. 정확히 말하면 그림올리기(업로드)와는 다릅니다.
그림연결하기-클릭하면나오는-(링크)와도 약간다르구요.
그림붙이기-인터넷의 어딘가에 있는 그림을 글에 옮겨붙이기-(embed)의 개념입니다... 우리말로 쓰니 참 어색하네요 ^^;;
여기서 의문이 생깁니다.. "어딘가에 있다는 그림은 어디있는가" 그건 다음 장에서 배우도록 하고 일단 무작정 따라합시다.

명령어의 의미와 응용방법
1............. <>
2............. img src="h ttp://bioedu.knu.ac.kr/~yussiah/score_01.jpg"
4............. width="425"
5............. height="148"
6............. border="0"

1............. 괄호는 꼭 표기해야합니다. (일반글과 html명령어를 구분하는 부분이므로...)
2............. 그림을 붙이겠다는뜻이고 따옴표속에 그림이 있는 주소를 써넣습니다...
4............. 그림의 가로 크기 설정(숫자는 픽셀크기)
5............. 그림의 세로 크기 설정
6............. 그림에 테두리를 0으로 한다는 뜻(결국 테두리를 안 넣는다는 뜻)

4,5,6 번부분은 사용하지 않아도 됩니다. 그럼 그림크기는 원본크기로 출력되고 테두리도 없는상태가 기본으로 나옵니다.
그림을 줄이거나 늘리려면 가로크기만 정해주면 세로 크기가 따라서 커집니다. 4번이나 5번 중 하나만 쓰면 그림이 찌그러지지
않겠죠 ^^*

**중요** 따옴표는 절대로 사용하거나 사용하지 말것
(따옴표가 앞에만 들어가거나 뒤에 만들어가면 오류가 발생하니 아예 사용하지 마시거나 앞과 뒤에 확실히 사용해 주세요)

#3 작성완료 버튼을 누르고 흐믓한 표정으로 작성한 글을 확인해본다. ^^;;;;;

==========================================================================
ㅠㅠ 너무어렵게 설명한 것같습니다.. 한마디로 말하면 그림 들어갈 자리에

<img src=http://bioedu.knu.ac.kr/~yussiah/score_01.jpg>

일케만 적어주면 됩니다...

==========================================================================

2........ 원하는 그림파일 만들기

포토샾(이하 뽀샾)이 컴터에 깔려있다는 전제하에 설명합니다...그림판이나 다른 프로그램으로도 충분히 할 수 잇습니다.
악보를 스캔 했거나 그림파일로 가지고 있다면 포토샾에서 바로 편집 작업 들어가면 되겠지만 악보가 없다거나
새로 그려야 할 때를 생각해서 악보부터 만들어 볼께요 ..

피날레, 앙코르, 어느 프로 그램이나 상관없습니다... 일단 실행시킵니다...(저는 앙코르로 실행시켜보죠)
           

악보를 그리거나 필요한 부분을 찾아서 적당한 크기로 확대 시킵니다.


키보드를 자세히 살펴보면 Print Scr 버튼이 있습니다..

           

한번 꾹~ 눌러줍니다.
눌러도 컴에서는 아무반응도 없습니다. 컴터 화면에 보이는 장면을 클립보드에 그대로 복사한 거지요.

이제 뽀샾을 실행시켜 봅시다.

포토샾을 전부 배우는 짓은 무모하므로 사꼬 스타일대로  무작정 따라하도록 합시다...
1....... 뽀샾 실행
2....... Ctrl + n을 누른다. 창이 하나뜨면 엔터친다. 화면에 백지장 하나가 보인다.
3....... Ctrl + v를 누른다. 아까 봤던 악보가 뽀샾에 들어와 있다.
4....... 돋보기모양을 더블클릭(꼭 더블클릭입니다.)하면 그림이 원본크기로 보인다.
                     
5....... 점선으로 된 네모(위 그림에 빨갛게 표시된 부분)를 찍고 그림에 필요한 부분만 드레그하면 아래그림 처럼 선택됩니다.
              
6........ 필요한부분만 선택되었으면 또 무작정 따라한다.
           왼손엄지로 Alt를 누른상태에서 오른손 검지로 i 한번 누르고  p 한번 누르고 .... 
           완성된 그림이 보이십니까? 이제 그림이 완성단계... 저장만 시키면 됩니다..
7........ Ctrl + Shift + s 를 눌러주면 저장할지 물어봅니다. 파일이름은 꼭 영문과 숫자로만 표기하십시요.
           한글로 표기할 경우 인터넷상에서 오류나는 경우가 많으므로...
           포맷은 jpg 나 gif 파일로 저장시킵니다. psd로 저장시키면 바~보~ㅋ ^^;;



3........ 그림파일을 인터넷의 어딘가에 올려놓기


 그림을 인터넷에 올려 놓는 방법은 몇가지 있습니다..
1. 게시판 이용하기 (네이버 블로그, 싸이홈피, 다음까페 등등....)
2. 무료 혹은 유료계정을 얻어 ftp를 이용하여 올리는 방법
  (지얼님 매니아 관리자님께 문의해보세요^^;;; 좋은자료라면 그림 파일 몇장 올릴 공간은 주실지도^^;;)
3. 흠... 기타등등.. ^^;;(어려운건 설명 생략)

일단 네이버 블로그에서 시도를 해봤습니다.....
비공개 게시판을 하나만들고 그림들을 파일올리기로 하나씩 올립니다.

그림파일 주소 알아내기......
자료를 클릭하면 새창으로 그림파일이 열리더군요...그럼 위에 그림파일 주소가 보이겠죠 ..
또는 그림에 우클릭해서 속성에 들어가면 그림파일의 정확한 주소를 알수있습니다.
그 주소를 복사해서 사꼬 따라하기 1번글 데로 글을 작성하시면 되겠죠 ^^*




긴글 읽으시느라 고생 많으셨습니다...마지막엔 저도 치쳐서대충대충 ㅜㅜ

" 사꼬 저넘 도대체 무슨소리 하나? " 하시는 분들.... 또는 "이거는 안되는데요 ~" 하시는분들은 꼬리 달아주세요.

에프터 서비스 들어갑니다... ^_______________^