Skip to content

GuitarMania

(*.230.180.249) 조회 수 7423 댓글 6

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

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

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

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

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

 

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번글 데로 글을 작성하시면 되겠죠 ^^*




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

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

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

 

Comment '6'
  • 사꼬 2005.12.02 15:29 (*.230.180.249)
    그림이 안 보일 경우 우클릭해서 "그림표시"를 한번 눌러 주면 보입니다...
  • 오모씨 2005.12.02 15:47 (*.183.243.104)
    우아... 사꼬님 정말 정성이 대단하세요!!
  • 콩쥐 2005.12.02 16:10 (*.80.23.21)
    허걱..사꼬님을 기타매니아 관리자로~
  • 항해사 2005.12.02 17:05 (*.104.27.70)
    일일이 스샷에 태그코드까정 하나하나 정말 정성이 느껴집니당

    공부가 아니될수 없겠어요 ^^ 잘봤습니다(^^)(__)
  • 사꼬 2005.12.02 20:53 (*.230.180.249)
    무슨 그런 말씀을 ^^;; 넘 간단한 내용인 걸요.
    무지 쉽지만 처음하는 사람들에겐 무지 어려운 부분이기도 하다는... 주위에 저걸 물어보는 사람들이 많더군요.
    어디 자세히 설명된데두 없구해서 전에 친구에게 메일로 보내줬던 내용을 약간(대폭인가 ;;) 수정해서 올려봤습니다..^^;;
  • ZiO 2005.12.02 23:43 (*.120.151.190)
    헐,.,,이렇게 자세하게...감격입니다...
    이거 삭제하지 마시고 오래오래 두셔요...몇번이고 실습하면서 봐야 할 것 같아요.
    넘 감사합니다...
