반응형 속성8 퀴즈 이펙트 : 객관식 확인하기 : CBT 유형(json) 퀴즈 이펙트 : 객관식 확인하기 : CBT 유형(json) 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2 / JSON) / 완성화면 코드 블럭 Quiz 객관식 확인하기 CBT 유형 1 2 3 4 5 6 7 W1 W2 2020년 1회 정보처리기능사 기출문제 남은 시간 59분 10초 답안지 제출하기 수험자 : 신동진 전체 문제 수 : 60문항 남은 문제 수 : 59문항 구성 구역을 각각 나눠서 문제와 omr 카드 구역을 나누어줍니다. 문제의 구조를 문제, 문제 번호, 문제 이미지, 객관식 보기를 각각 태그를 사용해서 구성을 해줍니다. 문제를 풀 때 남은 시간과 문제를 다 풀고 답안 제출하기를 만들어줍니다. omr 카드 구역에 정보와 omr.. 2023. 4. 3. 배너 유형 페이지 만들어보기!! 배너 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 푸터 유형 : https://dongjin6539.tistory.com/49 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 코드 블럭.. 2023. 4. 1. 검색 이펙트 - CSS 속성 검색하기 검색 이펙트 - CSS 속성 검색하기 CSS 속성 검색할 수 있는 사이트를 만들었습니다. 코드 보기(HTML, JAVSCRIPT / CSS1 / CSS2) / 완성 화면 코드 블럭 1 2 3 4 5 6 자바스크립트 CSS 속성 검색하기 indexOf( ) / search( ) 검색하기 CSS 속성 갯수 : 0개 align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. all : 요소의 속성을 초기화 또는 상속을 설정합니다. animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다. animation-delay : 애니메.. 2023. 3. 23. 푸터 유형 페이지 만들어보기!! 푸터 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 코드 블럭 운동 사이트 운동 사이트 소개하기 운동을 하는 이유 운동 시 주의할 점 운동.. 2023. 3. 22. 3D 애니메이션 효과 3D 애니메이션 효과 코드 보기 / 완성 화면 코드 블럭 참고 지금까지 배운 내용을 이용해서 3D 애니메이션을 만들어봤습니다. 지금까지 배운 내용을 이용해서 한다고는 했지만 아직 대부분 모르는 내용이 너무 많았습니다. 아직 처음 보는 메서드나 속성이 많이 있습니다. 나중에는 더 배워서 이해하면서 해봐야 될거 같네요. 2023. 3. 21. 마우스 이펙트 - 마우스 조명 효과 마우스 이펙트 - 마우스 조명 효과 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT, CSS / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript Mouse Effect03 마우스 이펙트 - 마우스 조명 효과 1 2 3 4 5 6 To truly smile, you must endure the pain, and you must also learn to enjoy the pain 진정으로 웃으려면 고통을 참아야하며 , 나아가 고통을 즐길 줄 알아야 해 dongjin6539@naver.com 코드 블럭 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 태그에 h1 태그, p 태그, ul 태.. 2023. 3. 21. 이전 1 2 다음 반응형
