웹프로그래밍
-
명품 웹 프로그래밍 9장 과제웹프로그래밍 2019. 5. 14. 18:52
1. 포커스와 onblur,onfocus 브라우저 바깥에 마우스를 클릭하면 window 객체에 blur 이벤트가 발생하고 다시 마우스를 클릭하면 window 객체에 focus 이벤트가 발생한다. 2. 라디오 버튼을 클릭하면 이미지를 출력합니다. 바나나 망고 사과 3. 계산기 만들기 수식을 입력하고, 를 입력하세요. 식 값 4. 이미지 커서 만들기 마우스를 움직이면 이미지로 만든 커서가 마우스를 따라다닙니다. 5. 바탕 아무 곳에나 더블 클릭 바탕 아무 곳이나 더블클릭하면 배경색이 랜덤하게 변합니다. 6. 마우스 휠을 이용한 이미지 확대/축소 이미지 위에 휠을 위로 굴리면 이미지가 축소되고, 아래로 굴리면 이미지가 확대됩니다. 7. span 태그에만 onmouseover / onmouseout..
-
명품 웹 프로그래밍 8장 과제웹프로그래밍 2019. 5. 14. 18:49
오픈챌린지 8 갬블링 게임 각 숫자를 클릭하면 0에서 2사이의 난수로 바뀝니다. 모두 같은 수가 나오면 승리합니다. 0 0 0 8-4예제변경 this 활용 버튼 버튼 여기 클릭하면 크기와 색 변경 3. 다음 빈 곳에 숨은 단어? show/hide I (love) you. CSS is Cascading (Style) Sheet. 응답하라 (1988). 5. z-index 프로퍼티 10-2. 정답의 동적 삽입 Q. 거울아 거울아 세상에서 누가 제일 예쁘니? 답보기 Q. 죽느냐 사느냐 어떤 것이 문제인가? 답보기
-
명품 웹 프로그래밍 6장 과제웹프로그래밍 2019. 5. 14. 18:44
6-1.html 마우스를 올려보세요 여기에 마우스를 올리면 배경색이 노란색으로 변합니다. 6-1.js function over(obj) { obj.style.background='yellow'; } function out(obj) { obj.style.background='white'; } 6-1-2.html 마우스를 올려보세요 여기에 마우스를 올리면 배경색이 노란색으로 변합니다. 6-3.html 6-3-2.html 6-6.html 6-6-2.html openchallenge06.html
-
명품 웹 프로그래밍 4장 과제웹프로그래밍 2019. 5. 14. 18:36
3. 색 이름과 코드 이름코드색이름코드색 Brown#A52A2ADeepSkyBlue#00BFFF Blueviolet#8A2BE2Gold#FFD700 DarkOrange#FF8C00OliveDrab#6B8E23 7. :hover 활용 마우스를 올리면 카드의 앞면이 보인다. 8. 이미지 테두리 만들기 9. Most Visited Pages 오픈챌린지 left.html 목차 테란 저그 프로토스 스크린샷 right.html 테란 Terran. 스타크래프트 시리즈에 등장하는 종족. 가장 허약하고 약한 군사력과 낮은 수준의 문명을 가졌으며모성을 포함하여 다른 종족에게 천대를 받았지만 끈기와 놀라운 지혜로 압도적인 적들과 싸우고 마지막에 전 우주를 파멸시키려 했던 암흑의 신을 쓰러뜨린 세 종족 중 하나. 코프룰루 구..
-
명품 웹 프로그래밍 3장 과제웹프로그래밍 2019. 5. 14. 18:32
1. 버튼을 만들자 2. 웹 브라우저 소개 브라우저라고 불리기도 하는 웹브라우저(Web Browser)는, 사용자에게 웹 서버 컴퓨터에 접속하고 웹 페이지, 이미지, 동영상, 음악 등 다양한 데이터 다운받아 보여주는 소프트웨어이다. 그림1-2는 대표적인 Chrome 웹 브라우저를 보여준다. 그림 1-2 구글 Chrome 웹 페이지는 브라우저에 HTML% 문서임을 알리기 위해 그림 1-3과 같은 코드를 첫 라인에 삽입하여야 한다. … 그림 1-3 HTML5 문서 구성 3. 로그인 폼 Login Username Passward 4. 웹 프로그래밍 개요 웹의 기본 목적 웹의 기본목적은 한 컴퓨터에서 만든문서(document)를 다른 컴퓨터에서 쉽게 볼 수..