Skip to content

GuitarMania

(*.137.225.210) 조회 수 11914 댓글 4
기타매니아 사이트에 이런 컴퓨터방이 있었는 줄 몰랐네요.
이 방을 메인화면에 띄워서 활성화할 필요가 있다고 봅니다.
다른 사이트에서는 사진자료나 기타 컴퓨터 운영자료, 사진 올리는 법 등
많은 자료를 올려 서로 공유하더군요.



일단 기본은 html이라는 컴퓨터 문법을 알면 됩니다.
이 문법은 어지간한 곳에서는 모두 자세히 설명되어 있습니다.

우리 사이트에도 [글쓰기]할 때 글쓰기 화면 바로 위에 [html허용]라는 조그마한 체크박스가 있습니다. 이 체크박스를 체크하면 html 문법이 적용되는 건데요.
일반 글쓰기와 같습니다만 html에서 요구하는 일정한 문법어(=명령어)를 쳐주면 됩니다.
그것들은 앞서 말한 html 설명하는 곳에 가서 자세히 보시고 (네이버에서 'html, 또는 html태그'를 치면 설명해주는 곳이 많습니다.

[사진 여러 장 올리는 것]만 간단히 설명드리자면

1. 먼저 자신이 찍은 사진을 저장하는 서버가 있어야 합니다.
   이 서버는 포털사이트나 기타 등등의 사이트에서 유로, 무료로 ftp라는 이름으로 제공합니다. 아마 콩쥐 님은 기타매니아 서버가 있으니까 그곳에 사진을 올리고요. (계정을 트고 보통 [알ftp]라는 프로그램을 이용해서 [내컴퓨터]의 파일을 이 ftp 계정에 올리고 내리고 합니다)

그런데 사진의 크기가 문제예요. 사진의 크기는 명령어로 제어할 수 있으나 그것은 공부하시고요. 미리 [알씨]나 사진 크기를 조정하는 프로그램을 이용하여 적당한 크기로 줄인 것을 올립니다. 사진의 [파일명]은 영어로 쉬운 것으로 하고 가능하면 [확장자명]은 jpg형식의 파일로 올립니다.

2. 올렸으면 이제 윈도에서 [메모장]을 엽니다. 이 [메모장]이 우리 사이트의 [글쓰기] 게시판과 똑 같은 기능을 한다고 보면 되는데요. 여기 메모장에 자신이 올린 ftp 파일 저장소의 경로를 써줍니다. html의 기본 명령어는 <img src>(이것은 image source의 약자라고 보면 됩니다. 그러니까 ‘원래 이미지가 있는 곳’이라는 뜻이죠. )이고요 이 명령어 다음에 등호기호 ‘=’를 넣고 그다음에 경로, 즉 사진이 들어있는 곳의 주소를 써주면 됩니다. 하나의 명령어는 보통 <   > 기호 안에 씁니다.
그리고 해당 주소 앞뒤에 “ ”를 하는 부분이 있는데요. 이유가 있는데 이거는 왜 하는지 기억이 가물가물............하여튼 아래 형식으로 합니다.

예) <img src="http://user.chol.com/~ss888/s/s6.jpg">

저는 천리안 제공하는 계정을 이용하기 때문에 http://user.chol.com/~ss888/s
여기까지가 계정의 폴더고요. s6.jpg가 파일명이죠. 이 주소를 정확하게, 꼼꼼하게 잘 넣어야 합니다.



3. 하고 싶은 말은 이 명령어 위나 아래에 씁니다. 이 명령어가 바로 사진이므로 사진의 위나 아래에 글씨를 넣는 거나 마찬가지가 되는 거죠.
그런데 이때 쓰는 글씨는 그대로 되는데 [줄바꿈]은 일반적인 text에서의 [엔터]로는 되지 않습니다. html에서는 <br>이라는 명령어로 [줄바꿈]을 합니다. 그러므로 문장을 치고 줄을 바꾸려면 <br>을 끝에 달면 됩니다. 하나 달면 한 줄, 두 개 달면 두 줄이 띄어집니다.
사진도 마찬가집니다. 아래 예와 같이 <br> 명령어를 넣습니다. 그러면 다음 사진이나 문장에서 똑같이 한 줄씩 떨어집니다.

