차례*************************************************************
SWISH 설명
1.html의 기본 모형
1-1.공기방울 효과내기
2.구름(사람)이 건물(모닦불) 뒤로 지나가기
2-1.구름지나가는 풍경화,그리고 마스크효과로 특정위치에 문자 마키주기
3.나모에서 액자만들기
4.[나모] 등에서 작업 잘못되어 다시 시작하려 할 때,
아까 불러왔던 사진이 잘 뜨지도 않고, 뭔가 안 될 때
5.마스크효과 만드는 법
6.물결무늬
6-1.물결무늬2(이미 만들어 놓은 Shape작대기 파일을 이용)
7.브라인드 효과
7-1 브라인드만들기-버튼사용(월송정최회장)
8.나모에서 앨범만들기
9.음악파일 만들기 - 다음과 같이 입력한 후 *.asx로 저장하면 된다
10.음악파일 설명
11.즐겨찾기
12.책장넘기기
13.책장 반 접어 넘기기
14.데이터 파일을 cd 에 굽기
15.오디오 CD 만들기
16.OBJECT 및 EMBED 태그 사용
17.오류보고(MS 전송)창 나타나지 않게 하기
18.특정위치에 글자가 나타나며 올라가기(마스크효과)
19.투명버튼 있는 블라인더 만들기(월송정님 개발)
20.버튼 있는 블라인더 만들기(월송정님 개발)
21.투명이미지 만들기
22.구름 뒤로 비행기 지나가기2
23 스위시에서투명이미지 gif 만들기
24.글자 안에 그림 넣기
25.나모에서 배경사진 교체되는 gif 만들기
26.단풍나뭇잎 흔들기
27.파노라마 만들기
28.효과음삽입하기
29.단추 앨법만들기
30.메신저 삭제하기
31.화면 크게 보기
32.애플릿에 대하여
***********************************************
1. HTML의 기본 모형
***********************************************
<center>
<table style="border-width:6px; border-color:brown; border-style:double;" width="320 height="420">
<tr>
<td width="320">
<p align="left"><embed src="http://aroma801.com.ne.kr/file/box2plus1.swf" width="320" height="420">
</td>
</tr>
</table>
<embed src="mms://gasamo.com.ne.kr/pop_etc./monika.asf" hidden=true loop=-1>
**********************************************
1-1.공기방울효과
**********************************************
1. 사진 입력
2. 물방울 원을 1개 그린다.
3. 물방울(Shape) 1개를 선택한 후, 이를 흰색으로 설정하고
그 투명도를 40%, 또는 30%, 또는 20%를 준다
(칼러판넬의 Alpha % 밑에 있는 100을 40 으로 고치면된다)
4.이와 같은 물방울을 여러개 만들어 적당히 배치한다.
5.각각의 물방울(shape)을 선택한 후에 motion path를 준다, 여기저기
윗쪽으로 클릭하면서 path를 주면 된다.
6.타임라인에서 모든 shape가 같은 프레임(예, 0프레임부터 20프레임
사이)에 설정되도록 옮겨 재 조정한다. 끝.
****************************************
2.구름(사람)이 건물(모닦불) 뒤로 지나가기
****************************************
1.그림을 불러온다
2.펜툴로 건물을 제외한 윗부분(구름 자리)를 자른다(지우지는 않음)
이렇게 하면 자른 부분이 빨갛게 된다.
3.shape와 그림을 합쳐서 윗메뉴 중 <modify-grouping-group as shape>를 선택
4.<예>를 누른다.
5.우측의 <cliped image>를 누른다. 그 속의 <cliped image>를 다시 누른다.
이렇게 하면 shape가 없어진다.
6.다른 [Swish]판을 꺼내놓고, 거기에 구름을 불러온다.
7.원하는 구름을 복사하여 아까 그 [Swish]판으로 가서 붙여넣기를 한다.
8.구름을 내린다.(아웃라인에서 순서 바꿈)
9.타임라인 100프레임에 더블클릭하여 move막대를 만든다.(이때, 빨간 라인이
활성화되어 move막대 끝에 걸려있어야 한다.)
10.구름을 선택하고 구름사진을 끌어서 움직인다.
**********************************************************************
2-1.구름지나가는 풍경화, 그리고 마스크효과로 특정위치에 문자 마키주기
**********************************************************************
<A> 산 뒤로 구름 지나가게 하기(위의 2번 내용과 같음)
1.그림을 불러온다
2.펜툴로 건물을 제외한 윗부분(구름 자리)를 자른다(지우지는 않음)
이렇게 하면 자른 부분이 빨갛게 된다.
3.shape와 그림을 합쳐서 윗메뉴 중 <modify-grouping-group as shape>를 선택
4.<예>를 누른다.
5.우측의 <cliped image>를 누른다. 그 속의 <cliped image>를 다시 누른다.
이렇게 하면 shape가 없어진다.
6.다른 [Swish]판을 꺼내놓고, 거기에 구름을 불러온다.
7.원하는 구름을 복사하여 아까 그 [Swish]판으로 가서 붙여넣기를 한다.
8.구름을 내린다.(아웃라인에서 순서 바꿈)
9.타임라인 100프레임에 더블클릭하여 move막대를 만든다.(이때, 빨간 라인이
활성화되어 move막대 끝에 걸려있어야 한다.)
10.구름을 선택하고 구름사진을 끌어서 움직인다.
<B>그 위의 특정위치에 문자 나타내기
1.<A>를 만든 직후에, 그 자리에서 배경사진, 또는 Scene1을 선택한 상태에서
2.그림의 적당한 위치에 네모(Shape)를 만든다.
3.T를 선택하여 글자를 쓰고, 쓴 글자묶음을 그림의 하단으로 이동한 후
4.T(글자)선택된 상태에서 타임라인 50프레임에 더블클릭하여 Move를 준다.
6.그림 하단에 있는 글자묶음을 드래그하여 끌어 올린다.
7.T(글자)와 Shape를 묶어서 Sprite를 주고 Mask에 체크한다.
****************************************
3.나모에서 액자만들기
****************************************
1.나모 <html>란에서 지금 noname의 html태그 다 지우고,
2.제일 윗줄에 <img src='http://...........jpg' width=... height=...>
3.<미리보기>를 해 본다.
4.<편집>창으로 간다.
5.사진 위에 표를 만들고, 표안에 또다시 표를 만든다.
6.사진크기와 보더(사진액자 틀)의를 계산하여 표의 크기를 정해야 한다.
-밖에 있는 표에 커서를 놓고, 우클릭하여 <표의 속성>으로 가서 <선두께>를
20을 주고, 표의 크기를 가로...(픽셀), 세로...(픽셀)을 준다. 색깔도 준다.
-안에 있는 표도 위와 같이(숫자는 좀 작게) 선두께, 크기, 색깔을 준다.
7.밑에 있는 사진을 선택하여 위의 표 안에 드래그하여 넣는다.
8.다른이름으로 저장(저장할 때 주소를 그대로 쓸 수 있게 할 것)
****************************************************
4.[나모] 등에서 작업 잘못되어 다시 시작하려 할 때,
아까 불러왔던 사진이 잘 뜨지도 않고, 뭔가 안 될 때
****************************************************
1.이것은 쿠기에 기록되어 있기 때문에 생긴 일임.
다음과 같이 해당쿠키를 지우면 된다.
2.<탐색기>-<Documents and Setting>-<User1>-<Cookies>로 가서
3. 해당 쿠키만 지우거나, 모든 쿠키를 다 지우면 됨
*****************************************
5.마스크효과 만드는 법
*****************************************
1.이미지 불러온다
2.불러온 이미지에 동그라미나 네모를 그린다
3.동그라미에 motion path 를 적당히 준다
4.왼쪽 Outline에서 이미지(jpg)와 동그라미(shape)의 상하위치를 바꾼다.
5.이미지와 shape를 다 선택하여, grouping as sprite 로 묶는다.
6.오른쪽 판넬에서 Use bottom object as mask 에 체크하면 끝
********************************************
6.물결무늬
********************************************
1. jpg 입력
2. gif 입력(물 있는 부분만 놔아 두고 나머지 부분을 투명하게 한 것)
3. T 선택한 후 Wingdings글씨체에서 nnnnnn입력
지금까지 Outline판넬의 모양과 순서는
Scene-1
T
gif
jpg
4. T 선택상태에서 Tranceform 클릭 비틀기 10도
5. T 선택상태에서 nnnnnn그림을 시작할 위치로 이동
6. 위의 Timeline에서 nnnn 자리 40프레임 위치에 더블클릭한다.
(주의:move 고침상자를 열어보지 말 것)
지금 Outline판넬의 모양과 순서는
Scene-1
T (선택되어진 상태)
gif
jpg
지금 Timeline에는
nnnn 의 move 준 것이 긴 작대기 모양이 푸른색깔로
길게 선택되어 있음
7. nnnnn그림을 밑으로(물흐를 위치) 조금 드래그
8. 타임라인의 move 준 것을 더블클릭, Duration을 200으로
9. T와 G의 위치를 바꾼다.
10. G와 T를 Grouping-Sprite한 후에
11. Sprite 선택된 상태에서, 오른쪽 판넬에서 Mask에 체크
12, Sprite가 선택된 상태에서, Tranceform을 x는 -1,
y는 +1해 준다.
13. Sprite가 선택된 상태에서, 그림을 밑으로 이동 (끝)
끝난 후 지금 Outline판넬의 모양과 순서는
Scene-1
Sprite
gif
T nnnnnnnnnnn
jpg
***********************************************************************
6-1.물결무늬2(이미 만들어 놓은 Shape작대기 파일을 이용)-이것이 진짜
***********************************************************************
1.<물결작대기(하).Swi>를 불러 들인다 (이 파일은 이미 타임라인 35프레임란에
Move를 준 상태이다. 지금 타임라인에는 빨간 줄이 활성화 되어 있다.)
2.Scene1을 선택한 상태에서 해당 gif파일을 불러온다.
3.두 개(gif와 shape)를 묶어서 Sprite주고, Mask에 체크한다.
4.Sprite선택된 상태에서 Transform 선택하여 X:에 2를, Y:에 2를 더한다.
5.Scene1이 선택된 상태에서 해당 JPG를 불러온다.
6.JPG 위치를 제일 밑으로 내린다.
********************************************
7.브라인드 효과
********************************************
1.400*300 사진 2장을 준비한다
2.스위시맥스로 들어가서 빽판을 400*300 으로 지정하고 화면을 75%로 줄인다.
3.사진1을 입력
4.사진2를 입력한다.
5.눈금자를 보이게 한다.
6.네모를 5개 그리려 하는데 네모의 폭을 80으로한다(사진의 폭을 5으로 나누면 80)
네모를 80-300되도록 그려서 사진의 가장 우측에 놓는다
이때 Transform을 보면 320-150으로 되어있어야 위치가 정확히 맞다. 수정할 것.
7.이 네모를 복사-붙이기 하여 그 옆에 놓고, transform을 보면 240-150 으로 되어야 한다.(x가 80씩 줄어드는 것에 유의)
8.네모를 복사-붙이기 하여 또 그 옆에 놓고, transform을 보면 160-150 으로 되어야 한다.
9.네모를 복사-붙이기 하여 또 그 옆에 놓고, transform을 보면 80-150 으로 되어야 한다.
10.네모를 복사-붙이기 하여 그림의 가장 왼쪽에 놓고, transform을 보면 0-150 으로 되어야 한다. (만든 순서대로 우측에서 좌측으로 놓아야 함)
11.이제 Outline에서 Scene를 선택, 사진2를 4장 연속해서 오픈한다.
12.Outline을 다음과 같이 되도록 한다
사진2 (제일 위)
shape
사진2
shape
사진2
shape
사진2
shape
사진2
shape
사진1 (가장 밑)
13. 위에서 부터 사진2와 shape를 묶어서 grouping as sprite 한다
14. mask에 체크하고, Name란에 1을 쓰고 엔터를 친다.
15. 그 다음 것도 sprite로 묶고, 체크하고, 이름을 2로 하고 엔터친다.
이렇게 하여 sprite가 5번까지 생겼고 그 밑 바창에 사진1이 있은 것이다.
16.sprite1의 0프레임란에 place효과를 준다
17.sprite2,3,4,5의 0프레임란에도 모두 place효과를 준다
18.sprite1의 20프레임란에 motion 을 주는데
duration: 30
XPosition: Move to X ( 0 ) (아까 트랜스폼에 0 이 있었음)
YPosition: Move to Y (150) (사진 높이의 절반)
Xscale: resize to scale ( 0 ) (좌측의 xy 체크란을 풀 것)
Yscale: resize to 100%
18.sprite2를 선택하고 20프레임란에 motion을 준다 (이하 동일)
다만 틀리는 점은 move to x (80) 으로 되어 80씩 높아짐
(아까 트랜스 폼 본 것 확인해 볼 것)
이렇게 sprite5까지 move를 다 주면,
이제 절반의 작업을 마친 것이다.
19, 테스트해 볼 것. 이제부터는 후반전이다.
20. Outline의 Scene를 선택하고, 사진2를 입력한다. 이번엔 이것이
바탕이 된다.
21. 사진1도 불러온다.
22. 네모를 그려서 사진1의 0∼80번 위치 위에 놓는다.
(이때 Shape의 Transfome은 0-150 이라야 맞음)
그 네모를 복사,붙이기하여 80∼160 위치에 놓는다
(트랜스폼은 80-150)(네모를 좌에서 우로 놓는다)
또 복,붙이기 160∼240에 붙임(트랜스폼은 160-150)
복, 붙이기 240∼320에 붙임(트랜스폼 240-150)
복, 붙이기 320∼400에 붙임(트랜스폼 320-150)
23.이제 Outline에서 Scene를 선택, 사진1를 4장 연속해서 오픈한다.
24..Outline을 다음과 같이 되도록 한다
사진1 (위)
shape
사진1
shape
사진1
shape
사진1
shape
사진1
shape
사진2 (밑)
25.위부터 사진1과 shape를 묶어서 grouping as sprite 하고,
우측에 Mask에 체크한 후에 Name란에 a 라고 쓰고 엔터친다.
이렇게하여 sprite a, sprite b, ....sprite e 가 되었다.
26.타임라인에서 작업할 차례다
Sprite a를 선택하고 80프레임자리에 move를 주는데
Duration: 30
XPosition: Move to X ( 320 ) (아까 트랜스폼에 320 이 있었음)
YPosition: Move to Y (150) (사진 높이의 절반)
Xscale: resize to scale ( 0 ) (좌측의 xy 체크란을 풀 것)
Yscale: resize to 100%
27.sprite2를 선택하고 80프레임란에 motion을 준다 (이하 동일)
다만 틀리는 점은 move to x (240) 으로 되어 80씩 작아짐
(아까 트랜스 폼 본 것 확인해 볼 것)
이렇게 sprite5까지 move를 다 주면(80씩 작아지는 것 유의)
28. Outline의 중간에 있는 사진1을 선택하고
79프레임에 remove를 주고 80 프레임에 place 를 준다.
130프레임에 place를 준다. 끝.
*****************************************************
7-1 7-1 브라인드만들기(월송정최회장)
*****************************************************
1. movie에서 600/400. 2. guids 에서 H(가로)=600 V(세로)=40.
3. rectangle 600/40을 9개 만듬(복사해서 붙이면 shape 9개생김)
4. outline에서 shape 모두선택, timeline 에서 1번 frame 에 space를 주고
다음 25까지 move를 준다음 브라인드가 선택된 상태에서(활성화된것)
완전하게 밀어올려서 열어줌(1개만 올리면됨)
5. 4번처럼 하는데 space는 안주고 다음 50까지 move를 줌(26~50)
4번에서 밀어올렸던 브라인드 내려서 닫음
6. 제일 아래칸에 rectangle을 만들고 열기.닫기 button을 색깔별로 만듬
7. 열기보턴선택 : layout scene에서 script →addscriptevents →
button →on(release)하고
다시 layout scene에서 add script →movie control →gotoAnd play
→gotoAnd play(FRAME)선택하고 layout scene 맨 아래 의 frame1 을
2로 고침 (시작점)
8 닫기보턴선택
열기선택과 동일한데 frame만 26(닫기시작점)을 줌. (26~50 까지 천천히닫힘)
9. time line scene1 에서 우클릭/movie control →stop을 frame 1, 25, 50 에줌
(1~25, 26~50)
10. 끝으로 outline에서 button2개, 열기.닫기.2개 rectangle(shape)5기를
group and group 로 함. 끝
***********************************************
8.나모에서 앨범만들기
***********************************************
1. 이미지20 매를 포샾에서 다듬는다
2 바탕화면에 새 폴더를(farm)만들고 그 폴더 속에 넣는다
3. 나모에가서 noname1.htm을 다른이름(fm.htm)으로 저장해서
새로만든 폴더(farm)에 넣는다
4. farm 안에 있는 fa.htm을 실행시키면 앨범완료.
링크걸기
1. FTP (컴내꺼)를 실행시킨다
2 집어넣을폴더(photo)를 우 크릭해서 새 폴더(mm)를 만든다
3. 새폴더(mm)를 크릭 하면 우측에 □.. 가 생긴다
4. 아래쪽(바탕화면)에 있는 farm 을 드래그해서 네모속에 넣는다.
5 ifraime 에 얹으면 끝
************************************************
9.음악파일 만들기 - 다음과 같이 입력한 후
*.asx로 저장하면 된다
************************************************
http://rainko.com.ne.kr/music/Der_Lindenbaum(Schubert).wma
http://pds.kpca.co.kr/ClubPds/83/Evergreen.wma
http://space2002.fileservice.co.kr/LA03.asf
http://rainandtears.net/zboard/data/clasic/Duo_Orientango___A_Orilla_Del_Rio_.mp3"
http://blog.empas.com/knsomang/2672911
http://space2002.fileservice.co.kr/FL01.asf
http://www.hidaewoo.com/rest/music/wma/light/SecretGarden_Nocturne.wma
http://www.hidaewoo.com/rest/music/wma/light/LoveStory.wma
http://space2002.fileservice.co.kr/ED12.asf
http://home.bawi.org/~ctznahj/music/cocktail.mp3
httP://www.piano.ac/upload/0000000009/SecretGarden-선물(LastPresent).wma
http://www.hidaewoo.com/rest/music/wma/light/황야의무법자.wma
*********************************************
10.음악파일 설명
*********************************************
**음악 파일에 관한 것들***
**확장자를 바꿀 수 잇는 것 : *.rm <========> *.ram (*.ra?)
*.asf <====*.wmv====> *.wma(asx,wax)
*.mpga<===========>*.mp3
**Players : Real Player plus, Windows Media Player, Winamp
**Encorder & Converter :
*Easy CD-DA Extractor : .extractor : CD를 wav 또는 mp3로 추출
.converter :, wma. mp3------->wav
, wav---------------->mp3로 변환(converter)
.mp3의 bitrate변환(128Kbit<------->96Kbit)
. wav의 Khz변환(44.1Khz<------->22Khz
*Winamp : .mp3를 wav로 변환 .m3u 작성, 인터넷에서 mp3(m3u)를 wav로 다운로드
*Waver : wav를 mp3로 변환(Trial은 30일간)
*Windows Media Encorder : wav,mp3를 wma(asf)로 변환
wma(asf)의 bitrate변환(오디오,비디오)
*Streambox Ripper(www.streambox.com): ra, rm을 wav로 변환(10회 사용가함), pc당 한번 가함.
*Real Player plus : rm(ram)을 녹음.
*RealProducer : wav를 rm(ram)로 변환
*Premier6 : wav, mp3를 asf(wma), rm으로 변환
********************************************
11.즐겨찾기
********************************************
http://mira.isp.st/ 미라
http://cafe.daum.net/hotsel 핫셀
http://swlo04.com/ 서민혜
http://www.nzeo.com/ 제로보드
http://www.ameweb.com/ 스위시 스터디
http://mysesang.com/ 아름다운글 올리기
http://joon5111.com.ne.kr/ 컴내꺼
http://lee1233.x-y.net/menu.htm 사하라
http://my.netian.com/~dbtop/index.html 도봉정보학교
http://cafe.daum.net/joon5 나
http://gasamo.com.ne.kr/frame1.htm 가사모음악
http://www.imagegood.co.kr/ 이미지굳
http://www.com.ne.kr/ 컴내꺼
http://cafe.daum.net/sun456 태양
http://cafe.naver.com/dallin.cafe 박인영
http://www.hometax.go.kr/home/index1.jsp 전자납부
http://makehome.nate.com/ePersNET20/nate/sitesrc/fileMan/fileManage 네이트 홈관리
http://myhome.nate.com/joon5111/
http://pds.hanafos.com/ 하나포스
http://cafe.daum.net/applet! 애플릿
http://cle.knou.ac.kr/ 방송통신대
*******************************************
12.책장넘기기
*******************************************
1. 사진 4장을 미리 준비한다. 340*280 jpg
2. SwishMax로 들어가서 빽판을 680*280 으로 정하고 100% 클릭,50% 클릭한다.
3. 사진1을 오픈하여 오른쪽에 맞춰 놓는다 (빽판 왼쪽은 비어있음)
4. Transform에 Center left로 맞춘다
5. 위의 타임라인 0프레임 자리에 place를 주고, 10프레임자리에 move를 준다
duration은 20, X Position은 move left by 340(사진크기 폭),
좀 내려가서 X Angle은 Rotate TO Angle 180도를 주고 옆에 XY체크를 푼다.
Y Angle은 Rotate to Zero를 주고 창을 닫는다.
6. 2번 사진을 입력 오를쪽 아까 그 사진위에 포갠다.
7. Transform에 Center left 확인하고
8. 타임라인 10프레임자리(사진1을 move준 곳 바로 위)에 fade in(기본)을 준다
계속해서 60프레임자리에 아까 사진 1의 move 준것을 복사하여 붙인다
9. 3번 사진을 입력하여 포개 놓는다
10. center left 확인하고
11. 60 프레임자리에 fade in주고, 110프레임자리에 카피한 것 붙인다.
12. 4번 사진 입력
13. center left 확인하고
14. 110 프레임자리에 fade in주고, 160프레임자리에 카피한 것 붙인다.
************************************************
13.책장 반 접어 넘기기 - 이것이 진짜
************************************************
1.400-260크기의 사진을 200-260크기로 자른다.
-포샵에서 모두다.
-파일명을 1a, 1b, 2a, 2b....로 준다. 이제부터 스위시맥스를 시작한다.
2.타임라인 우상단의 ▶를 크릭하여 빨간 안내선이 1프레임칸에 보이게 한다.
3.다음순서대로 사진을 입력한다.
-1a, 1b, 2a, 2b
-아웃라인에 보면 제일 위에 2b가 있고, 제일 밑에 1a가 있게 된다.
4. 순서를 바꾼다.
-위에서 3번째인 1b를 제일 위고 올린다.
-지금 순서는 위로부터 1b, 2b, 2a, 1a 이다.
5. 타일라인에서 제일 위의 1b를 선택한 후, 20프레임에 우클릭하여 Move를 준다. 40프 레임까지 늘린다.
6. Transform에서
먼저 Center left를 준다
X:200 Y:130(Movie란의 절반 크기)확인하고
앵글 90도를 준다(왼쪽에만 준다)(먼저 X=Y란의 체크를 풀어야한다)
7. 타임라인의 위에서 3번째인 2a를 선택, 40프레임에 Place를 준다.
Transform에서 다음과 같이 한다.
Center Right를 준다
X:200 Y:130확인하고
앵글 270도를 준다(왼쪽에만 준다)(먼저 X=Y란의 체크를 풀어야한다)
8. 2a 선택된 상태에서, 41프레임에 우클릭하여 Move를 준다. 61프레임까지 늘린다.
Transform에서 다음과 같이 한다.
Center Right를 준다
X:200 Y:130확인하고
앵글 360도를 준다(왼쪽에만 준다)(먼저 X=Y란의 체크를 풀어야한다)
9. 타임라인 1b, 2b, 1a의 1프레임란에 모두 Place를 준다.
Scene2 를 선택한 후에
2a,2b,3a,3b 순서로 불러들이고, 아까처럼 순서를 바꿔서 위와 같이 계속 실행한다.
(제일 끝에는 1a,1b로 이어져야 한다. 그래야 계속 loop된다)
*************************************
14.데이터 파일을 cd 에 굽기
*************************************
1. <내컴퓨터>에서 해당 파일을 선택한 후에
2. 우클릭하여 <보내기> - <DVD/CD RW 드라이브 D:>를 선택한다.
3. 화면 하단에 나타난 <CD에 쓸 준비가..>라는 풍선메시지가 가리키는 곳을 클릭한다.
4. 왼쪽의 <파일을 CD에 쓰기> 를 선택한다.
실시 전에 해당 파일을 모두 선택하고 해도 된다.
필요 없는 파일은 실시 전에 선택하여 지워도 된다.
*************************************
15.오디오 CD 만들기
*************************************
WindowsMedia Player에서 오디오CD를 구울 수 있다.
(지금 내것 WindowsMedia Player는 버전이 10이며, 한글판이다)
1. 먼저 라이브러리에 음악파일들을 넣어 놓아야 한다.
(모든 음악파일을 넣는다.왜냐하면 원칙적으로 WindowsMedia Player는 라이브러리에
있는 파일만 인식하기 때문이다.)
시작 → WindowsMedia Player → 파일 →라이브러기에 추가→폴더추가(또는 파일 및
재생목록추가) → 내컴퓨터 → ( E: )→(내음악폴더)→필요한 음악파일 선택→ 확인
2. 상단의 <굽기>를 선택한다.
3. <라이브러리> → 모든음악+
4. 파일선택
5. 선택된 파일 위에 놓고 우클릭 → 추가 → 굽기목록
6. 상단 위의 <굽기>
7. CD넣고
8. <굽기시작>
********************************************
16.OBJECT 및 EMBED 태그 사용
********************************************
웹 브라우저에 Flash 무비를 표시하려면 HTML 문서가 OBJECT 및 EMBED 태그를
올바른 매개 변수와 함께 사용해야 합니다.
OBJECT의 네 가지 설정(HEIGHT, WIDTH, CLASSID 및 CODEBASE)은 OBJECT 태그
내에 표시되는 속성이며, 다른 설정은 별도로 표시되는 매개 변수로서
PARAM 태그라고 불립니다. 예를 들면 다음과 같습니다.
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100"
HEIGHT="100" CODEBASE="http://active.macromedia.com
/flash6/cabs/swflash.cab#version=6,0,0,0">
<PARAM NAME="MOVIE" VALUE="moviename.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="QUALITY" VALUE="high">
</OBJECT>
EMBED 태그의 모든 설정(예: HEIGHT, WIDTH, QUALITY 및 LOOP)은 여는 EMBED 태그의
꺾쇠 괄호 사이에 표시되는 속성입니다. 예를 들면 다음과 같습니다.
<EMBED SRC="moviename.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="true"
QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave
/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
두 태그를 함께 사용하려면 다음과 같이 EMBED 태그를 닫는 OBJECT 태그 바로 앞에
위치시킵니다.
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100"
HEIGHT="100" CODEBASE="http://active.macromedia.com/flash6
/cabs/swflash.cab#version=6,0,0,0">
<PARAM NAME="MOVIE" VALUE="moviename.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="moviename.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="true"
QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave
/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
</OBJECT>
참고: OBJECT 태그와 EMBED 태그를 모두 사용하는 경우에는 각 속성 또는
매개 변수에 동일한 값을 사용하여 다양한 브라우저에서 일관성 있게 재생되도록
합니다. swflash.cab#version=6,0,0,0 매개 변수는 옵션이므로 버전 번호를
확인하지 않는 경우에는 생략할 수 있습니다.
************************************************
17.오류보고(MS 전송)창 나타나지 않게 하기
************************************************
[시작]-[제어판]-[성능 및 유지관리]-[시스템]
시스템 등록정보창이 나타나면
[고급]탭에서 제일 아래 있는 오류보고 버튼을 클릭한다.
[오류보고] 상자에서 '오류보고 사용안함'을 선택하고 [확인]한다
****************************************************
18.특정위치에 글자가 나타나며 올라가기(마스크효과)
****************************************************
1.jpg파일을 부른다
2.그림의 적당한 위치에 네모(Shape)를 만든다.
3.T를 선택하여 글자를 쓴다.
4.쓴 글자묶음을 그림의 하단으로 이동한 후
5.T(글자)선택된 상태에서 타임라인 50프레임에 더블클릭하여 Move를 준다.
6.그림 하단에 있는 글자묶음을 드래그하여 끌어 올린다.
7.T(글자)와 Shape를 묶어서 Sprite를 주고 Mask에 체크한다.
<<지금 아웃라인의 모습은 아래와 같다.>>
Sprite
-T(글자쓴 것)
-Shape
jpg
**************************************************************
19. 투명버튼 브라인드 만들기(월송정님 개발) blainder2004.swi
**************************************************************
1. movie에서 600/400.
2. guids 에서 H(가로)=600 V(세로)=40
3. 타임라인의 적색라인 활성화 안 된 상태이에서
4. shape를 다음과 같이 10개 만든다
-첫 shape만들어서 제일 밑에 위치시키고 이름을 10번으로 준다.
-두번째로 만들어서 그 바로 위에 위치,, 9번
-10번째 1번
(현재 Outline의 모습은 위로부터 shape1
shape2
~~
shape10 ...제일 밑)이다.
<<이때 주의할 점:
우측판넬 중 resize에 체크 풀고, scale에 체크하고,
□ X=Y이 두개 다 체크된 상태이며,Origine상태 에서 실시>>
5. shape에 move를 줘야한다.
-제일 밑의 것 10번은 길게 즉, 2~35 frame까지 move를 준다
-그 바로 위의 9번 4~35
-제일 위 1번 20-35
6. Path를 걸어 한 칸 밀어올리기 하기
- 이제 비로소 timeline을 활성화시키고, 트랜스폼 우측의
□ X=Y 이 2개가 다 체크된 상태에서 또 Origine 상태가
유지되어야 한다
- 1번 shape 제일 위 짧은 작대기부터 선택하고 위의 공란으로
10개의 shape를 하나씩 차례차례 한 칸을 완전히 끌어올린다.
7. 미리보기를 해 보고
8. shape를 모두선택하고 36 frame에 place을 준다.
8. timelien의 활성화를 끄고
9. 1번 작대기선택(제일 위 가장 짧은것)에 37~57까지 move를 준다.
2번은 37~59
10번은 37~70
(이대도 위의 주의사항 조심)
10. 위의 6번에서처럼 활성화시키고, 체크된 것 보면서
이번에는 끌어 내려야 한다.
- 제일 위 짧은 작대기부터 선택하고 1칸씩 내린다.
11. 미리보기하고
12. 투명버튼 만들기
- 600-400짜리 shape 1개 만들고, alpha로 투명화 시키고
- 버튼이 선택된 상태에서
(1)script-add script-event-botton-rollover
(2)addscript-movie controll-gotoandplay-frame
(3)시작점 1을 2로 시작점을 정정
- 또 다시
(1)script-add script-event-botton-rollout
(2)addscript-movie controll-gotoandplay-frame
(3)1을 37로 시작점을 정정
13. timeline scene1란의 1, 35, 70프레임에 우클릭하여
Movie controll-stop을 준다. 끝
*************************************************
20.버튼 있는 블라인더 만들기(월송정님 개발)
*************************************************
1. movie에서 400/330 (이미지는 400-300, 버튼 놓을 자리가 30)
2. guids 에서 H(가로)=400 V(세로)=30
3. 타임라인의 적색라인 활성화 안 된 상태이에서
4. shape를 다음과 같이 11개를 만드는데
제일 밑의 1개(버튼 얹을 자리)는 다른 색깔로 먼저 만든다.
이제부터 10개를 더 만든다.
-첫 shape만들어서 제일 밑(버튼자리 바로 위)에 위치시키고
-두번째로 만들어서 그 바로 위에 위치
-10번째 맨위
<<이때 주의할 점:
우측판넬 중 resize에 체크 풀고, scale에 체크하고,
□ X=Y이 두개 다 체크된 상태이며,Origine상태 에서 실시>>
5. shape 10를 다 선택하고, 타임라인1프레임에 place를 다 준다
6. shape 10개 다 선택한 상태, 타임라인 활성화 끈 상태에서
위의 4번의 주의할 점을 잘 확인하면서
25프레임란에 더블클릭하여 move를 다 준다(2~25)
7. SHAPE10개가 선택된 상태에서 타임라인의 적색선을
활성화시키고, 마우스포인터에 양쪽화살모양이 생길 때
1칸을 위 공란으로 끌어 올린다.
(이때 □X=Y 위엣것은 풀린다. 밑의 □X=Y가 풀리면 안 됨)
8. SHAPE10개가 선택된 상태에서 26프레임에 place를 다 준다
9. SHAPE10개가 선택된 상태에서,타임라인의 활성화가 꺼진
상태에서 50프레임에 더블클릭하여
move를 한꺼번에 다 준다(27~50)
10.이제 아까와 반대로 내려야 한다.
SHAPE10개가 선택된 상태에서 타임라인의 적색선을
활성화시키고, 마우스포인터에 양쪽화살모양이 생길 때
한꺼번에 다 원위치로 1칸을 끌어 내린다.
(이때 밑의 □X=Y가 풀리면 안 됨)
11.jpg 그림을 입력하여 맨 아래 위치시킨다.
12. 버튼 shape 두 개를 만들어서 맨아래 위치시킨다.
(jpg밑에, 버튼놓을 자리shape 바로 위에)
13.버튼에 스크립트를 준다.
- A버튼: (1)script-addscript-botton-on release
(2)addscript-moviecontroll-gotoandplay-
gotoandplay(frame)
(3)1을 2로 고친다.
-B버튼: (1)script-addscript-botton-on release
(2)addscript-moviecontroll-gotoandplay-
gotoandplay(frame)
(3)1을 27로 고친다.
15. 나와서 버튼 2개와 버튼놓은 자리 SHAPE 1개를
Grouping as group 로 묶는다.
16. scene1란의 1, 25, 50프레임 위치에
moviecontroll-stop() 를 걸어 준다.
*****************************************************
21. 갈대밭 투명이미지 만들기
*****************************************************
1.이미지 불러온다
2.우측 판넬 Shape 선택상태에서 [Properties]-[Tranceparency]
3.죽이고 싶은 색깔과 근접한 색을 선택한다.
4.불투명도 를 준다 - 80%
5.[ok] 끝
**********************************************
22.구름 뒤로 비행기 지나가기2
**********************************************
1. jpg1을 입력
2. jpg1을 복사하여 그 위에 놓는다.
3. 비행기도 입력
4. 현재 아웃라인엔
---비행기
---jpg2
---jpg1(이것의 눈을 가린다)
5.jpg2를 선택하고, 펜툴로 구름을 자른다-붉은 색 shape생김
6.Shape와 jpg2를 묶어서 group as shape 하고 [예]에 클릭
7.clipped img-clipped img
8.shape 부분의 색깔이 변함
9.아까 group as shape 한 것을 풀어준다. ungroup
10.풀린 것 중 밑의 것이 jpg2이고, 위의 것은 shape인데
이때 jpg2를 지운다 - Del
11.타임라인에 move를 주고, 비행기를 움직인다.
12.jpg1의 눈을 풀고, 아웃라인에서 비행기를 밑으로 내린다.
***********************************
23 스위시에서투명이미지 gif 만들기
***********************************
1. jpg를 불러온다.
2. jpg를 복사한다
3. 첫번째 jpg 즉, 밑에 있는 jpg의 눈을 가린다.
4. 남아야될 부분(물이 있는 부분)을 펜툴로 오린다.
현재 아웃라인의 모양은 아래와 같다
shape
jpg (복사하여 만든 것)
jpg(눈 가린 것)
5. shape와 jpg(복사하여 만든 것)을 group as shape로 묶는다.
6. 오른쪽 판넬에서 Clipped image 를 선택한다.
-그러면 투명해짐
7. 금방 group as shape 한것을 다시 푼다 (ungroup)
8. 푼 것 중 밑의 것이 진짜 옛날jpg인데 이것을 지운다.
투명화된jpg(원래는 shape이였음)가 남는다
현재 아웃라인 상태는 아래와 같다.
jpg(투명화된 것)
jpg(눈 감겼던 것) 눈을 뜨게 한다
- (투명이미지 만들기 끝)
- (계속해서 더 작업하려면)
9. 물결작대기를 불러온다.
10 타임라인에 move 주고 작대기를 1칸 내린다.
11. 작대기와 투명화된 jpg를 sprite로 묶고
12. mask에 체크한다.
13. 투명jpg 의 트랜스폼 X, Y에 +2, +2 한다.
14. 작대기 위치를 내린다. (물결만들기까지 끝)
***************************
24.글자 안에 그림 넣기(1)
***************************
1.글자를 쓰고 좀 크게 고친다.
2.Group Shape로 묶는다. [ 예 ]를 클릭한다.
3.글자 안에 들어갈 그림을 불러온다.
4.그림의 타임라인 50프레임에 move를 주고 그림을 움직인다.
5.그림의 타임라인 100프레임에 move를 주고 그림을 움직인다.
6.그림의 타임라인 150프레임에 move를 주고 그림을 움직인다.
7.그림과 아까 Shape로 묶인 것을 또 묶어 group as sprite한다.
10.우측판넬의 use bottom ....mask에 체크한다.
11.배경이 될 그림을 입력하여 제일 밑바닥에 놓는다.
*****************************
24-1.글자 안에 그림 넣기(2)
*****************************
1.글자를 쓰고 좀 크게 고친다.
2.Group Shape로 묶는다. [ 예 ]를 클릭한다.
3.금방 묶은 것을 Ungroup 한다.
4.글자가 하나씩 분리됨.(분리하여 위치, 크기 조절을 위함이다)
6.shape들을 다시 묶어서 group as sprite 주고
우측판넬에서 [mask어쩌구저쩌구란]에 체크한다.
7.글자 안에 들어갈 그림을 불러온다.
8.그림의 타임라인 적당한 프레임에 move를 주고 그림을 움직인다.
9.그림과 아까 sprite로 묶인 것을 또 묶어 group as sprite한다.
10.mask에 체크한다.
11.배경이 될 그림을 입력하여 제일 밑바닥에 놓는다.
*******************************************
25.나모에서 배경사진 교체되는 gif 만들기
*******************************************
1.같은 크기의 gif사진을 몇 개 준비한다.
2.[시작]-[모든프로그램]-[나모유틸리티]-[gif애니메이터]
3.[파일]-[새애니메이션]
4.[편집]-[프레임삽입하기] 해당 그림파일을 찾는다.
5.[추가]-[열기]-[확인]
6.메뉴 중 ( + ) ( - )로 그림 크기를 줄인다.
7.[보기]-[애니메이션정보]
8.<프레임1>선택하여 700을 입력,
<애니메이션>선택하여 <반복하기><계속반복>에 체크한다.
9.위와 같이 <프레임2,3....>도 <애니메이션2,3...>도 똑 같이 한다.
(프레임이란 그림파일, 즉 사진을 말한다.)
10.[보기]-[미리보기]를 클릭하여▶를 선택한다.
11.다른 이름으로 저장한다. *.gif 저장. 끝
**********************************************
26. 단풍 나뭇잎 흔들기(SWiSHmax)
**********************************************
1. 단풍 이미지 준비 (600/400)
2. 단풍 이미지로 포샾에서 gif 만들기
3. 월송정님의 물결(작은것14, 큰것 20) 불러오기
-만들어서 사용할경우, 맞추기가 힘들고 번거로움
-월송정님이 제작한 물결이 가장 정확하고 효율적임
4. movie 에서 X,Y 를 (300/400) 맞춤 (width=600의 절반으로 300)
5. 타임 라인에서 move를 20 정도 주고 transform 에서 Y 값만 14 더해서
(수치가 붉은색으로 변함에 주목 400+14 =414) 물결을 크릭하면
최적의 상태로 움직임, 미리보기로 확인요
6. gif 불러와서 shape 와 group and sprite 해서 마스크에 확인시킴
7. jpg 불러와서 transform 에서 X(가로) Y(세로) 수치에 1.5~2 정도의 변화를 줌
8. sprite 와 상하위치 바꾸어서 아래로 니려줌. 끝
*********************************
27. 파노라마 만들기
*********************************
1. 그림 600-400을 부른다
2. Movie에서 600을 2400으로 4배로 늘인다
3. 그림이 화면에 차도록 화면조절을 한다
4. 복사하여 그림을 4개로 만든다
5. 2번, 4번 그림을 좌우 뒤집기하여 붙인다.
-좌우뒤집기는: 선택 우클릭⇒Tranceform ⇒ Flip Horizone
6. 4개 그림을 묶어서 grouping-shape 하고, <예>한다.
7. Movie에서 폭을 다시 600으로 고친다.
8. 타임라인에 move 주고(700을 줄것)
9. 그림을 좌로 끌어 당긴다.(우측의 그림이 끝날 때까지)
10.제자리에서 움직이는 새, 오리 등(gif) 삽입하면 더 좋다.
********************
28. 효과음삽입공부
********************
http://kaebi.com/swi8/swish.item46.htm
********************
29. 단추앨범만들기
********************
1. 그림 3개를 부르고 1.2. 3 으로 이름을 고친다.(백그라운드는 좀 크게함)
2. 타임라인에서
1번그림 선택 ⇒ 2프레임에 클릭하고 fade in 효과 30 frame까지
2번그림 선택 ⇒ 31프레임에 클릭하고 zoom in 효과 60 frame까지
3번그림 선택 ⇒ 61프레임에 클릭하고 slide in 효과 90 frame까지
3. 단추를 1개 만들고 라인을 준다.
4. 단추를 복사라여 모두 3개의 단추를 만들어 배치한다.
5. 단추a 를 선택하고 Solid ⇒ cliped images ⇒ select new images
해당그림(그림1)을 선택
단추b 를 선택하고 위와 같이 한다.
단추c 를 선택하고 위와 같이 한다.
6. 단추a를 선택하고 Script ⇒ movie contrl ⇒ goto and play ⇒ ~frame
한 후에 하단의 1을 2로 고친다.
단추b를 선택하고 위와 같이 한 후에 31로 고치고
단추c를 선택하고 위와 같이 한 후에 61로 고치고
Scene로 나온다.
7. 타임라인 제일 위의 Scene1의(주의: Scene1 라인에서만 할 것)
2번 프레림에 클릭하여 Modify ⇒ control movie ⇒ ~stop()
30번 프레림에 클릭하여 Modify ⇒ control movie ⇒ ~stop()
60번 프레림에 클릭하여 Modify ⇒ control movie ⇒ ~stop()
8. 타임라인 그림 1의 31, 그림2의 61, 그림3의 91 프레임에 Remove 준다.
*********************
30. 메신저 삭제하기
*********************
시작에서 실행,
RunDll32 advpack.dll,LaunchINFSection %windir%\INF\msmsgs.inf,BLC.Remove
라고 입력하고 엔터치면 삭제됨
재부팅하면 삭제됨
*****************
31. 화면크게보기
*****************
<center>
<a href="http://..... ......... .swf" target="_blank"><font color=red
size=3><b>화면크게보기</a>
(참고: 점선부분은 여러분이 지금 표현하려고 하는 스위시파일의 주소와 동일함.
하단부분에 쓰실 내용과 같음)
(참고: [아름다운영상시]란에 477번을 보세요)
***********************
32. 애플릿에 대하여
***********************
애플릿에 대하여
먼저, 애플릿으로 만들어진 프로그램(다음 카페온, 채팅 등..)들이 실행이 안되거나
실행이 되었다가 안되는 경우 자바가상머신(JVM : Java Virtual Machine)을 새로 설치합니다.
윈도우 XP 를 사용하시는 분들에게 흔히 생기는 문제로 원인은 마이크로소프트사에서 자신들의
윈도우 환경에서 경쟁사의 프로그램들이 사용이 되어지는 것을 막기 위한 전략적 의도에 의해
포함을 시키지 않았기 때문입니다.
기존 윈도우 버젼에서 XP로 업그레이드 하신 분들은 자바가상머신이 기존 윈도우에서 설치가 되어진
상태이므로 다시 설치할 필요는 없으나 JVM이 구버젼인 경우 최근의 버젼으로 업그레이드 하시면 됩니다.
XP를 장착한 컴퓨터를 새로 구입하신 경우 대개 구입 업체에서 이런 필수 프로그램들은 설치를 한 상태에서
출하시키나 그렇지 않는 경우도 있습니다.
참고로 Explorer 6.0 버젼에서도 JVM 이 포함되지 않았습니다. 윈도우 XP는 Explorer 6.0을 기본으로
포함되어 있음.
특별한 문제가 없는데에도 불구하고 애플릿이 실행이 안되는 경우
아래 다운로드 링크중 하나를 선택해 JVM을 다운받습니다.
다운을 받은 후 다운받은 파일을 클릭하시면 자동설치창이 나타나며 설치창에 나타나는 설명에 따라
설치를 한 다음 재 부팅을 하면 애플릿을 정상적으로 실행시킬 수 있습니다.
※ Java VM 다운로드 받기(한 군데를 선택해 다운받아 설치)
1. Java VM 3805 다운로드 (95, 98, Me, NT, XP)
2. JVM(자바가상머신) 다운로드
3. JVM(자바가상머신) 다운로드
자바 애플릿은 자바언어로 만들어진 프로그램이지만 다른 프로그램들과는 차이가 있습니다.
HTML 페이지에 탑재(삽입)되어 자바 호환(Java-compatible) 웹 브라우저에서만 실행이 되어지는
자바 프로그램입니다. 자바 호환 웹 브라우저란 대표적으로 현재 우리가 인터넷을 위해 쓰고 있는
익스플로러나 넷스케이프 브라우져를 말합니다. 자바 호환 웹 브라우저는 자바 애플릿이 탑재되어 있는
HTML 웹 페이지를 보여줄 때, 웹 서버쪽에 있는 자바 애플릿 코드를 다운로드 한 후 브라우저 내의
특정 영역에서 실행하게 됩니다. HTML과 애플릿은 별개의 영역으로서 애플릿을 넣어둔 영역내에서는
HTML 이 들어올 수 없는 독립된 영역입니다.
애플릿 부분에 HTML을 삽입시키려고 시도하시던 분들.. 왜 안되는지 이유를 이제 아셨을 겁니다.
애플릿과 스크립트의 가장 큰 차이점이라면 애플릿은 class 란 파일을 같이 동반한다는 것인데
class 파일은 해당 애플릿이 그렇게 동작을 하도록 만들어진 자바 프로그램을 비트코드(기계어)로 변환시켜 놓은 파일을
말하며, 이렇게 비트코드로 변환시킨 파일을 컴파일라고 하지요...
따라서 class 파일이 없으면 애플릿은 동작하지 않습니다.. 명령이 없기 때문에......
애플릿을 사용하다고 보면 어떤 프로그램들은 같은 계정(서버)내에 연관된 파일들(이미지,clas파일,jar파일 등..)이 있어야
작동이 되는 것들이 있고 또 같은 계정내에 존재하지 않고 스크립트나 HTML에서와 같이 해당 파일의 위치(경로)를 지정해
주면 찾아가 읽어와서 작동을 하는 프로그램들을 보게 됩니다...
애플릿을 외부에서 불러들일 때 작동을 하는 것은 해당 class 파일의 위치를 지정해 주었기 때문에 브라우져가 찾아가
데이타를 읽어 오는 것입니다. class 파일의 위치를 지정해 주는 태그는 codebase 란 것을 사용하며 이 태그는
애플릿 시작명령 태그내에 설정을 해 줍니다
예시) <Applet! code="aaa.class" codebase="http://..../bbb/">
위는 aaa.class 란 컴파일이 http://..../bbb/ 이 위치에 있다는 것을 알려줍니다
clodebase의 경로는 해당 컴파일의 이름까지 줄 필요 없고 해당 컴파일이 저장된 디렉토리 까지만 설정해 줍니다.
그런데 대부분 초보분들은 코드베이스까지 지정해 주면 된다고 그래서 그렇게 했는데 안된다고 생난리(?)를 치고 포기하시는
분들이 많습니다. 물론 codebase로서 class 파일의 위치를 지정해 주면 됩니다.
문제는 파라메타(parater)에 텍스트만 설정해 주는 애플릿이 아닌 이미지등을 사용하는 프로그램을 쓰고자 할 경우
지정한 이미지이외 다른 이미지 즉, 본인이 원하는 이미지로 바꾸고자 할 때 생깁니다.
본 카페 애플릿자료등을 사용할 때 예제에 사용한 이미지를 그대로 사용하신 분들은 애플릿이 외부에서도
실행이 되는 것을 보았을 것입니다. 이는 해당 이미지들이 애플릿 문서(class 파일)가 있는 서버위치에 같이 저장이 되어
있기 때문입니다. 다른 이미지로 바꾸어 놓을 경우 애플릿 문서(class 파일)가 있는 디렉토리에 사용하고자 하는
이미지가 없기 때문에 작동을 하지 않고 빈 회색부분만 보여지는것 입니다.
(그렇지만 본인 홈페이지 내에서 서로 다른 디렉토리에 저장해 놓고 사용하는 것은 관계가 없습니다.)
그렇다면 이미지등을 사용하는 애플릿은 어떻게 외부에서 사용해야 할까요 ?
외부에서 만들어 둔 애플릿 문서나 원하는 이미지를 적용한 애플릿을 사용하고 싶다면 다음과 같이 준비합니다
1. 먼저 마음에 드는 애플릿 자료를 구해 원하는 방향으로 수정을 해서 애플릿 문서를 만듭니다
사용할 이미지들은 모두 애플릿 문서가 있는 디렉토리에 같이 넣어둡니다.
2. 수정하거나새로 정성들여 만든 문서를 저장한 다음 실행시켜 이상이 없는지 원하는 대로 나오는지 확인해 봅니다.
3. 이상이 없으면 FTP프로그램을 실행해 본인의 홈페이지 계정으로 접속하거나 홈페이지내 파일관리자를 실행해
해당 애플릿에 관련된 파일(애플릿 문서, class 파일, 사용하는 이미지 파일들)을 모두 같은 디렉토리에다가
저장을 합니다.
4. 이제 외부(카페나 다른 사이트 게시판 등)에서 저장한 애플릿을 불러다가 실행을 시키는 절차만 남았습니다.
애플릿을 올리고자 하는 외부게시판에 해당 애플릿 코드를 그대로 붙여넣거나 작성을 합니다
본 카페 338번의 Star Snow 애플릿 코드를 가지고 예를 들어 봅니다
올리고자 하는 게시판에 다음과 같이 애플릿 소스코드를 넣습니다.
<APPLET! code="stars.class" width="400" height="394">
<PARAM name="bigstars" value="20">
<PARAM name="smallstars" value="200">
<PARAM name="bkimage" value="xmastree.jpg">
<PARAM name="floorheight" value="50">
</applet!>
그러나 위와 같이 코드만 넣고 등록해 실행하면 실행이 안됩니다. 이유는 위에서 언급한 내용을 잘 읽어 보셨다면
아실 것입니다.
실행을 시키기 위해서는 stars.class 파일이 어디에 있는지 지정을 해 주어야겠지요...
앞에서 위치의 지정은 codebase 란 태그를 사용한다고 그랬습니다. 예를 들어 stars.class 파일을
http://flyengel.hihome.com/Appletō/ 이 경로에 저장을 해놓았다고 가정을 한다면 코드베이스는
codebase="http://flyengel.hihome.com/Appletō/" 이렇게 stars.class 파일이 저장된 디렉토리를 지정해
애플릿 시작명령 태그내에 삽입을 해 줍니다
이렇게...
<APPLET! code="stars.class" codebase="http://flyengel.hihome.com/Appletō/" width="400" height="394">
두번째로 xmastree.jpg 그림파일의 위치를 지정해 줍니다. 이때 본인 홈페이지내에서는 상대경로나 같은 디렉토리에
저장된 경우 파일이름만 설정해 주면 되지만 외부에서는 절대경로 즉 http:// 프로토콜을 포함한 경로를 모두 지정해
주어야 합니다. 따라서 xmastree.jpg 그림이 저장된 위치는 stars.class 파일이 저장된 같은 디렉토리이므로
http://flyengel.hihome.com/Appletō/xmastree.jpg 따라서 파라메타 부분 즉,
위 에플릿 소스코드에서 네번째 파라메타인 <PARAM name="bkimage" value="xmastree.jpg"> 이 부분을
<PARAM name="bkimage" value="http://flyengel.hihome.com/Appletō/xmastree.jpg">
이렇게 절대경로로 이미지 파일의 위치를 지정해 줍니다.
기타 다른 파라메타 부분들은 새롭게 고칠것은 없고 class 파일의 위치와 이미지 파일의 절대경로만 설정해 주어
게시판에 올려 HTML로 저장합니다
이제 게시판에 등록했으면 제대로 작동을 하는지 확인하는 절차로 애플릿을 외부에서 불러들이는 방법에 대한
설명을 마칩니다. 애플릿이 뭔지, 그 의미가 뭐고 어떤 언어로 프로그래밍 되어지는지 이런 부분들은 프로그램을
배우고자 하는분들이 아니시라면 솔직히 알 것 없습니다. 마음에 드는 애플릿을 찾으면 어느부분을 어떨게 수정해서
어떻게 사용하는지에 대한 것만 웹을 이용하는데 별 걱정은 없습니다. - -'
쉽게 풀어서 설명하려고 장황하게 말을 늘여 놓았는데 한두번 읽어 보면 두 세줄정도로 요약해 버리면 될 정도로
이해하실 수 있을겁니다. 이해가 안되시는 분들은 반복해서 읽어 보세요..
가장 손쉬운 방법은 프레임을 이용해 미리 문서를 만들어 놓고 불러들이는 방법입니다
<Ifame< 을 사용해 애플릿 문서를 만들어 홈 계정에 저장해 놓고
외부게시판이나 HTML 문서내 원하는 위치에다가 배치를 하면 쉽습니다
<Iframe width="프레임가로크기" height=프레임 세로크기" frameborder="0" scrolling=no" src="애플릿 문서의 주소">
</Iframe>
이렇게 ....
위 338번의 Star Snow 애플릿 문서를 iframe 을 사용해 불러 들이면 아래와 같음.
예를 들어 http://flyengel.hihome.com/Appletō/ 이 경로에 애플릿 문서인 StarSnow.html 문서를 저장해
두었다고 가정한다면
<iframe width=500 height=540 scrolling="no" frameborder=0 src="http://flyengel.hihome.com/Appletō/StarSnow.html">
</iframe>
'스위시애플릿' 카테고리의 다른 글
| [스크랩] 스위시(소스모음-1) 아이콘 SWI 파일(뒤로 여러소스모음있음) (0) | 2018.08.01 |
|---|---|
| 한국의 전쟁 그리고 신화 (0) | 2012.02.29 |
| 예쁜나비 (0) | 2009.04.11 |
| 작은연못 (0) | 2008.04.12 |
| 시계와 카렌다 (0) | 2008.01.13 |