인터넷에 그림과 함께 글을 올리려면....
----------------예제----------------
아래 그림은 캐논변주곡의 맨 앞 부분입니다.
오선 악보 아래에 있는 숫자로 된 부분은 타브 악보라고 합니다.
기타 지판을 그대로 악보로 표현한 것이죠....
----------------예제끝----------------
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번글 데로 글을
작성하시면 되겠죠 ^^*
긴글 읽으시느라 고생 많으셨습니다...마지막엔 저도 치쳐서대충대충 ㅜㅜ
"
사꼬 저넘 도대체 무슨소리 하나? " 하시는 분들.... 또는 "이거는 안되는데요
~" 하시는분들은 꼬리 달아주세요.
에프터 서비스 들어갑니다... ^_______________^
-
그림이 안 보일 경우 우클릭해서 "그림표시"를 한번 눌러 주면 보입니다...
-
우아... 사꼬님 정말 정성이 대단하세요!!
-
허걱..사꼬님을 기타매니아 관리자로~
-
일일이 스샷에 태그코드까정 하나하나 정말 정성이 느껴집니당
공부가 아니될수 없겠어요 ^^ 잘봤습니다(^^)(__) -
무슨 그런 말씀을 ^^;; 넘 간단한 내용인 걸요.
무지 쉽지만 처음하는 사람들에겐 무지 어려운 부분이기도 하다는... 주위에 저걸 물어보는 사람들이 많더군요.
어디 자세히 설명된데두 없구해서 전에 친구에게 메일로 보내줬던 내용을 약간(대폭인가 ;;) 수정해서 올려봤습니다..^^;;
-
헐,.,,이렇게 자세하게...감격입니다...
이거 삭제하지 마시고 오래오래 두셔요...몇번이고 실습하면서 봐야 할 것 같아요.
넘 감사합니다...
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
177 | 멋진 텍스트 효과(4) | 고정석 | 2001.03.19 | 8340 |
176 | [무료계정 싸이트] 국내.국외 무료계정 싸이트 총망라 | 고정석 | 2001.03.26 | 8325 |
175 | 글자 계속 바꿔보자~! | 고정석 | 2001.03.19 | 8260 |
174 | 왜 하드드라이브가 있어야만 돼죠? 7 | 파크닝팬 | 2008.12.29 | 8212 |
173 | 유튜브 영상 embed로 삽입하기 | 꽁생원 | 2014.12.06 | 8195 |
172 | 눈내리는 이미지 만들기 | 고정석 | 2001.03.19 | 8147 |
171 | 시벨리우스에서 줄번호 입력 문의 2 | 볕좋은마당 | 2013.01.08 | 8036 |
170 | 비스타에서 wma파일 링크가 안되요.. 3 | 채소칸 | 2008.01.04 | 8031 |
169 | 앙코르 패치 1 | 정 | 2004.07.03 | 8014 |
168 | 그림올리는법 배우기.(실습) | 수 | 2001.04.28 | 8007 |
167 | 앙코르 질문입니다. | 아름소리 | 2007.08.02 | 7921 |
166 | 멋진 텍스트 효과(5) | 고정석 | 2001.03.19 | 7818 |
165 | 다음카페의 FLV동영상 싸이즈 줄이는법~ 3 | 오모씨 | 2007.04.25 | 7792 |
164 | 기타 조율 프로그램 | orpheus15 | 2004.12.14 | 7760 |
163 | 한글이 안돼요 5 | 양콰이 | 2004.03.19 | 7737 |
162 | CyberSynth 키보드 ,Synthbar ( 컴퓨터 키보드 악기) | 고정석 | 2004.05.01 | 7715 |
161 | [Encore] 특정 줄에서 보표수 변경 방법 2 | 꽁생원 | 2015.11.08 | 7577 |
160 | [re] 녹음시 잡음제거와 리버브? 1 | Duck | 2003.12.30 | 7492 |
159 | 앙코르에서 코드 높이 조정할 수 있는지요? 2 | 꽁생원 | 2014.04.09 | 7479 |
158 | 앙코르 관련 문의 6 | 엠타운 | 2017.08.27 | 7461 |
157 | FLUID(이진성)님의 MD 녹음방법. 2 | 수 | 2005.11.27 | 7449 |
156 | (질문)앙코르에서 악보 출력할때 애로사항이 있습니다..-_-;; 4 | 성민 | 2004.07.10 | 7424 |
155 | 헤르만 하우저로 한번 기타치고 싶습니까?? 온라인상에서 가능합니다 ㅋㅋ 11 | ㅋㅋ | 2006.08.14 | 7408 |
154 | 게시판에 올린 동영상이나 음악 바로 보이게(듣게)하는 법 5 | 오모씨 | 2004.02.27 | 7365 |
153 | 괴로운 컴퓨터 9 | gdream7 | 2006.01.05 | 7327 |
152 | 콘덴서마이크? 12 | 뚜벅이 | 2006.10.20 | 7322 |
151 | 청음 테스트 프로그램 (Winoye) 2 | 고정석 | 2003.07.05 | 7282 |
150 | 녹음에 관하여 질문요!!! 14 | 아이모레스 | 2005.09.23 | 7255 |
149 | [퍼옴] 간단해결법- 자동로그아웃되어 쓰던 글날렸을때.... 5 | jazzman | 2004.08.03 | 7215 |
148 | 컴퓨터용 스피커 뭐가 좋은가요? 19 | 차차 | 2005.07.08 | 7139 |
147 | 국내외 인터넷 저장공간 제공 사이트 | 고정석 | 2001.04.15 | 7101 |
146 | 타이핑 치듯 나타나는 텍스트 | 고정석 | 2001.03.19 | 7086 |
145 | 윈도우질문이여... 2 | 별이 | 2003.06.08 | 7066 |
144 | 다음카페에 칭구바음악을 올릴 방법좀 일러주세요 1 | 질문 | 2007.05.14 | 7038 |
143 | 유튜브 영상 나오게 하는 단순무식한 방법 2 | 꽁생원 | 2014.11.30 | 7029 |
» | 인터넷에 그림과 함께 글을 올리려면.... 6 | 사꼬 | 2005.12.02 | 6999 |
141 | [Encore] 버그? | 꽁생원 | 2015.11.22 | 6981 |
140 | 앙코르에서 악보를 그리려하는데요... 6 | 잴 | 2005.12.26 | 6968 |
139 | [Software]청음 훈련 프로그램 | citara | 2004.12.28 | 6956 |
138 | 게시판에 음악올리는법 | 콩쥐 | 2006.11.17 | 6949 |
137 | [질문] 녹음용 마이크 고르기. 1 | 김우현 | 2003.05.27 | 6837 |
136 | LP를 CD로 만들기 1 | 정천식 | 2004.01.24 | 6739 |
135 | ☞ class파일 다운 | 고정석 | 2001.03.19 | 6652 |
134 | 몇몇 바이러스횽아들 땜시 솔직히 좀 짜증납니다. (진보와 보수 대토론중 줏은글) | 수 | 2005.04.04 | 6627 |
133 | 다이나믹한 메뉴 만들자 | 고정석 | 2001.03.19 | 6580 |
132 | 동영상다운로드 | 콩쥐 | 2006.10.15 | 6579 |
131 | 피날레 2010에 관한 질문드립니다. 1 | 이브남 | 2015.05.12 | 6526 |
130 | [re] 동영상 태그 관련 문의.. 3 | Saakko | 2006.12.08 | 6442 |
129 | SONY, 드디어 Hi-MD용 WAV컨버젼 툴 | 고정석 | 2005.06.16 | 6436 |
128 | 컴에서 라디오 듣는 프로그램 6 | 고정석 | 2004.05.04 | 6435 |
Designed by sketchbooks.co.kr / sketchbook5 board skin
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5