예: 사진 한 장.
<img src="http://user.chol.com/~ss888/s/s1.jpg"> <br>


예: 사진 여러 장

설명 어쩌고 저쩌고........<br>
<img src="http://user.chol.com/~ss888/s/s1.jpg"><br>

설명 어쩌고 저쩌고........<br>
<img src="http://user.chol.com/~ss888/s/s2.jpg"><br>

설명 어쩌고 저쩌고........<br>
<img src="http://user.chol.com/~ss888/s/s3.jpg"><br>

설명 어쩌고 저쩌고........<br>
<img src="http://user.chol.com/~ss888/s/s4.jpg"><br>


마지막에 파일명이 다르죠? 이 각각이 글씨가 아니고 바로 사진이다라고 보시면 됩니다.

4. 이제 완성한 [메모장]을 저장을 하는데요. [내컴퓨터]에 특정한 폴더를 만들고 이곳에
   (1) 먼저 text 파일로 저장을 합니다. 이것은 다 아시다시피 그냥 워드용 문서파일이죠. 이것은 보관용입니다. 다음에 또 변형을 해서 응용할 수 있기 때문에.
   (2) 그리고 그 화면 그대로 [다른 이름으로 저장]을 선택해서 확장자명에 반드시 html을 적습니다. 그러니까 파일명이 pic라면 pic.html이 되는 거죠. 이것은 인터넷용 파일이다 생각하시면 되겠습니다.

이제 [내컴퓨터]의 파일 저장장소로 가서 보면 (1)메모장 텍스트 파일이 있고 (2)익스플로러 아이콘을 가진 pic.HTML문서 파일이 있습니다. 이 (2)번 파일을 클릭하면 원하는 화면이 익스플로러 창에, 즉 인터넷 상에 실현됩니다. 짜잔~

5. 잘된 것을 확인했으면 (1)의 pic.text 파일을 열어서 내용 전체를 복사합니다. 그리고 우리 기타매니아 [글쓰기] 창에 갖다붙입니다. 이때 앞서도 말했듯이 반드시 [html 허용]에 체크를 해야 합니다. 이것이 바로 4-(2)의 html 저장방식과 똑같은 역할을 하는 것입니다.

자, 이제 저장을 하고 돌아와 다시 돌아와 클릭을 합니다. 사진과 글씨가 뜹니다. 짜잔~

* [메모장]에 만들어 하는 것이 귀찮으시다면 우리 기타매니아 [글쓰기]창에서 곧바로 해도 됩니다. 하지만 저는 [메모장]을 이용하기를 권합니다.

html 문법, 알아두면 재미있는 것이 많이 있는데요. 예전에 혼자 좀 공부했는데 너무 안 하니까 또 까먹고 마네요. 글씨가 좌로우로 왔다갔다, 깜빡깜빡 별거 다 있는데요. 사진이 계속 책장 넘어가듯이 할 수도 있고......

어휴, 컴퓨터는 알면 알수록 골치 아파요. 아마 우리 사이트에 드나드시 분 중에도 컴퓨터 고수가 많을 거라고 생각하는데요. 이 [컴퓨터방] 게시판에 좋은 설명, 자료들 올려주시면 좋겠네요. 저는 이것도 벅차네요.
      
