본문 바로가기

웹디자인기능사문제풀이2

NN 웹디자인기능사 실기 | 문제 풀이 A-4 (유진건설) 웹디자인기능사 실기 A-4 유진건설의 유형은 다음과 같습니다. 메뉴 : 가로형 서브메뉴 하단 전체 슬라이드 : Fade In / Out 공지사항 / 갤러리 : 분리형 팝업창 : 일반팝업창 푸터 : 패밀리사이트 아래 첨부된 이미지는 유진건설이랑 아무상관 없는 문제풀이용 더미이미지입니다. (출처 : 미리캔버스) 기본설정 / 레이아웃 파일 및 폴더 폴더 — css, images, js 파일 — index.html, css파일, js파일, jQuery파일, 이미지 파일(images폴더) 저는 헤더(네비), 섹션(슬라이드, 공지사항, 갤러리, 배너), 푸터(네비, 패밀리사이트) 등 레이아웃을 먼저 잡아놓고 합니다. HTML CSS *{ padding: 0; margin: 0; /*모든 태그 여백*/ font-fa.. 2022. 3. 4.
NN 웹디자인기능사 실기 | 문제 풀이 A-2 (Green 복지재단) A-2 그린복지재단 문제 풀이입니다. 메뉴는 가로형 전체배경, 슬라이드는 좌에서 우로, 공지사항과 갤러리는 나뉘어진 형태이며, 패밀리사이트 있습니다. 이미지와 문제지 첨부합니다. 기본 설정 및 레이아웃 ★ 파일 및 폴더 폴더 — css, images, js 파일 — index.html, css파일, js파일, jQuery파일, 이미지 파일(images폴더) ★ HTML // 팝업창 로고 // 헤더 네비게이션 // 공지사항 // 갤러리 배너 // 공지사항 갤러리 분리형일 경우 바로가기 없음 로고 카피라이터 ★ CSS @charset "utf-8"; * { padding: 0; margin: 0; font-family: "맑은 고딕", sans-serif; font-size: 14px; color: #333.. 2022. 2. 23.