웹디자인기능사 실기 | 문제 풀이 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.
웹디자인기능사 실기 | 기본적인 와이어프레임 구조
웹디자인기능사 실기 기본적인 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.
