Skip to content

GuitarMania

Home ›새내기방 ›즐거운 컴퓨터
✔ 뷰어로 보기
2011.07.07 11:13

사진 여러 장 올리는 방법

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



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

어휴, 컴퓨터는 알면 알수록 골치 아파요. 아마 우리 사이트에 드나드시 분 중에도 컴퓨터 고수가 많을 거라고 생각하는데요. 이 [컴퓨터방] 게시판에 좋은 설명, 자료들 올려주시면 좋겠네요. 저는 이것도 벅차네요.
      
Me2day Yozm
Up Down Print 수정 삭제
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. Microsoft Windows Media Player 한글판 7.1

    Date2002.06.14 By고정석 Views5539
    Read More

  2. Winamp 2.80a Full + WitchBlade

    Date2002.06.14 By고정석 Views5062
    Read More

  3. Adobe Acrobat Reader 한글판 5.05 (PDF 화일 볼때 필수)

    Date2002.06.14 By고정석 Views6512
    Read More

  4. V3+Neo 로 만든 V3SOS 로 바이러스 치료법

    Date2002.06.12 By고정석 Views6270
    Read More

  5. SONY MZ N1 한글 사용설명서

    Date2002.06.08 By고정석 Views6261
    Read More

  6. 컴터로 녹음을 하려면 어떻게 해야 하는지?

    Date2002.01.21 By박진우 Views5902
    Read More

  7. [re] 자신의 연주를 mp3 파일로 만드는 방법

    Date2002.01.22 By고정석 Views5946
    Read More

  8. 윈앰프 환경설정

    Date2002.06.01 By고정석 Views10199
    Read More

  9. CD Recording

    Date2002.05.28 By고정석 Views6235
    Read More

  10. 인터넷 방송하기

    Date2002.05.28 By고정석 Views5530
    Read More

  11. win xp에서는 encore를 어떻게 사용하는지...

    Date2002.05.23 By지나가면서.. Views5160
    Read More

  12. 강력한 사운드 편집 툴 &quot;GoldWave&quot; v4.26

    Date2002.05.22 By고정석 Views5266
    Read More

  13. 즐거운 컴퓨터 게시판에 파일 첨부 어떻게 하죠?(냉무)

    Date2002.04.25 By소소 Views5065
    Read More

  14. 사진등이 들어간 문서를 그대로 복사하여 게시판에 올리는 방법

    Date2002.02.21 By고정석 Views4596
    Read More

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

    Date2002.02.20 By견이~☆ Views4612
    Read More

  16. 친구한테 음악 씨디를 구워 주고 싶은데요...^^;

    Date2002.01.25 By김현준 Views5422
    Read More

  17. 자신의 연주를 mp3 화일로 만드는 방법

    Date2002.01.22 By고정석 Views6490
    Read More

  18. 비디오 동영상변환에 관하여......싸게 하는법.

    Date2002.01.18 By수 Views5138
    Read More

  19. 궁금해요(앙코르질문)

    Date2002.01.12 By궁금 Views4881
    Read More

  20. 컴퓨터작곡은..

    Date2001.11.23 By수 Views5874
    Read More

  21. 파일사이즈 작고 성능 좋은 메트로놈

    Date2001.08.24 By고정석 Views5440
    Read More

  22. ram파일 배경음악 실행시키기

    Date2001.08.05 By고정석 Views5593
    Read More

  23. HTML 연습장

    Date2001.08.05 By고정석 Views6283
    Read More

  24. HTML 알짜 TIP

    Date2001.07.30 By고정석 Views5173
    Read More

  25. 음악듣기 악보보기 인쇄하기등에 유용한 유틸리티모음

    Date2001.07.23 By고정석 Views5929
    Read More

  26. !![강충]real 파일들을 Winamp 에서 돌아가게 해주는 프로그램!!

    Date2001.07.19 By아따보이 Views5352
    Read More

  27. 무료 계정 ,CGI 정보

    Date2001.07.01 By고정석 Views5351
    Read More

  28. 긴 주소 짧게해주는 무료 도메인 제공 사이트

    Date2001.06.30 By고정석 Views5033
    Read More

  29. 리얼로 올릴때...

    Date2001.06.29 By수 Views5619
    Read More

  30. 음반도서실에 음악올릴때 주의할점.

    Date2001.06.20 By수 Views6303
    Read More

  31. 호수에 비친 꽃 그림(Java Applet 응용)

    Date2001.06.04 By고정석 Views11040
    Read More

  32. gohip 제거 프로그램

    Date2001.05.11 By고정석 Views8980
    Read More

  33. 컴퓨터 고장 유형과 대응책

    Date2001.05.11 By고정석 Views10034
    Read More

  34. 그림올리는법 배우기.(실습)

    Date2001.04.28 By수 Views8094
    Read More

  35. 태그강좌 사이트

    Date2001.04.26 By고정석 Views14975
    Read More

  36. 디지탈 카메라 강좌

    Date2001.04.16 By고정석 Views14128
    Read More

  37. 국내외 인터넷 저장공간 제공 사이트

    Date2001.04.15 By고정석 Views7191
    Read More

  38. mpg 화일을 mp3로??

    Date2001.04.02 By지우압바 Views10055
    Read More

  39. 질문... 웨이브 파일을 mp3파일로 바꾸려면...???

    Date2001.04.01 By정성민 Views13944
    Read More

  40. NexENCODE Studio 3.02 : Wav 파일을 MP3 로 바꾸는 프로그램

    Date2001.03.31 By고정석 Views10208
    Read More

  41. Real Player 8.0 한글판입니다.

    Date2001.03.28 By고정석 Views9046
    Read More

  42. [무료계정 싸이트] 국내.국외 무료계정 싸이트 총망라

    Date2001.03.26 By고정석 Views8420
    Read More

  43. 리얼 오디오 화일(RA)만드는 법--- CNC에서 퍼옴

    Date2001.03.26 By고정석 Views13655
    Read More

  44. 태그 예제 모음

    Date2001.03.19 By고정석 Views9147
    Read More

  45. 글자 계속 바꿔보자~!

    Date2001.03.19 By고정석 Views8332
    Read More

  46. 멋진 텍스트 효과(5)

    Date2001.03.19 By고정석 Views7927
    Read More

  47. 멋진 텍스트 효과(4)

    Date2001.03.19 By고정석 Views8444
    Read More

  48. 멋진 텍스트 효과(3)

    Date2001.03.19 By고정석 Views12511
    Read More

  49. 멋진 텍스트 효과(2)

    Date2001.03.19 By고정석 Views9853
    Read More

  50. ☞ class파일 다운

    Date2001.03.19 By고정석 Views6731
    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