 applit 만들기 1 (애플릿) |
 
|
| 2003-08-02 (토) 15:30 조회:1506 | |
|
|
|
|
애플릿을 만드려면 다음의 몇가지를 알아야 하니까 설명을 잘 읽어 보시기 바랍니다 (한번 해 보시면 5분도 안걸리는 과정이지만 글로 하려면 무쟈게 길거에요 하지만 최대한 쉬운말로 최대한 상세하게 설명들렸으니하나 하나 따라하시면서 읽어 보시면 금방 하실수 있을겁니다) 1. 애플릿의 구성요소 1)class 파일 2)html 파일 3)image 파일 2. 애플릿의 동작조건 위의 3가지 파일이 한폴더 안에 있어야 함 (여러분들이 애플릿 소스를 복사해다가 게시판에 올려도 안올라 가는 이유는 위의 3가지 파일이 각기 다른데 있거나 불어올 주소를 안 지정해서 그런경우가 대부분이고, 싸이트에 따라 애플릿 소스만 올릴경우 지원 안하는 경우가 있더군요. 우리는 그런 걱정 없도록 할테니까 그냥 참고만 하세요) 3. 용어설명(알기쉽도록 편하게 설명합니다) 1)class 파일 : 각회사의 관련 전문가들이 만들은 애플릿 동작 프로그램으로서 애플릿 별로 수량은 적게는 1개부터 10개 이상 되는것도 있으며. 해당애플릿을 실행하는 컴퓨터 프로그램. (그냥 해당 애플릿을 시키는 명령에 따라 실행하는 기계라고 생각하세요) 2)html 파일 : 위의 클라스 파일을 원하는 바대로 움직이게 하는 명령 소스입니다 3)image 파일 : 여러분들이 항상 보는 그림 파일입니다 파일종류는 크게 jpg 파일과 gif 파일이 있으며 그 특징은 다음과 같습니다 * jpg파일 : 전문적인 자료을 인용하여 설명드릴수도 있으나 머리만 아플거니까 그냥 일반 이미지에 많이 사용하는 그림이라고 알고 계십시요 * gif 파일 : 움직이는 이미지에 많이 쓰며 투명이미지를 만들수 있습니다 (더 자세한 것은 배워나가시다 보면 저절로 알게 됩니다) 4. 각파일 구하는 방법 - 이미지 : 이건 다아 아시죠? 맘에드는 이미지가 있으면 내컴퓨터에 저장하세요...지난시간에 마스트 한거니까 설명생략 - class 파일과 html 파일 구하는 방법 : 특별한거는 갖고 있 는 사람에게 부탁해야 되겠지만 보통 무료로 다운받을 수 있는곳이 많으니까 다운받아 쓰면 됩니다. 강의가 어느정도 진도가 나가면 제가 몇 곳은 알려 드릴께요.. ^^ (강의가 진행되는 동안은 우선 드리는 애플릿만 가지고 해 보세요 애플릿 종류가 수백가지라서 다른거 질문을 하면 진도가 못나가니까요...^^) ======================================================== 첫번째 애플릿 - 우선 가장 간단한 애플릿를 해 보기로 합니다 모든 애플릿이 과정이 똑같으니까 과정을 한번 해 보시면 이해가 빠를것 같아서 입니다 ============================================================ 작업순서 1. 애플릿 파일 다운받기 - 지금 게시판 위에보시면 제목 아래에 다운받을수 있도록 해놓았으니까 (파일: lake.zip (30KB) Download :1)클릭하시면 파일다운로드 창이 뜨니까 저장하기를 클릭하시고 저장할곳을 정하시면 저장이 됩니다(어디다 저장할거냐 묻는데 적당하지 않으면 바탕화면에 그냥 다운받아 저장하세요...^^) 2. 압축풀기 1)위1번의 저장하기를 클릭하셔서 다운을 받으시면 다운받은곳에 달걀모양의 압축파일이 생깁니다 압축파일 이름은 물론 lake.zip 이렇게 되어 있구요. 있으면 달걀위에다 마우스를 올려놓고 오른쪽 마우스를 클릭하시면 메뉴가 좌라락 생기는데.. 거기서 알집으로 압축풀기를 클릭하세요 2) 압축풀기를 클릭하시면 어디다 압축을 풀거냐고 묻는 대화창이 생기는데 그냥 주소수정하지 않고 압축풀기를 클릭하시면 알집이 있는곳에 압축이 풀립니다 (알집이 풀리면 자동차 밧데리 같이 생긴 노란폴더가 생기고 그 속에 파일이 들어 있습니다) 3. 다운받은 애플릿 실행해 보기 1). 노란 폴더를 클릭하시고 들어가 보시면 다음과 같이 파일이 네개가 있습니다 - html : 파일두개.(실행파일이라고 했죠?) - class :파일한개 . - 이미지 :파일한개(바둑이 그림) 2). 위의 파일중에 html 파일을 왼쪽마우스로 더블클릭 하시면 바둑이 그림이 뜨고 아래에 물결이 생기는 애플릿이 실행 됩니다 (실행파일이 두개 있는데 이름은 틀리나 내용은 같은거 두개니까 아무거나 하세요. 하나만 있어도 됩니다) 4. 소스수정 하기 : 이제 이 애플릿의 이미지를 바꾸어 만들어 봐야 되겠지요? 따라해 보세요 1)어제 준비하라고 한 이미지들 준비해 놓으셨으면 그중의 하나를 지금 위에서 다운받아 실행해본 폴더로 복사해 오세요 2)복사해온 이미지의 이름과 가로 세로 사이즈를 아무종이에나 메모를 해 놓으세요(기억력이 좋은 사람은 외워도 되지만 저는 머리가 나빠서 항상 메모를 합니다...ㅋㅋ) 3) 이미지를 갖다 놓았으면 이제 html파일의 소스를 수정해야 될 차례죠? 위의 바둑이 html 파일을 더블클릭하여 바둑이 애플릿이 실행되로록 합니다 4) 애플릿이 실행되면 애플릿이 실행되고 있는 하얀 바탕 아무곳에나 오른쪽마우스를 클릭 한후 소스보기를 클릭 합니다 메모장이 뜨면서 이런 소스가 생겼죠? ========================================================= <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Lake.class</TITLE> </HEAD> <BODY> <APPLET code=Lake.class id=Lake height=450 width=400> <PARAM NAME="image" VALUE="dog.jpg"> </APPLET> </BODY> </HTML> ===================================================== 위의 소스중에 불필요한 부분을 지워 버리시고 아래와 같이 만드세요 <APPLET code=Lake.class id=Lake height=450 width=400> <PARAM NAME="image" VALUE="dog.jpg"> </APPLET> 어때요? 아주 간단해졌죠? 지금 이것은 아주 간단한 소스지만 나중에 여러분들이 직접 여러가지 애플릿을 다운받아 보시면 무지 복잡한 설명이 많은데 항상 애플릿 프로그램의 시작과 끝은 <APPLET <==요걸로 시작해서 </APPLET> <==요걸로 끝이나니까 나머지는 말끔히 지워 버리세요 .다아 선전이나 설명이니까요 ========================================================== 5)이미지(그림) 파일이름 수정하기 dog.jpg 이곳의 dog부분만 준비한 파일이름으로 지우고 써줍니다 6)이미지 크기 수정하기 height=450 width=400 이 숫자를 가지고 오신 이미지 숫자로 수정해 주세요 *주의사항 : 이미지 크기 수정하실때 수직폭(height)은 원래 이미지 보다 1.5~2 배로 해 주어야 합니다 물결이 생길 공간을 계산해 줘야 되니까요 7) 위 사항을 다아 수정 하셨으면 - 지금 수정하신 메모장 좌측 젤위 메뉴중에 파일 클릭 (하위 메뉴 판넬이 생기죠) - 하위 메뉴중에 다른이름으로 저장클릭(다른 이름으로 저장하기 판넬이 생기죠?) -다른이름으로 저장하기 판넬중에서 * 위치 란은 수정하지 마세요 * 파일이름은 수정하셔야 되는데 원하는 이름.html <== 이렇게 수정하세요 (나중에 여러개 할경우를 대비해서 이미지 이름하고 같이 만들면 좋더군요) * 파일형식은 텍스터 문서로 되어 있는것을 글씨옆의 쬐끄만 역 삼각형을 클릭하여 모든파일로 수정합니다 * 수정 다아 하셨으면 저장클릭(저장창이 사라지죠?) * 메모장도 닫으세요 * 열심히 놀고 있는 (애플릿이 실행되고 있는)바둑이 그림도 닫으세요 소스 수정 완료입니다 이제 폴더안에 보면 아까 새로 이름지은 실행파일이 하나더 생겨 있을겁니다 8). 수정한 실행파일 실행시켜 보기 ; 이상없이 되었나 새로 생긴 실행파일을 더블클릭하여 봅니다 이미지와 크가가 바뀐 애플릿이 실행되면 오케이 (잘 안되거나 수직폭을 다시 수정하고 싶으시면 위의 소스 수정 과정을 반복해 보세요) ======================================================== 애플릿 업로드 하기 1. 애플릿은 반드시 클라스 파일.이미지.실행파일이 한폴더 내에 있어야 동작한다고 했죠 세가지 파일을 모두 업로드 하세요? - 업로드 하는 방식: 이미지 파일 업로드 방식과 동일함 - 업로드할 파일명 lake.class 새로만든 html 파일 이미지 파일 ========================================================== 2.업로드 확인하기 위 세가지 파일이 그대로 다아 홈피 계정으로 업로드 되어 있으면 실행파일을 실행시켜 보세요 (계정안에서..^^) 실행이 잘되면 업로드 이상없이 된것임 =========================================================== iframe 작업방법 iframe 작업의 필요성 : 이 작업을 안 하시면 안뜨는 게시판이 많으니까 꼭 하세요 작업순서 1. 위와같이 계정의 폴더 안에서 애플릿 실행파일을 실행시켜서 실행이 되면 주소창에 있는 주소를 복사합니다 2. 복사한 주소를 아래에 수정하여 넣습니다 - 아래 소스중에 주소와 그림크기만 수정하세요 <iframe src="http://myhome.naver.com/jjm580147/lake/lake1/강강.htm" width=400 height=330 border=0 frameborder=0 framespacing=0 hspace=0 marginheight=0 marginwidth=0 scrolling=no vspace=0></iframe> 이렇게요 <iframe src="주소 붙여 넣는곳" width=가로크기 height=세로크기 border=0 frameborder=0 framespacing=0 hspace=0 marginheight=0 marginwidth=0 scrolling=no vspace=0></iframe> 출처 :http://ba-ram.x-y.net |
| 
|
