Download presentation
Presentation is loading. Please wait.
1
컴퓨터 프로그래밍 : 실습3 2장 데이터와 식
2
Contents HTML 소개 HTML – list, link 애플릿 – 모양 그리기 Color 형상 그리기 – 얼굴
형상 그리기 – 차트
3
HTML 소개 HTML 소개 intro.html을 실행해보자. 윈도우 창 크기를 변경하여 text의 변형을 살펴보자.
<HTML></HTML> : html 문서임을 시작과 끝에 정의. <HEAD></HEAD> : 헤더. <TITLE> 태그가 속함. <TITLE></TITLE> : 웹페이지의 제목을 나타냄. <BODY></BODY> : 웹브라우저의 본문에 보여지는 내 용을 태그로 작성하는 곳. intro.html을 실행해보자. 윈도우 창 크기를 변경하여 text의 변형을 살펴보자. 윈도우 창에서 title이 어디에 나타나는지 살펴보자.
4
HTML 소개 Mypage.html 을 작성해보자. title을 포함할 것! (<TITLE> 사용)
글씨체를 다양하게 표현해 볼 것! (굵게, 이탤릭체, 밑줄) 자신의 이름을 포함할 것!
5
HTML – list, link list.html을 수정해보자. link.html을 실행해보자. 순서가 없는 목록을 추가한다.
<참고> 순서가 있는 목록 : <OL> 사용 순서가 없는 목록 : <UL> 사용 link.html을 실행해보자. link.html에 link를 추가해보자. 교수님 홈페이지
6
애플릿 – 모양 그리기 Shapes.java와 Shapes.html Shapes.java를 수정해보자.
x와 y를 0으로 수정해보자. width를 200, height를 300으로 수정해보자. 여러 개의 사각형을 그려보자. 한 사각형이 다른 사각형에 완전히 포함되도록! 두 사각형이 겹치도록! 4개의 사각형이 애플릿 윈도우 창의 모서리에 위치하도록! 4개의 사각형의 색깔이 서로 다르게!
7
Color RGB (Red-Green-Blue) Color myColor = new Color (255, 0, 255);
Colors.java Color myColor = new Color (_, _, _); 값을 바꾸어 색상의 변화를 살펴보자. Color myColor = new Color (65280);으로 수정하여 실행해보자. red green blue
8
형상 그리기 – 얼굴 얼굴을 그려보자. 파일 : Face.java, Face.html
눈(눈동자 포함), 귀, 코, 입을 포함할 것! 적어도 3개의 색깔을 사용할 것! 여러 형상을 사용할 것!
9
형상 그리기 - 차트 다양한 지출 내역이 있는 가계부를 작성해보자 각 부분은 색깔을 구분한다.
Rent and Utilities(임대료) 35% Transportation(교통비) 15% Food(식비) % Education(교육비) 25% Miscellaneous(기타) 10% 각 부분은 색깔을 구분한다. 각 부분이 나타내는 부분을 표시한다. html 문서에 포함할 것 각 지출 내역을 나타낼 것! 헤더 부분, list를 포함할 것! 자신의 이름을 포함할 것!
Similar presentations
