본문 바로가기

웹디자인2

사이트유형 | 카드 유형 사이트 유형 | 카드유형 모바일 사용자가 폭발적으로 증가하면서 반응형 디자인이 어쩌면 필수적으로 적용되고 있는 지금, 카드형 디자인은 웹과 모바일 모두 화면크기에 맞게 최적화되는 모듈식 UI패턴입니다. 1.HTML 코드 코드 보기 고양이 사진 여러분은 엄청 귀여운 고양이를 보실 수 있는 기회가 지금 생겼습니다. 고양이 사진 고양이는 너무귀엽습니다 그렇기 저는 고양이가 너무좋아서 고양이 사진을 가지고왔습니다 여러분은 고양이 사진을 보면서 힐링을 하시면 되겠습니다감사합니다. 더 자세히 보기 고양이 사진 고양이는 너무귀엽습니다 그렇기 저는 고양이가 너무좋아서 고양이 사진을 가지고왔습니다 여러분은 고양이 사진을 보면서 힐링을 하시면 되겠습니다감사합니다. 더 자세히 보기 고양이 사진 고양이는 너무귀엽습니다 그렇기.. 2022. 8. 8.
이펙트 응용 편 | 퀴즈 만들기 첫번째 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 정답 확인하기 2.CSS 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 :root { --black: #1c1419; } * { margin: 0; padding: 0; box-sizing: border-box; } *::before *::after { content: ''; box-sizing.. 2022. 8. 4.
728x90
반응형

자바스크립트 사진

JavaScript

자세히보기