Comment '4'
  • 금모래 2011.07.07 12:05 (*.137.225.210)
    콩쥐 님이 묻기에 대답이라고 했는데 아래 고정석 님이 쓰신 글도 있네요.
    같은 이야긴데 핵심은 (1)기타매니아 직접 사진을 올리는 경우와 (2)다른 곳에 사진을 실어놓고, 또는 실려 있는 사진을 공유하는 방법 두 가지입니다. (1)번은 우리 사이트에서는 한 장밖에 안 되는 모양입니다. (2)의 방식은 위에서 설명드렸듯 특정 서버에 저장을 해야 합니다. 일반인은 ftp계정을 개설해서 그곳에 사진을 올려서 경로를 설정하면 되고, 콩쥐 님은 직접 서버가 있으시니까 그곳 주소를 적어만 주시면 될 듯한데요.

    (1)을 하면 기타매니아 서버에 자리를 많이 차지하기 때문에 한 장만 허용하는 것 같고요.
    (2)는 결국 기타매니아가 다른 서버와 링크만 하는 것이므로 기타매니아 서버에는 아무런 부담을 주지 않는 거 같습니다. 그래서 서버관리자가 아마 한 장만 싣도록 했겠죠.

    위에 극히 상식적인 것을 제가 장황하게 설명한 거 같습니다. ^^

  • 콩쥐 2011.07.07 15:21 (*.161.14.21)
    와 , 알기쉽게 안내해주셔서 감사해요.
    저도 따라서 한번 해봐야겠어요...
  • 최동수 2011.07.08 12:06 (*.106.214.59)
    아하하하

    나 혼자만 써먹으려고 했더니....
  • 금모래 2011.07.08 22:46 (*.137.225.210)
    선생님은 컴퓨터도 잘 하시고 대단하세요.

    로맨틱 그레이!
