본문 바로가기

웹디자인기능사실기문제4

NN 웹디자인기능사 실기 | 문제 풀이 C-3 (남도맛기행 축제) 웹디자인기능사 실기 B-3 (세계의 미술작품)의 유형은 다음과 같습니다. 메뉴 : 가로형 서브메뉴 하단 슬라이드 : 아래에서 위 공지사항 / 팝업창 : 공지사항/갤러리 분리형, 일반 팝업창 갤러리 : 마우스 오버 시 투명도 배너 푸터 : SNS 아래 첨부된 이미지는 "세계의 미술작품"와 아무상관 없는 문제풀이용 더미이미지입니다. (출처 : 미리캔버스) 기본설정 / 레이아웃 파일 및 폴더 폴더 — css, images, js 파일 — index.html, css파일, js파일, jQuery파일, 이미지 파일(images폴더) 저는 헤더(네비), 섹션(슬라이드, 공지사항, 갤러리, 배너), 푸터(네비, 패밀리사이트) 등 레이아웃을 먼저 잡아놓고 합니다. HTML CSS *{ padding: 0; margin.. 2022. 3. 15.
NN 웹디자인기능사 실기 | 문제 풀이 B-3 (세계의 미술작품) 웹디자인기능사 실기 B-3 (세계의 미술작품)의 유형은 다음과 같습니다. 메뉴 : 가로형 서브메뉴 하단 슬라이드 : 아래에서 위 공지사항 / 팝업창 : 공지사항/갤러리 분리형, 일반 팝업창 갤러리 : 마우스 오버 시 투명도 배너 푸터 : SNS 아래 첨부된 이미지는 "세계의 미술작품"와 아무상관 없는 문제풀이용 더미이미지입니다. (출처 : 미리캔버스) 기본설정 / 레이아웃 파일 및 폴더 폴더 — css, images, js 파일 — index.html, css파일, js파일, jQuery파일, 이미지 파일(images폴더) 저는 헤더(네비), 섹션(슬라이드, 공지사항, 갤러리, 배너), 푸터(네비, 패밀리사이트) 등 레이아웃을 먼저 잡아놓고 합니다. HTML 닫기 X CSS *{ padding: 0; m.. 2022. 3. 14.
NN 웹디자인기능사 실기 | 문제 풀이 B-1 (대한은행) 저는 다음과 같은 순서로 실기 문제를 풀어보겠습니다. 1. 세팅 : 파일과 폴더 2. 레이아웃 : 3. 로고, 푸터 메뉴, 카피라이트 4. 배너, 바로가기 5. 메뉴 6. 슬라이드 7. 공지사항, 갤러리 : 팝업 세팅 1. 파일과 폴더 폴더 — 수험번호 폴더 생성 후 images, css, js 폴더 생성 파일 — index.html, js/jquery파일, images/이미지 파일 2. HTML 과 CSS * { padding: 0; margin: 0; font-family: "맑은 고딕", sans-serif; font-size: 14px; color: #333333; list-style: none; text-decoration: none; } img {border: none;} header { wi.. 2021. 8. 10.
NN 웹디자인기능사 실기 | 문제 풀이 A-3 (강원천문대) 세팅 1. 파일과 폴더 수험번호 폴더 — images, css, js 폴더 생성, index.html 생성 images 폴더 : 이미지 10개 css 폴더 : common.css 파일 생성 js 폴더 : jquery파일 이동, common.js 파일 생성 2. HTML 3. CSS * { padding: 0; margin: 0; font-family: "맑은 고딕", sans-serif; font-size: 14px; color: #333333; } li {list-style: none;} a {text-decoration: none;} img {border: none;} header { width: 1200px; height: 100px; margin: 0 auto; } section { width: .. 2021. 8. 3.