인터넷에 그림과 함께 글을 올리려면....
----------------예제----------------
아래 그림은 캐논변주곡의 맨 앞 부분입니다.
오선 악보 아래에 있는 숫자로 된 부분은 타브 악보라고 합니다.
기타 지판을 그대로 악보로 표현한 것이죠....
----------------예제끝----------------
1.......무작정 따라해보기
다음 그림처럼 자유게시판에 글을 써봅니다...
# 1 첫 번째 빨간줄 처진 부분을 봅니다.
체크를 하고 글을 써야 합니다..
html을 쓰겠다는 뜻입니다.
경고창이 나오면 긍정적으로 대답합니다..(예)를 누르면
되겠죠 ^^*(아니오)를 누르면 엔터친 부분을 인식못해
글이 한줄로 주~~~~ㄱ
도배한 것처럼 나옵니다...
# 2 두 번째 빨간 밑줄이 있습니다.
영어도 아닌 것이 영문으로 표기된곳이
있습니다.html 태그라고 하는 문서양식인데요.
오늘은 html 태그 중에 그림 올리는것만
설명하도록 하겠습니다.. 정확히 말하면 그림올리기(업로드)와는 다릅니다.
그림연결하기-클릭하면나오는-(링크)와도
약간다르구요.
그림붙이기-인터넷의 어딘가에 있는 그림을 글에 옮겨붙이기-(embed)의
개념입니다... 우리말로 쓰니 참 어색하네요 ^^;;
여기서 의문이 생깁니다.. "어딘가에
있다는 그림은 어디있는가" 그건 다음 장에서 배우도록 하고 일단 무작정 따라합시다.
명령어의
의미와 응용방법
1............. <>
2............. img src="h ttp://bioedu.knu.ac.kr/~yussiah/score_01.jpg"
4.............
width="425"
5............. height="148"
6.............
border="0"
1............. 괄호는 꼭 표기해야합니다. (일반글과
html명령어를 구분하는 부분이므로...)
2............. 그림을 붙이겠다는뜻이고
따옴표속에 그림이 있는 주소를 써넣습니다...
4............. 그림의 가로 크기
설정(숫자는 픽셀크기)
5............. 그림의 세로 크기 설정
6.............
그림에 테두리를 0으로 한다는 뜻(결국 테두리를 안 넣는다는 뜻)
4,5,6 번부분은
사용하지 않아도 됩니다. 그럼 그림크기는 원본크기로 출력되고 테두리도 없는상태가
기본으로 나옵니다.
그림을 줄이거나 늘리려면 가로크기만 정해주면 세로 크기가
따라서 커집니다. 4번이나 5번 중 하나만 쓰면 그림이 찌그러지지
않겠죠 ^^*
**중요**
따옴표는 절대로 사용하거나 사용하지 말것
(따옴표가 앞에만 들어가거나
뒤에 만들어가면 오류가 발생하니 아예 사용하지 마시거나 앞과 뒤에 확실히 사용해
주세요)
#3 작성완료 버튼을 누르고 흐믓한 표정으로 작성한 글을 확인해본다.
^^;;;;;
==========================================================================
ㅠㅠ
너무어렵게 설명한 것같습니다.. 한마디로 말하면 그림 들어갈 자리에
<img src=http://bioedu.knu.ac.kr/~yussiah/score_01.jpg>
일케만 적어주면 됩니다...
==========================================================================
2........ 원하는 그림파일 만들기
포토샾(이하
뽀샾)이 컴터에 깔려있다는 전제하에 설명합니다...그림판이나 다른 프로그램으로도
충분히 할 수 잇습니다.
악보를 스캔 했거나 그림파일로 가지고 있다면 포토샾에서
바로 편집 작업 들어가면 되겠지만 악보가 없다거나
새로 그려야 할 때를 생각해서
악보부터 만들어 볼께요 ..
피날레, 앙코르, 어느 프로 그램이나 상관없습니다... 일단 실행시킵니다...(저는
앙코르로 실행시켜보죠)
악보를 그리거나 필요한 부분을 찾아서 적당한 크기로 확대 시킵니다.
키보드를
자세히 살펴보면 Print Scr 버튼이 있습니다..
한번
꾹~ 눌러줍니다.
눌러도 컴에서는 아무반응도 없습니다. 컴터 화면에 보이는
장면을 클립보드에 그대로 복사한 거지요.
이제 뽀샾을 실행시켜 봅시다.
포토샾을
전부 배우는 짓은 무모하므로 사꼬 스타일대로 무작정 따라하도록 합시다...
1.......
뽀샾 실행
2....... Ctrl + n을 누른다. 창이 하나뜨면 엔터친다. 화면에 백지장
하나가 보인다.
3....... Ctrl + v를 누른다. 아까 봤던 악보가 뽀샾에 들어와
있다.
4....... 돋보기모양을 더블클릭(꼭 더블클릭입니다.)하면 그림이 원본크기로
보인다.
5.......
점선으로 된 네모(위 그림에 빨갛게 표시된 부분)를 찍고 그림에 필요한 부분만 드레그하면
아래그림 처럼 선택됩니다.
6........
필요한부분만 선택되었으면 또 무작정 따라한다.
왼손엄지로
Alt를 누른상태에서 오른손 검지로 i 한번 누르고 p 한번 누르고 ....
완성된
그림이 보이십니까? 이제 그림이 완성단계... 저장만 시키면 됩니다..
7........
Ctrl + Shift + s 를 눌러주면 저장할지 물어봅니다. 파일이름은
꼭 영문과 숫자로만 표기하십시요.
한글로
표기할 경우 인터넷상에서 오류나는 경우가 많으므로...
포맷은
jpg 나 gif 파일로 저장시킵니다. psd로 저장시키면 바~보~ㅋ ^^;;
3........
그림파일을 인터넷의 어딘가에 올려놓기
그림을 인터넷에
올려 놓는 방법은 몇가지 있습니다..
1. 게시판 이용하기 (네이버 블로그, 싸이홈피,
다음까페 등등....)
2. 무료 혹은 유료계정을 얻어 ftp를 이용하여 올리는 방법
(지얼님
매니아 관리자님께 문의해보세요^^;;; 좋은자료라면 그림 파일 몇장 올릴 공간은
주실지도^^;;)
3. 흠... 기타등등.. ^^;;(어려운건 설명 생략)
일단 네이버
블로그에서 시도를 해봤습니다.....
비공개 게시판을 하나만들고 그림들을 파일올리기로
하나씩 올립니다.
그림파일 주소 알아내기......
자료를 클릭하면 새창으로 그림파일이 열리더군요...그럼
위에 그림파일 주소가 보이겠죠 ..
또는 그림에 우클릭해서 속성에 들어가면 그림파일의
정확한 주소를 알수있습니다.
그 주소를 복사해서 사꼬 따라하기 1번글 데로 글을
작성하시면 되겠죠 ^^*
긴글 읽으시느라 고생 많으셨습니다...마지막엔 저도 치쳐서대충대충 ㅜㅜ
"
사꼬 저넘 도대체 무슨소리 하나? " 하시는 분들.... 또는 "이거는 안되는데요
~" 하시는분들은 꼬리 달아주세요.
에프터 서비스 들어갑니다... ^_______________^
-
그림이 안 보일 경우 우클릭해서 "그림표시"를 한번 눌러 주면 보입니다...
-
우아... 사꼬님 정말 정성이 대단하세요!!
-
허걱..사꼬님을 기타매니아 관리자로~
-
일일이 스샷에 태그코드까정 하나하나 정말 정성이 느껴집니당
공부가 아니될수 없겠어요 ^^ 잘봤습니다(^^)(__) -
무슨 그런 말씀을 ^^;; 넘 간단한 내용인 걸요.
무지 쉽지만 처음하는 사람들에겐 무지 어려운 부분이기도 하다는... 주위에 저걸 물어보는 사람들이 많더군요.
어디 자세히 설명된데두 없구해서 전에 친구에게 메일로 보내줬던 내용을 약간(대폭인가 ;;) 수정해서 올려봤습니다..^^;;
-
헐,.,,이렇게 자세하게...감격입니다...
이거 삭제하지 마시고 오래오래 두셔요...몇번이고 실습하면서 봐야 할 것 같아요.
넘 감사합니다...
-
Microsoft Windows Media Player 한글판 7.1
Date2002.06.14 By고정석 Views6218 -
Winamp 2.80a Full + WitchBlade
Date2002.06.14 By고정석 Views5669 -
Adobe Acrobat Reader 한글판 5.05 (PDF 화일 볼때 필수)
Date2002.06.14 By고정석 Views7207 -
V3+Neo 로 만든 V3SOS 로 바이러스 치료법
Date2002.06.12 By고정석 Views6977 -
SONY MZ N1 한글 사용설명서
Date2002.06.08 By고정석 Views7110 -
컴터로 녹음을 하려면 어떻게 해야 하는지?
Date2002.01.21 By박진우 Views6808 -
[re] 자신의 연주를 mp3 파일로 만드는 방법
Date2002.01.22 By고정석 Views6631 -
윈앰프 환경설정
Date2002.06.01 By고정석 Views11432 -
CD Recording
Date2002.05.28 By고정석 Views7095 -
인터넷 방송하기
Date2002.05.28 By고정석 Views6184 -
win xp에서는 encore를 어떻게 사용하는지...
Date2002.05.23 By지나가면서.. Views5755 -
강력한 사운드 편집 툴 "GoldWave" v4.26
Date2002.05.22 By고정석 Views5963 -
즐거운 컴퓨터 게시판에 파일 첨부 어떻게 하죠?(냉무)
Date2002.04.25 By소소 Views5711 -
사진등이 들어간 문서를 그대로 복사하여 게시판에 올리는 방법
Date2002.02.21 By고정석 Views5285 -
[질문!!]컴퓨터 두대를 공유시켰는데 메신저 파일전송이나 방송같은게 전혀 안되네요!!
Date2002.02.20 By견이~☆ Views5133 -
친구한테 음악 씨디를 구워 주고 싶은데요...^^;
Date2002.01.25 By김현준 Views6559 -
자신의 연주를 mp3 화일로 만드는 방법
Date2002.01.22 By고정석 Views7289 -
비디오 동영상변환에 관하여......싸게 하는법.
Date2002.01.18 By수 Views5709 -
궁금해요(앙코르질문)
Date2002.01.12 By궁금 Views5681 -
컴퓨터작곡은..
Date2001.11.23 By수 Views6668 -
파일사이즈 작고 성능 좋은 메트로놈
Date2001.08.24 By고정석 Views6018 -
ram파일 배경음악 실행시키기
Date2001.08.05 By고정석 Views6161 -
HTML 연습장
Date2001.08.05 By고정석 Views6994 -
HTML 알짜 TIP
Date2001.07.30 By고정석 Views5728 -
음악듣기 악보보기 인쇄하기등에 유용한 유틸리티모음
Date2001.07.23 By고정석 Views6681 -
!![강충]real 파일들을 Winamp 에서 돌아가게 해주는 프로그램!!
Date2001.07.19 By아따보이 Views5916 -
무료 계정 ,CGI 정보
Date2001.07.01 By고정석 Views5896 -
긴 주소 짧게해주는 무료 도메인 제공 사이트
Date2001.06.30 By고정석 Views5800 -
리얼로 올릴때...
Date2001.06.29 By수 Views6347 -
음반도서실에 음악올릴때 주의할점.
Date2001.06.20 By수 Views6869 -
호수에 비친 꽃 그림(Java Applet 응용)
Date2001.06.04 By고정석 Views11647 -
gohip 제거 프로그램
Date2001.05.11 By고정석 Views9615 -
컴퓨터 고장 유형과 대응책
Date2001.05.11 By고정석 Views10774 -
그림올리는법 배우기.(실습)
Date2001.04.28 By수 Views8687 -
태그강좌 사이트
Date2001.04.26 By고정석 Views15685 -
디지탈 카메라 강좌
Date2001.04.16 By고정석 Views14637 -
국내외 인터넷 저장공간 제공 사이트
Date2001.04.15 By고정석 Views7862 -
mpg 화일을 mp3로??
Date2001.04.02 By지우압바 Views10848 -
질문... 웨이브 파일을 mp3파일로 바꾸려면...???
Date2001.04.01 By정성민 Views14472 -
NexENCODE Studio 3.02 : Wav 파일을 MP3 로 바꾸는 프로그램
Date2001.03.31 By고정석 Views11032 -
Real Player 8.0 한글판입니다.
Date2001.03.28 By고정석 Views9778 -
[무료계정 싸이트] 국내.국외 무료계정 싸이트 총망라
Date2001.03.26 By고정석 Views9036 -
리얼 오디오 화일(RA)만드는 법--- CNC에서 퍼옴
Date2001.03.26 By고정석 Views14233 -
태그 예제 모음
Date2001.03.19 By고정석 Views9790 -
글자 계속 바꿔보자~!
Date2001.03.19 By고정석 Views8878 -
멋진 텍스트 효과(5)
Date2001.03.19 By고정석 Views8547 -
멋진 텍스트 효과(4)
Date2001.03.19 By고정석 Views8865 -
멋진 텍스트 효과(3)
Date2001.03.19 By고정석 Views12888 -
멋진 텍스트 효과(2)
Date2001.03.19 By고정석 Views10221 -
☞ class파일 다운
Date2001.03.19 By고정석 Views6967
Designed by sketchbooks.co.kr / sketchbook5 board skin
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5