?

  1. 앙코르 4.5 에서 pdf 파일로 저장이 안되는지요...?

    Date2023.07.27 By정영화 Views781
    Read More
  2. 앙코르 4.5 가 64비트 에서는 안열리는지요...?

    Date2023.07.27 By정영화 Views690
    Read More
  3. 앙코르 프로그램 5.0 도움요청드립니다.ㅠㅠ

    Date2023.01.28 By이세 Views1381
    Read More
  4. 유튜브에서 가수목소리만..

    Date2018.03.17 By소중한 사람 Views5037
    Read More
  5. 유튜브 동영상 오류 해결 좀 부탁드려요...

    Date2018.01.01 Byㅎㅂㄱ Views5075
    Read More
  6. 도와주세요...앙코르 4.5.5프로그램 사용자인데 한영변환이 안돼요 ㅠㅠ

    Date2017.12.20 By달의 궁전 Views5225
    Read More
  7. 앙코르 관련 문의

    Date2017.08.27 By엠타운 Views7211
    Read More
  8. 게시판에 직접 동영상 나오게 하는방법.

    Date2017.08.13 By Views4538
    Read More
  9. 국가가 우리를 제한하려 한다면 우리는 저항해야 한다 - 인터넷 규제에 저항하는 방법 (by 바삭바삭한 잉여 CRISP_SURPLUS/2015.03.09)|IT-컴퓨터 관련정보||

    Date2017.06.03 By마스티븐 Views4868
    Read More
  10. [Encore] 버그?

    Date2015.11.22 By꽁생원 Views6818
    Read More
  11. [Encore] 특정 줄에서 보표수 변경 방법

    Date2015.11.08 By꽁생원 Views7382
    Read More
  12. 피날레 2010에 관한 질문드립니다.

    Date2015.05.12 By이브남 Views6353
    Read More
  13. 유튜브 영상 embed로 삽입하기

    Date2014.12.06 By꽁생원 Views8028
    Read More
  14. 유튜브 영상 나오게 하는 단순무식한 방법

    Date2014.11.30 By꽁생원 Views6874
    Read More
  15. 인터넷 익스플로러에서 기타매니아 메인페이지가 제대로 표시되지 않는 오류

    Date2014.06.01 By더스틴 Views5817
    Read More
  16. 피날레와 시벨리우스 비교

    Date2014.05.19 By피날레 Views10189
    Read More
  17. 앙코르에서 코드 높이 조정할 수 있는지요?

    Date2014.04.09 By꽁생원 Views7274
    Read More
  18. 시벨리우스 7.5 소식입니다.

    Date2014.01.28 By피날레 Views12550
    Read More
  19. Finale 2014가 나왔습니다.

    Date2013.10.18 By피날레 Views18307
    Read More
  20. Noteworthy (NWC) File 를 피날레나 시벨리우스로 변환하는 방법_2013 업데이트

    Date2013.08.23 By피날레 Views20022
    Read More
  21. 게시판에 직접 동영상 나오게 하는 방법 (꽁생원님 작성)

    Date2013.04.29 By Views8733
    Read More
  22. 스마트폰[안드로이드]으로 음악 감상 할 때 호환성이 좋은 추천 어플

    Date2013.03.29 By더스틴 Views9627
    Read More
  23. 제가 사용하는 악보제작 프로그램

    Date2013.01.15 By더스틴 Views20452
    Read More
  24. 시벨리우스에서 줄번호 입력 문의

    Date2013.01.08 By볕좋은마당 Views7880
    Read More
  25. 시벨리우스 세하 입력방법 문의

    Date2012.08.24 By꽁생원 Views10621
    Read More
  26. 악보 프로그램을 공부하고 싶다면?

    Date2012.07.15 By피날레 Views9666
    Read More
  27. Noteworthy (NWC) File 를 피날레나 시벨리우스로 변환하는 방법

    Date2012.06.25 By피날레 Views23818
    Read More
  28. 앙코르에서 겹세로줄에 도돌이표가 적용 안되네요

    Date2012.04.08 By꽁생원 Views12478
    Read More
  29. 무소음 PC 정착기

    Date2012.03.25 By꽁생원 Views18686
    Read More
  30. 도와주세요. 앙코르5.0이 필요합니다.

    Date2012.03.20 By푸른날개 Views31354
    Read More
  31. 컴퓨터자판에서 영문/한글키가 작동치 않을때는 어떻게

    Date2012.03.19 By고정석 Views23369
    Read More
  32. Encore 파일 pdf 파일로 만들기 방법과 이미지로 된 파일을 PDF 로 만드는 방법

    Date2012.03.08 By노동환 Views14969
    Read More
  33. 앙코르 - 윗성부, 아랫성부를 나누는 방법

    Date2012.03.01 By노동환 Views11077
    Read More
  34. 앙코르로 기타악보찍을때 윗성부와 아래성부

    Date2012.02.29 By허쎌 Views10305
    Read More
  35. 앙코르에서 슬라이드(글리산도) 넣는 방법이 있는지요?

    Date2012.02.20 By꽁생원 Views12213
    Read More
  36. Encore 파일 pdf 파일로 만들기 방법 좀 가르쳐주세요.

    Date2012.01.17 By아이모레스 Views13975
    Read More
  37. 무료로 고화질 한국TV보기

    Date2011.12.21 Byelevenxin Views13825
    Read More
  38. 주파수 알아내는 프로그램

    Date2011.11.20 By방가 Views11775
    Read More
  39. 피날레 2012가 나왔습니다.시벨리우스는 7이 나왔습니다.

    Date2011.10.08 By피날레 Views17072
    Read More
  40. 사진 여러 장 올리는 방법

    Date2011.07.07 By금모래 Views11914
    Read More
  41. 게시판에 사진 여러장이 한 화면에 나오게 하는 방법

    Date2011.04.29 By고정석 Views11394
    Read More
  42. 한영키 변환이 안됩니다

    Date2011.04.29 By초보 Views13144
    Read More
  43. 앙코르 사용 Tip 하나 - 음표 간격 자동 맞추기

    Date2011.01.06 By쥴리강 Views17516
    Read More
  44. 피날레에서 타브악보를 만들때 기존의 보표를 타브로 끌어 내리면 한 옥타브가 위로 표기되는 현상

    Date2011.01.03 By피날레 Views21452
    Read More
  45. [re] 피날레에서 타브악보 속성

    Date2011.01.03 By하하! Views20066
    Read More
  46. 사진 크기를 줄여주는 프로그램 (Resize of Your Picture)

    Date2010.11.17 By고정석 Views10629
    Read More
  47. 편리한 단축키 모음.

    Date2010.10.01 By땅콩 Views14326
    Read More
  48. 도와주세요

    Date2010.08.08 By초보 Views10693
    Read More
  49. 피날레 2011이 출시 되었습니다.

    Date2010.07.15 By피날레 Views13940
    Read More
  50. 앙코르 관련 하나 더 여쭙니다.

    Date2010.03.12 By매니아 Views12813
    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