?

  1. Microsoft Windows Media Player 한글판 7.1

    Date2002.06.14 By고정석 Views6218
    Read More
  2. Winamp 2.80a Full + WitchBlade

    Date2002.06.14 By고정석 Views5669
    Read More
  3. Adobe Acrobat Reader 한글판 5.05 (PDF 화일 볼때 필수)

    Date2002.06.14 By고정석 Views7207
    Read More
  4. V3+Neo 로 만든 V3SOS 로 바이러스 치료법

    Date2002.06.12 By고정석 Views6977
    Read More
  5. SONY MZ N1 한글 사용설명서

    Date2002.06.08 By고정석 Views7110
    Read More
  6. 컴터로 녹음을 하려면 어떻게 해야 하는지?

    Date2002.01.21 By박진우 Views6808
    Read More
  7. [re] 자신의 연주를 mp3 파일로 만드는 방법

    Date2002.01.22 By고정석 Views6631
    Read More
  8. 윈앰프 환경설정

    Date2002.06.01 By고정석 Views11432
    Read More
  9. CD Recording

    Date2002.05.28 By고정석 Views7095
    Read More
  10. 인터넷 방송하기

    Date2002.05.28 By고정석 Views6184
    Read More
  11. win xp에서는 encore를 어떻게 사용하는지...

    Date2002.05.23 By지나가면서.. Views5755
    Read More
  12. 강력한 사운드 편집 툴 &quot;GoldWave&quot; v4.26

    Date2002.05.22 By고정석 Views5963
    Read More
  13. 즐거운 컴퓨터 게시판에 파일 첨부 어떻게 하죠?(냉무)

    Date2002.04.25 By소소 Views5711
    Read More
  14. 사진등이 들어간 문서를 그대로 복사하여 게시판에 올리는 방법

    Date2002.02.21 By고정석 Views5285
    Read More
  15. [질문!!]컴퓨터 두대를 공유시켰는데 메신저 파일전송이나 방송같은게 전혀 안되네요!!

    Date2002.02.20 By견이~☆ Views5133
    Read More
  16. 친구한테 음악 씨디를 구워 주고 싶은데요...^^;

    Date2002.01.25 By김현준 Views6559
    Read More
  17. 자신의 연주를 mp3 화일로 만드는 방법

    Date2002.01.22 By고정석 Views7289
    Read More
  18. 비디오 동영상변환에 관하여......싸게 하는법.

    Date2002.01.18 By Views5709
    Read More
  19. 궁금해요(앙코르질문)

    Date2002.01.12 By궁금 Views5681
    Read More
  20. 컴퓨터작곡은..

    Date2001.11.23 By Views6668
    Read More
  21. 파일사이즈 작고 성능 좋은 메트로놈

    Date2001.08.24 By고정석 Views6018
    Read More
  22. ram파일 배경음악 실행시키기

    Date2001.08.05 By고정석 Views6161
    Read More
  23. HTML 연습장

    Date2001.08.05 By고정석 Views6994
    Read More
  24. HTML 알짜 TIP

    Date2001.07.30 By고정석 Views5728
    Read More
  25. 음악듣기 악보보기 인쇄하기등에 유용한 유틸리티모음

    Date2001.07.23 By고정석 Views6681
    Read More
  26. !![강충]real 파일들을 Winamp 에서 돌아가게 해주는 프로그램!!

    Date2001.07.19 By아따보이 Views5916
    Read More
  27. 무료 계정 ,CGI 정보

    Date2001.07.01 By고정석 Views5896
    Read More
  28. 긴 주소 짧게해주는 무료 도메인 제공 사이트

    Date2001.06.30 By고정석 Views5800
    Read More
  29. 리얼로 올릴때...

    Date2001.06.29 By Views6347
    Read More
  30. 음반도서실에 음악올릴때 주의할점.

    Date2001.06.20 By Views6869
    Read More
  31. 호수에 비친 꽃 그림(Java Applet 응용)

    Date2001.06.04 By고정석 Views11647
    Read More
  32. gohip 제거 프로그램

    Date2001.05.11 By고정석 Views9615
    Read More
  33. 컴퓨터 고장 유형과 대응책

    Date2001.05.11 By고정석 Views10774
    Read More
  34. 그림올리는법 배우기.(실습)

    Date2001.04.28 By Views8687
    Read More
  35. 태그강좌 사이트

    Date2001.04.26 By고정석 Views15685
    Read More
  36. 디지탈 카메라 강좌

    Date2001.04.16 By고정석 Views14637
    Read More
  37. 국내외 인터넷 저장공간 제공 사이트

    Date2001.04.15 By고정석 Views7862
    Read More
  38. mpg 화일을 mp3로??

    Date2001.04.02 By지우압바 Views10848
    Read More
  39. 질문... 웨이브 파일을 mp3파일로 바꾸려면...???

    Date2001.04.01 By정성민 Views14472
    Read More
  40. NexENCODE Studio 3.02 : Wav 파일을 MP3 로 바꾸는 프로그램

    Date2001.03.31 By고정석 Views11032
    Read More
  41. Real Player 8.0 한글판입니다.

    Date2001.03.28 By고정석 Views9778
    Read More
  42. [무료계정 싸이트] 국내.국외 무료계정 싸이트 총망라

    Date2001.03.26 By고정석 Views9036
    Read More
  43. 리얼 오디오 화일(RA)만드는 법--- CNC에서 퍼옴

    Date2001.03.26 By고정석 Views14233
    Read More
  44. 태그 예제 모음

    Date2001.03.19 By고정석 Views9790
    Read More
  45. 글자 계속 바꿔보자~!

    Date2001.03.19 By고정석 Views8878
    Read More
  46. 멋진 텍스트 효과(5)

    Date2001.03.19 By고정석 Views8547
    Read More
  47. 멋진 텍스트 효과(4)

    Date2001.03.19 By고정석 Views8865
    Read More
  48. 멋진 텍스트 효과(3)

    Date2001.03.19 By고정석 Views12888
    Read More
  49. 멋진 텍스트 효과(2)

    Date2001.03.19 By고정석 Views10221
    Read More
  50. ☞ class파일 다운

    Date2001.03.19 By고정석 Views6967
    Read More
Board Pagination ‹ Prev 1 2 3 4 5 6 Next ›
/ 6

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Powered by Xpress Engine / Designed by hikaru100

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234