Skip to content

GuitarMania

(*.137.225.210) 조회 수 8566 댓글 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)
    선생님은 컴퓨터도 잘 하시고 대단하세요.

    로맨틱 그레이!
?

List of Articles
번호 제목 글쓴이 날짜 조회 수
279 유튜브에서 가수목소리만.. 5 소중한 사람 2018.03.17 1035
278 유튜브 동영상 오류 해결 좀 부탁드려요... 1 ㅎㅂㄱ 2018.01.01 1206
277 도와주세요...앙코르 4.5.5프로그램 사용자인데 한영변환이 안돼요 ㅠㅠ 달의 궁전 2017.12.20 1412
276 앙코르 관련 문의 6 file 엠타운 2017.08.27 2058
275 게시판에 직접 동영상 나오게 하는방법. 2017.08.13 1307
274 국가가 우리를 제한하려 한다면 우리는 저항해야 한다 - 인터넷 규제에 저항하는 방법 (by 바삭바삭한 잉여 CRISP_SURPLUS/2015.03.09)|IT-컴퓨터 관련정보|| 1 마스티븐 2017.06.03 1475
273 [Encore] 버그? file 꽁생원 2015.11.22 3588
272 [Encore] 특정 줄에서 보표수 변경 방법 1 file 꽁생원 2015.11.08 3379
271 피날레 2010에 관한 질문드립니다. 1 이브남 2015.05.12 3401
270 유튜브 영상 embed로 삽입하기 꽁생원 2014.12.06 5415
269 유튜브 영상 나오게 하는 단순무식한 방법 2 file 꽁생원 2014.11.30 3685
268 인터넷 익스플로러에서 기타매니아 메인페이지가 제대로 표시되지 않는 오류 더스틴 2014.06.01 3315
267 피날레와 시벨리우스 비교 file 피날레 2014.05.19 5827
266 앙코르에서 코드 높이 조정할 수 있는지요? 2 꽁생원 2014.04.09 4590
265 시벨리우스 7.5 소식입니다. 1 피날레 2014.01.28 9574
264 Finale 2014가 나왔습니다. file 피날레 2013.10.18 13858
263 Noteworthy (NWC) File 를 피날레나 시벨리우스로 변환하는 방법_2013 업데이트 1 file 피날레 2013.08.23 13303
262 게시판에 직접 동영상 나오게 하는 방법 (꽁생원님 작성) 4 2013.04.29 5811
261 스마트폰[안드로이드]으로 음악 감상 할 때 호환성이 좋은 추천 어플 더스틴 2013.03.29 6958
260 제가 사용하는 악보제작 프로그램 2 더스틴 2013.01.15 13816
259 시벨리우스에서 줄번호 입력 문의 2 볕좋은마당 2013.01.08 5154
258 시벨리우스 세하 입력방법 문의 3 file 꽁생원 2012.08.24 7213
257 악보 프로그램을 공부하고 싶다면? 2 피날레 2012.07.15 6960
256 Noteworthy (NWC) File 를 피날레나 시벨리우스로 변환하는 방법 1 file 피날레 2012.06.25 16210
255 앙코르에서 겹세로줄에 도돌이표가 적용 안되네요 3 file 꽁생원 2012.04.08 8845
254 무소음 PC 정착기 15 file 꽁생원 2012.03.25 13583
253 도와주세요. 앙코르5.0이 필요합니다. 9 푸른날개 2012.03.20 24922
252 컴퓨터자판에서 영문/한글키가 작동치 않을때는 어떻게 1 고정석 2012.03.19 18678
251 Encore 파일 pdf 파일로 만들기 방법과 이미지로 된 파일을 PDF 로 만드는 방법 file 노동환 2012.03.08 10340
250 앙코르 - 윗성부, 아랫성부를 나누는 방법 1 노동환 2012.03.01 8063
249 앙코르로 기타악보찍을때 윗성부와 아래성부 file 허쎌 2012.02.29 7552
248 앙코르에서 슬라이드(글리산도) 넣는 방법이 있는지요? 2 file 꽁생원 2012.02.20 8568
247 Encore 파일 pdf 파일로 만들기 방법 좀 가르쳐주세요. 4 아이모레스 2012.01.17 10563
246 무료로 고화질 한국TV보기 1 elevenxin 2011.12.21 11022
245 주파수 알아내는 프로그램 3 file 방가 2011.11.20 8861
244 피날레 2012가 나왔습니다.시벨리우스는 7이 나왔습니다. 1 피날레 2011.10.08 13502
» 사진 여러 장 올리는 방법 4 금모래 2011.07.07 8566
242 게시판에 사진 여러장이 한 화면에 나오게 하는 방법 3 고정석 2011.04.29 8237
241 한영키 변환이 안됩니다 2 초보 2011.04.29 9792
240 앙코르 사용 Tip 하나 - 음표 간격 자동 맞추기 4 쥴리강 2011.01.06 14117
239 피날레에서 타브악보를 만들때 기존의 보표를 타브로 끌어 내리면 한 옥타브가 위로 표기되는 현상 1 file 피날레 2011.01.03 15637
238 [re] 피날레에서 타브악보 속성 4 file 하하! 2011.01.03 13806
237 사진 크기를 줄여주는 프로그램 (Resize of Your Picture) 1 file 고정석 2010.11.17 7733
236 편리한 단축키 모음. 1 땅콩 2010.10.01 11336
235 도와주세요 2 초보 2010.08.08 8292
234 피날레 2011이 출시 되었습니다. 피날레 2010.07.15 11036
233 앙코르 관련 하나 더 여쭙니다. 매니아 2010.03.12 10107
232 바탕화면 file .. 2009.11.02 10064
231 mp4파일 곰플레이어 음향 코덱 4 file 고정석 2009.10.13 17291
230 인터넷 익스플로러거 자꾸 다운되네요. 6 쏠레아 2009.09.08 8726
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