웹디자인기능사 실기 | 문제 풀이 B-3 (세계의 미술작품)
웹디자인기능사 실기 B-3 (세계의 미술작품)의 유형은 다음과 같습니다. 메뉴 : 가로형 서브메뉴 하단 슬라이드 : 아래에서 위 공지사항 / 팝업창 : 공지사항/갤러리 분리형, 일반 팝업창 갤러리 : 마우스 오버 시 투명도 배너 푸터 : SNS 아래 첨부된 이미지는 "세계의 미술작품"와 아무상관 없는 문제풀이용 더미이미지입니다. (출처 : 미리캔버스) 기본설정 / 레이아웃 파일 및 폴더 폴더 — css, images, js 파일 — index.html, css파일, js파일, jQuery파일, 이미지 파일(images폴더) 저는 헤더(네비), 섹션(슬라이드, 공지사항, 갤러리, 배너), 푸터(네비, 패밀리사이트) 등 레이아웃을 먼저 잡아놓고 합니다. HTML 닫기 X CSS *{ padding: 0; m..
2022. 3. 14.
웹디자인기능사 실기 | 문제 풀이 C-1 (해운대 빛축제)
웹디자인기능사 실기 C-1 (해운대 빛축제)의 유형은 다음과 같습니다. 메뉴 : 세로형 서브메뉴 하단 슬라이드 : Fade In / Out 공지사항 / 갤러리 : 탭 배너 / 바로가기 팝업창 : 일반팝업창 푸터 : 패밀리사이트 없음 아래 첨부된 이미지는 "해운대 빛축제"와 아무상관 없는 문제풀이용 더미이미지입니다. (출처 : 미리캔버스) 기본설정 / 레이아웃 파일 및 폴더 폴더 — css, images, js 파일 — index.html, css파일, js파일, jQuery파일, 이미지 파일(images폴더) 저는 헤더(네비), 섹션(슬라이드, 공지사항, 갤러리, 배너), 푸터(네비, 패밀리사이트) 등 레이아웃을 먼저 잡아놓고 합니다. HTML CSS *{ padding: 0; margin: 0; fon..
2022. 3. 8.
웹디자인기능사 실기 | 기본적인 와이어프레임 구조
웹디자인기능사 실기 기본적인 HTML, CSS, JAVASCRIPT 구조에 대해 말씀드리겠습니다. 크게 팝업창, 헤더, 섹션, 푸터 정도로 나뉘게 됩니다. 팝업창 헤더 : 로고, 메뉴 섹션 : 공지사항, 갤러리, 배너, 바로가기 푸터 : 카피라이트, SNS, 패밀리사이트 HTML 세팅 와이어프레임 닫기 X 공지사항 갤러리 로고 하단메뉴 카피라이트 패밀리사이트▼ 와이어프레임 메뉴 세로형 닫기 X 공지사항 갤러리 로고 하단메뉴 카피라이트 패밀리사이트▼ CSS 세팅 @charset "utf-8"; * { padding: 0; margin: 0; font-family: "맑은 고딕", sans-serif; font-size: 14px; color: #333333; } li { list-style: none; }..
2022. 1. 19.
