복사의 기초 : 드래그 하는 법

<TABLE class="bbs_title_line bbs_title_bg" cellSpacing=0 cellPadding=5 width=732 align=center border=0> <TBODY> <TR vAlign=top> <TD style="PADDING-RIGHT: 10px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px" width="100%">복사의 기초 : 드래그 하는 법 </TD></TR> <TR> <TD> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR vAlign=top> <TD class="d_666666 p11" width="100%">글번호: 6   글쓴이: <A class=title_text href="xxjavascript:openMemberProfile('17vxJ', 'jAb-v-xWiKs0', '')"> <IMG style="MARGIN-RIGHT: 3px" height=13 src="http://cafeimg.hanmail.net/cafe2/member_b2.gif" width=13 align=absMiddle>양준근</A></TD> <TD class="d_666666 p11" style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px" noWrap align=right>조회: 8   스크랩: 0   날짜: 2007.01.17</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <DIV style="MARGIN: 8px 0px 0px; WIDTH: 738px" align=right><A class="d_999999 eng p10" href="http://cafe.daum.net/jicho14/17vxJ/14/1/6/6">http://cafe.daum.net/jicho14/17vxJ/14/1/6/6</A><A href="xxjavascript:copyUrl('http://cafe.daum.net/jicho14/17vxJ/14/1/6/6')"> <IMG style="MARGIN-LEFT: 4px" height=13 alt=복사 src="http://cafeimg.hanmail.net/cafe2/bbs/icon_urlcopy.gif" width=22 align=absMiddle></A> </DIV> <STYLE type=text/css> P {margin:0; padding:0; font-size:12px; line-height:1.6;} div {margin:0; padding:0; font-size:12px; line-height:1.4;} body {margin:0; padding:0; font-size:12px; line-height:1.4;} </STYLE> <TABLE style="FONT-SIZE: 10pt" cellSpacing=0 cellPadding=10 width=732 align=center border=0> <TBODY> <TR vAlign=top> <TD style="LINE-HEIGHT: 1.6"> <DIV style="CLEAR: both; PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.6"> <TABLE class=04com_t_bg1 cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD colSpan=2> <TABLE class=04com_t_bg1 cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR style="PADDING-RIGHT: 20px; PADDING-LEFT: 24px; PADDING-BOTTOM: 1px; PADDING-TOP: 14px"> <TD class=04com_black15 vAlign=bottom width="100%">복사의 기초 : 드래그 하는 법</TD> <TD vAlign=bottom noWrap align=left><A class=04com_lightgray12 href="xxjavascript:show('Layer_user');">지수1250(pbk603)</A>  <DIV id=Layer_user [안내]태그제한으로등록되지않습니다-xxonmouseover="show('Layer_user');" style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; HEIGHT: 170px" [안내]태그제한으로등록되지않습니다-xxonmouseout="hide('Layer_user');"> <TABLE cellSpacing=3 cellPadding=0 width=150 bgColor=#e5e5e5 border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=1 cellPadding=0 width=150 bgColor=#b7b7b7 border=0> <TBODY> <TR> <TD style="PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 8px" vAlign=top width=150 bgColor=#ffffff height=125>• <A class=04com_lightgray12 href="xxjavascript:goBlog( 'pbk603' )">집방문하기</A> • <A class=04com_lightgray12 href="xxjavascript:sendItem( 'http://item.moneta.co.kr/', 'pbk603', '지수1250' )">선물하기</A> • <A class=04com_lightgray12 href="xxjavascript:blogNeighbor('pbk603')">즐겨찾는이웃 등록</A> • <A class=04com_lightgray12 href="xxjavascript:sendMail( '', 'pbk603' )">메일/쪽지보내기</A> • <A class=04com_lightgray12 href="xxjavascript:favor_user_pop( 'pbk603', '지수1250' )">선호/기피회원</A> • <A class=04com_lightgray12 href="xxjavascript:profile('pbk603')">프로필</A> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR> <TR> <TD style="PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px" colSpan=2 height=1> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD class=04com_dot01 height=1></TD></TR></TBODY></TABLE></TD></TR> <TR> <TD colSpan=2> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR style="PADDING-RIGHT: 20px; PADDING-LEFT: 24px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px"> <TD></TD> <TD class=04com_lightgray12 vAlign=top align=right>2007/01/17 00:55   조회: 275   스크랩: 4 </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR> <TR style="PADDING-RIGHT: 24px; PADDING-LEFT: 24px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px"> <TD class=04com_gray13 vAlign=top colSpan=2 height=250> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD class=04com_gray13> <DIV style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px"> <STYLE>P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 6px }</STYLE> <IMG hspace=0 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fcfs4.blog.daum.net%2Fupload_control%2Fdownload.blog%3Ffhandle%3DMDlSOHBAZnM0LmJsb2cuZGF1bS5uZXQ6L0lNQUdFLzcvNzgxLmdpZi50aHVtYg%3D%3D%26filename%3D781.gif" border=0> <IMG hspace=0 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fcfs6.blog.daum.net%2Fupload_control%2Fdownload.blog%3Ffhandle%3DMDlSOHBAZnM2LmJsb2cuZGF1bS5uZXQ6L0lNQUdFLzQvNDExLmdpZi50aHVtYg%3D%3D%26filename%3D411.gif" border=0>   복사의 기초 : 드래그 하는 법   드래그 복사 붙여 넣기에 대한 설명   복사 하고자 하는 부분에 마우스를 대고 왼쪽 버튼 누른채로 쭉 끌어 당기면 바탕색이 변하면서 블록이 설정 됩니다. 이블록 위에서 마우스 오른족 버튼 누르면 창이 뜨죠. 그창에 복사를 누르면 됩니다. 다음 넣고자하는 곳에 마우스 클릭한 다음 다시 마우스 오른쪽 버튼을 클릭하면 붙여 넣기가 나와요. 이 붙여넣기 클릭하면 조금전 복사 했던 글이 붙여 집니다. 모르시는 분은 컴할줄 아는 애들에게 물어 보던지 그것도 안되면 주소를 하나 하나 타이핑 하는 수밖에 없어요^^ <IMG hspace=0 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fcfs7.blog.daum.net%2Fupload_control%2Fdownload.blog%3Ffhandle%3DMDlSOHBAZnM3LmJsb2cuZGF1bS5uZXQ6L0lNQUdFLzQvNDA3LmpwZy50aHVtYg%3D%3D%26filename%3D407.jpg" border=0> <CENTER> </CENTER> <CENTER> <TABLE style="TABLE-LAYOUT: fixed; WIDTH: 568px" cellSpacing=0 cellPadding=10 width=568 border=0> <TBODY> <TR> <TD> <HR> <PRE> <IMG src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg"> 안녕하세요 오늘은 이미지에 관하여 알아 보겠읍니다 1. 위의 그림에 마우스를 가져가시고 마우스 오른쪽 버튼을 클릭 합니다 창이 뜨면서 아래의 그림과 같은것이 보입니까? <IMG src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Fbuty10-1.jpg"> 제일 밑에 속성 (컴에 따라 등록 정보(R)로 나올수도 있습니다)을 마우스 왼쪽 버튼으로 다시 눌러 보세요 아래의 그림과 같이 중간 부분에 <IMG height=430 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Fbuty10-2.gif" width=400> 여기에서 주소 부분의 http://mysesang.com/buty/img/fantasia.jpg 을 드래그 해서 </PRE><PRE>복사 하세요. 다음 해상도라고 보이지죠. 이게 그림의 크기 입니다 400은 width 고 248 이 height 이죠 다시 주소 옆에다 크기를 넣어 봅니다 완성된 모양이 <IMG height=248 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=400> 이렇게 되었어요? 이걸 연습장에 저장하면 그림이 나옵니다. 실제로 한번 해보세요 </PRE> <TR> <TD> <HR> 예제보기 <IMG height=248 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=400> 이렇게 하면 밑의 그림이 나옵니다 <TR> <TD> <HR> 결과보기 <IMG height=248 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=400> 인터넷 상의 모든 그림은 고유의 주소가 있읍니다. 이주소가 없으면 우리는 그림을 볼수가 없죠.  바꾸어 말하면 개인의 컴에 저장된 그림은 인터넷에 저장된 경로를 적어봐야 아무도 볼 수 없읍니다. 그건 인터넷상의 주소가 아니기 때문이죠. 단지 첨부 파일로만 올릴 수 있읍니다 </TD></TR> <TR> <TD> <HR> 이제 인터넷상의 모든 그림은 여러분의 것입니다. 갖고싶은 그림은 등록 정보보고 복사하여 연습장에 보관 하면 영원히 나의것이 되죠. 수십만장의 모든 그림이...^^ 신나지 않아요? <PRE> </PRE><PRE>그럼 width 와 height 는 왜 필요한지 알아 보겠읍니다 일반적으로 그냥 주소만 넣어도 그림은 원래 크기로 나옵니다. width height 는 그림을 확대할대나 축소할때 필요한것입니다 2. 확대및 축소 width="원하는 크기의 픽셀수" height="원하는 크기의 픽셀수" </PRE> <TR> <TD> <HR> 1.5 배로 키워 볼까요. width와 height를 각각 1.5배의 수로 넣어 보세요 <IMG height=356 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=600> 이렇게 하면 밑의 그림이 나옵니다 </TD></TR> <TR> <TD> <HR> 결과보기 <IMG height=356 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=600> 화면이 좀 흐리죠. 크게 확대하면화면이 흐려 집니다. 그래서 많이 확대는 못하죠. </TD></TR> <TR> <TD> <HR> 여러가지로 축소를 해보죠 넓이와 높이를width=265 height=164 로 줄입니다 <IMG height=164 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=265> 이렇게 하면   <IMG height=164 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=265> 이렇게 되죠   넓이와 높이를width=200 height=124 로 줄입니다 <IMG height=124 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=200> 이렇게 하면 밑의 그림이 나옵니다   <IMG height=124 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=200> 더줄여 보죠 넓이와 높이를width=100 height=62 로 줄입니다 <IMG height=62 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=100> 이렇게 하면   <IMG height=62 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=100> 이렇게 작게 나오죠   그림의 테두리도 넣어 볼까요. table에서 배운 border을 넣으면 되지요 <IMG height=124 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=200 border=3> <IMG height=124 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=200 border=3>   예쁜 테두리가 보이시죠   테두리를 더 넓게 넣어 봅시다 <IMG height=124 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=200 border=30> <IMG height=124 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=200 border=30> 마음데로 한번 바꿔 볼까요 넓이와 높이를width=150 height=250 으로 바꿔 봤어요 <IMG height=250 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=150> <IMG height=250 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg" width=150>   어? 키가 커졌네요. 키가 작으신 분은 이렇게 하면 되죠^^ 이렇게 width 와 height의 수치를 바꾸면 여러분의 마음데로 그림을 확대하거나 축소할수도 있고 모양까지 바꿀 수 있어요   그림이 좀 평범해요, 그럼 특수 효과도 넣어보죠 style="filter:alpha(opacity=100, style=2, finishopacity=0)" 를 넣어보면 어떻게 될까요 <IMG style="FILTER: alpha(opacity=100, style=2, finishopacity=0)" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg">   이렇게 하여 결과를 봅시다   결과 보기 <IMG style="FILTER: alpha(opacity=100, style=2, finishopacity=0)" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fmysesang.com%2Fbuty%2Fimg%2Ffantasia.jpg">   좀더 멋있나요^^?  <PRE></PRE><PRE></PRE> 자료출처 : 이양호의 나의 세상 아륻다운 글 올리는 법 중에서 발췌     </TD></TR></TBODY></TABLE></CENTER> <CENTER> <TABLE cellPadding=20 width=540> <TBODY> <TR> <TD> <IMG hspace=0 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fcfs3.blog.daum.net%2Fupload_control%2Fdownload.blog%3Ffhandle%3DMDlSOHBAZnMzLmJsb2cuZGF1bS5uZXQ6L0lNQUdFLzcvNzU0LmpwZy50aHVtYg%3D%3D%26filename%3D754.jpg" width=300 border=0> <EMBED style="LEFT: 81px; WIDTH: 300px; TOP: 47px; HEIGHT: 45px" align=center src=http://cfs12.planet.daum.net/upload_control/pcp_download.php?fhandle=Nkt3NmRAZnMxMi5wbGFuZXQuZGF1bS5uZXQ6LzExMDA0Nzg3LzAvNDAuYXN4&filename=40.asx width=300 height=45 type=application/octet-stream showstatusbar="0" volume="0" loop="-1" autostart="true" allowNetworking='internal' allowScriptAccess='sameDomain'> 70/80 낭만 콘서트  01 잊혀진 계절 - 이용 02 알고 싶어요 - 이선희 03 그 겨울의 찻집 - 조용필 04 방랑자 - 박인희 05 이 거리를 생각하세요 - 장은아 06 눈동자 - 이승재 07 인생은 미완성 - 이진관 08 무정 블루스 - 강승모 09 슬픔의 심로 - 김학래 10 바람에 실려 - 하남석 11 열애 - 윤시내 12 이름없는 새 - 손현희 13 아직도 그대는 내사랑 - 이은하 14 사랑의 이야기 - 김씨네 15 아기곰 - 권태수 16 얼굴 - 심수봉 17 슬픔 계절에 만나요 - 백영규 18 가을의 연인 - 채은옥 19 상처 - 조용필 20 초우 - 패티김 21 그대 그리고 나 - 조영남 22 날개 - 허영란 23 맴도는 얼굴 - 따로또같이 24 입영전야 - 최백호 25 둘이 걸었네 - 정종숙 26 밤배 - 둘다섯 27 뭉게구름 - 해바라기 28 사랑하는 이에게 - 정태춘/박은옥 29 옛시인의 노래 - 한경애 30 우리사랑 - 김승덕 31 바람이려오 - 이용 32 끝이 없는 길 - 박인희 33 아버지의 의자 - 정수라 34 내마음 당신 곁으로 - 김정수 35 세노야 - 최양숙 36 조약돌 - 박상규 </TD></TR></TBODY></TABLE></CENTER> <DIV align=center>  </DIV> <DIV align=center>초보자들께서 처음엔 어려워 보이지만 한번만 천천히 </DIV> <DIV align=center>그리고 자세히 따라해 보시면 별 것 아니라고 생각하시게 될 것입니다.</DIV> <DIV align=center>부디 성공하셔서 멋진 모양 꾸미기및 좋은 그림 내컴에 퍼 담으시고</DIV> <DIV align=center>드래그하는데 유용하게 사용되길 바랍니다...^^</DIV> <DIV align=center> </DIV> <DIV align=center> </DIV> <DIV align=center><A class=04com_black9 href="http://blog.moneta.co.kr/blog.screen?blogId=pbk603">http://myblog.moneta.co.kr/pbk603</A></DIV> <DIV align=center> </DIV> <DIV align=center> </DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>