기타매니아 사이트에 이런 컴퓨터방이 있었는 줄 몰랐네요.
이 방을 메인화면에 띄워서 활성화할 필요가 있다고 봅니다.
다른 사이트에서는 사진자료나 기타 컴퓨터 운영자료, 사진 올리는 법 등
많은 자료를 올려 서로 공유하더군요.
일단 기본은 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 문법, 알아두면 재미있는 것이 많이 있는데요. 예전에 혼자 좀 공부했는데 너무 안 하니까 또 까먹고 마네요. 글씨가 좌로우로 왔다갔다, 깜빡깜빡 별거 다 있는데요. 사진이 계속 책장 넘어가듯이 할 수도 있고......
어휴, 컴퓨터는 알면 알수록 골치 아파요. 아마 우리 사이트에 드나드시 분 중에도 컴퓨터 고수가 많을 거라고 생각하는데요. 이 [컴퓨터방] 게시판에 좋은 설명, 자료들 올려주시면 좋겠네요. 저는 이것도 벅차네요.
이 방을 메인화면에 띄워서 활성화할 필요가 있다고 봅니다.
다른 사이트에서는 사진자료나 기타 컴퓨터 운영자료, 사진 올리는 법 등
많은 자료를 올려 서로 공유하더군요.
일단 기본은 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 문법, 알아두면 재미있는 것이 많이 있는데요. 예전에 혼자 좀 공부했는데 너무 안 하니까 또 까먹고 마네요. 글씨가 좌로우로 왔다갔다, 깜빡깜빡 별거 다 있는데요. 사진이 계속 책장 넘어가듯이 할 수도 있고......
어휴, 컴퓨터는 알면 알수록 골치 아파요. 아마 우리 사이트에 드나드시 분 중에도 컴퓨터 고수가 많을 거라고 생각하는데요. 이 [컴퓨터방] 게시판에 좋은 설명, 자료들 올려주시면 좋겠네요. 저는 이것도 벅차네요.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
277 | 사진 무료로 스캔해주는 싸이트... | 고정석 | 2001.03.19 | 5649 |
276 | 레이어 공지창 띄우기 | 고정석 | 2001.03.19 | 6386 |
275 | 음성 이메일 보낼수 있는 프로그램 | 고정석 | 2001.03.19 | 5513 |
274 | 음악감상 플레이어 만들기 | 고정석 | 2001.03.19 | 5626 |
273 | 마우스 따라당기는 원모양 (글씨,이미지) | 고정석 | 2001.03.19 | 5927 |
272 | 마우스를 따라 다니는 이미지 | 고정석 | 2001.03.19 | 6260 |
271 | 마우스 따라다니는 텍스트 | 고정석 | 2001.03.19 | 5256 |
270 | 문서 들어가고 나갈때 메세지 띄우기 | 고정석 | 2001.03.19 | 5018 |
269 | 자바스크립트를 이용한 브라우저 흔들기 | 고정석 | 2001.03.19 | 5627 |
268 | 자바스크립트 새창띄우기 | 고정석 | 2001.03.19 | 5805 |
267 | 쿠키를 이용한 방문횟수와 환영메세지(창으로) | 고정석 | 2001.03.19 | 5725 |
266 | 마우스 오른쪽 버튼 소스보기 막기 | 고정석 | 2001.03.19 | 5896 |
265 | ram파일 배경음악 실행시키기 | 고정석 | 2001.03.19 | 6217 |
264 | 호빵이 마음대로 돌아다니는 소스 | 고정석 | 2001.03.19 | 6146 |
263 | 음악감상 플레이어 만들기 | 고정석 | 2001.03.19 | 6272 |
262 | 텍스트 색 변하게 하기 (blink) | 고정석 | 2001.03.19 | 5866 |
261 | 요일별로 배경 바꾸기 | 고정석 | 2001.03.19 | 5486 |
260 | 포토갤러리 만들어보자 | 고정석 | 2001.03.19 | 5918 |
259 | 폼메뉴 만들기 | 고정석 | 2001.03.19 | 5669 |
258 | body bgcolor 이벤트 | 고정석 | 2001.03.19 | 5805 |
257 | 이미지 뽀샤시 하게 해보장^^* (Alpha) | 고정석 | 2001.03.19 | 5618 |
256 | 다이나믹한 메뉴 만들자 | 고정석 | 2001.03.19 | 6721 |
255 | 무지개색 효과내는 텍스트 | 고정석 | 2001.03.19 | 11474 |
254 | 눈내리는 이미지 만들기 | 고정석 | 2001.03.19 | 8296 |
253 | 타이핑 치듯 나타나는 텍스트 | 고정석 | 2001.03.19 | 7249 |
252 | ☞ snow.class 다운받기 | 고정석 | 2001.03.19 | 8787 |
251 | 멋진 텍스트 효과(1) | 고정석 | 2001.03.19 | 10217 |
250 | 멋진 텍스트 효과(2) | 고정석 | 2001.03.19 | 9923 |
249 | 멋진 텍스트 효과(3) | 고정석 | 2001.03.19 | 12726 |
248 | ☞ class파일 다운 | 고정석 | 2001.03.19 | 6783 |
247 | 멋진 텍스트 효과(4) | 고정석 | 2001.03.19 | 8677 |
246 | 멋진 텍스트 효과(5) | 고정석 | 2001.03.19 | 8350 |
245 | 글자 계속 바꿔보자~! | 고정석 | 2001.03.19 | 8687 |
244 | 태그 예제 모음 | 고정석 | 2001.03.19 | 9460 |
243 | 리얼 오디오 화일(RA)만드는 법--- CNC에서 퍼옴 | 고정석 | 2001.03.26 | 13912 |
242 | [무료계정 싸이트] 국내.국외 무료계정 싸이트 총망라 | 고정석 | 2001.03.26 | 8735 |
241 | Real Player 8.0 한글판입니다. | 고정석 | 2001.03.28 | 9472 |
240 | NexENCODE Studio 3.02 : Wav 파일을 MP3 로 바꾸는 프로그램 | 고정석 | 2001.03.31 | 10686 |
239 | 질문... 웨이브 파일을 mp3파일로 바꾸려면...??? 2 | 정성민 | 2001.04.01 | 14265 |
238 | mpg 화일을 mp3로?? | 지우압바 | 2001.04.02 | 10630 |
237 | 국내외 인터넷 저장공간 제공 사이트 | 고정석 | 2001.04.15 | 7573 |
236 | 디지탈 카메라 강좌 | 고정석 | 2001.04.16 | 14454 |
235 | 태그강좌 사이트 | 고정석 | 2001.04.26 | 15358 |
234 | 그림올리는법 배우기.(실습) | 수 | 2001.04.28 | 8477 |
233 | 컴퓨터 고장 유형과 대응책 | 고정석 | 2001.05.11 | 10417 |
232 | gohip 제거 프로그램 | 고정석 | 2001.05.11 | 9387 |
231 | 호수에 비친 꽃 그림(Java Applet 응용) | 고정석 | 2001.06.04 | 11405 |
230 | 음반도서실에 음악올릴때 주의할점. | 수 | 2001.06.20 | 6671 |
229 | 리얼로 올릴때... 3 | 수 | 2001.06.29 | 6015 |
228 | 긴 주소 짧게해주는 무료 도메인 제공 사이트 | 고정석 | 2001.06.30 | 5601 |
Designed by sketchbooks.co.kr / sketchbook5 board skin
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
같은 이야긴데 핵심은 (1)기타매니아 직접 사진을 올리는 경우와 (2)다른 곳에 사진을 실어놓고, 또는 실려 있는 사진을 공유하는 방법 두 가지입니다. (1)번은 우리 사이트에서는 한 장밖에 안 되는 모양입니다. (2)의 방식은 위에서 설명드렸듯 특정 서버에 저장을 해야 합니다. 일반인은 ftp계정을 개설해서 그곳에 사진을 올려서 경로를 설정하면 되고, 콩쥐 님은 직접 서버가 있으시니까 그곳 주소를 적어만 주시면 될 듯한데요.
(1)을 하면 기타매니아 서버에 자리를 많이 차지하기 때문에 한 장만 허용하는 것 같고요.
(2)는 결국 기타매니아가 다른 서버와 링크만 하는 것이므로 기타매니아 서버에는 아무런 부담을 주지 않는 거 같습니다. 그래서 서버관리자가 아마 한 장만 싣도록 했겠죠.
위에 극히 상식적인 것을 제가 장황하게 설명한 거 같습니다. ^^