사진 여러 장 올리는 방법

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



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

어휴, 컴퓨터는 알면 알수록 골치 아파요. 아마 우리 사이트에 드나드시 분 중에도 컴퓨터 고수가 많을 거라고 생각하는데요. 이 [컴퓨터방] 게시판에 좋은 설명, 자료들 올려주시면 좋겠네요. 저는 이것도 벅차네요.