Page 객체(기본기능) 따라하기!

Samples

Page 객체(기본기능) 따라하기!

자바스크립트 Page 객체 사용하기 1

1. Page 객체 사용하기
(객체를 생성할 때는 도구를 클릭하고 마우스 커서를 D esign 영역으로 옮겼을 때 커서가 십자 표시로 되면 생성할 위치에 클릭한 상태로 드래그하면 된다.)e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_1282.png

1) 배경을 설정한다

  (1) 페이지를 클릭하고 속성 편집을 아래와 같이 설정한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_1886.png 

  (2) 이미지를 클릭하고 작화 화면 전체를 드래그한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_2714.png 


  (3) 배경으로 사용하고 싶은 이미지를 선택하고 열기를 누른다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_3483.png 

  (4) 이미지 객체의 속성을 아래와 같이 설정한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_4206.png 

  (5) 생성한 이미지 객체를 객체 탐색기에서 잠근다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_4902.png 

 2) 태그 탐색기에서 문자열 태그와 아날로그 태그를 각각 하나씩 생성한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_5386.png 

 3) 레이블을 셋 생성하고 텍스트를 아래와 같이 설정한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_5995.png 

 4) 2 번째와 3 번째 레이블의 객체 속성을 아래와 같이 설정한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_6702.png 

 5) 첫 번째 페이지의 페이지 속성을 아래와 같이 설정한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718417_0723.png


 6) 페이지 스크립트를 아래와 같이 설정한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718442_7698.png 

 7) 각 레이블의 스크립트 속성을 아래와 같이 설정한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718442_8207.png 

 8) F 5 나 실행 버튼을 눌러 뷰어를 실행한다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718442_9182.png 

 9) 레이블을 클 릭하고 페이지 콘솔에서 결과를 확인할 수 있다
※ F12 버튼을 눌러 페이지 콘솔을 열 수 있다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718442_98.png 

 10) S tatus 레이블을 클릭해 페이지 콘솔 출력을 확인할 수 있다

e9d91cc4073a5b8ab4022a1b7e0acabe_1590718442_6719.png 



※ 페이지 용량 관계 상, 더 많은 설명을 보시려면 첨부파일 다운로드 바랍니다! 

0 Reply Comment
Title