기출 분석

2024년도 기준. 웹디자인 기능사 실기 시험은 총 24개 공개 문제 중 임의의 한 유형이 출제됩니다.

문제 내용

아래 구성 요소들을 포함하여 메인 페이지 한 페이지를 완성하는 문제가 출제됩니다.

•

로고

•

메뉴 슬라이드

•

이미지 슬라이드

•

배너

•

공지사항 갤러리

•

팝업

•

기출 유형

◦

A (1~4)

◦

B (1~4)

◦

C (1~4)

◦

D (1~4)

◦

E (1~4)

◦

F (1~4)

•

와이어프레임

◦

레이아웃

◦

헤더

▪

로고

•

제공 로고

•

워드 타입

•

심볼 로고

▪

메뉴

•

가로 메뉴

•

세로 메뉴

•

스팟 메뉴

◦

슬라이드

▪

가로 슬라이드

▪

세로 슬라이드

▪

페이드 슬라이드

◦

컨텐츠

▪

공지+팝업

▪

갤러리

▪

배너

▪

바로가기

◦

푸터

▪

로고(grayscale)

▪

Copyright

▪

하단메뉴

▪

SNS

▪

Family Site

•

디자인 작업

◦

포토샵

◦

일러스트레이터

•

기능 구현

◦

이미지 슬라이드 (필수 , 안되면 실격)

◦

메뉴 슬라이드

◦

레이어 팝업

기출 유형

•

A (1~4)

•

B (1~4)

•

C (1~4)

•

D (1~4)

•

E (1~4)

•

F (1~4)

기출 유형 요약

레이아웃	로고	메뉴	슬라이드	컨텐츠	푸터
가로 1200 가운데	제공로고	가로 기본	가로 슬라이드	바로가기 배너 (공지+팝업)+갤러리3	OO \| OOO \| OO
가로 1000	직접제작+워드타입	가로 멀티	세로 슬라이드	바로가기 배너 공지+팝업 / 갤러리3 별도	\| OOO OO \|————- \| OOO
가로 100%	직접제작+심벌	가로 100% 멀티	페이드 슬라이드	배너 공지+팝업 / 갤러리2 별도 바로가기	OOO \| ————\| OO OOO \|
가로 1340 가운데		세로 기본		바로가기 배너 (공지+팝업)+갤러리3(투명효과)	\| OOO \| OO \|————\| OO \| OOO \|
		세로 아래		바로가기 (슬라이드 위로 오버랩) 배너 공지+팝업 / 갤러리3 별도
		세로 기본 + 스팟메뉴
		세로 아래 + 스팟메뉴

기출 전체 분석

유형	주제	컬러	레이아웃	로고	메뉴	슬라이드	컨텐츠	푸터
A1	JUST 쇼핑몰	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1200 가운데	직접제작+워드타입	가로 멀티	세로 슬라이드	(공지+팝업)+갤러리3 배너 바로가기	Logo \| Copy \| SNS
A2	Green복지재단	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1200 가운데	직접제작+워드타입	가로 100% 멀티	가로 슬라이드	공지+팝업 / 갤러리3 별도 배너	Logo \| Copy \| Family
A3	강원천문대	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1200 가운데	제공로고	가로 기본	페이드 슬라이드	(공지+팝업)+갤러리3 배너 바로가기	\| 하단메뉴 Logo \|—————- \| Copy
A4	유진건설	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1200 가운데	제공로고	가로 100% 멀티	페이드 슬라이드	공지+팝업 / 갤러리3 별도 바로가기	하단 메뉴 \| —————-\| Family Copy \|
B1	대한은행	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1200 가운데	직접제작+워드타입	가로 멀티	가로 슬라이드	(공지+팝업)+갤러리3 배너 바로가기	\| 하단메뉴 Logo \|—————- \| Copy
B2	대한투어	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1200 가운데	직접제작+워드타입	가로 100% 멀티	세로 슬라이드	공지+팝업 / 갤러리3 별도 바로가기	\| SNS Copy \|—————- \| Family
B3	세계의 미술작품	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1200 가운데	제공로고	가로 기본	세로 슬라이드	공지+팝업 / 갤러리3 별도 바로가기	Logo \| Copy \| SNS
B4	산업대학교	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1200 가운데	제공로고	가로 100% 멀티	가로 슬라이드	공지+팝업 / 갤러리3 별도 배너	하단 메뉴 \| —————-\| Family Copy \|
C1	해운대 빛축제	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1000	직접제작+워드타입	세로 아래	페이드 슬라이드	(공지+팝업)+갤러리3 배너 바로가기	\| 하단메뉴 Logo \|—————- \| Copy
C2	부여 가을연꽃축제	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1000	직접제작+워드타입	세로 아래	페이드 슬라이드	공지+팝업 / 갤러리3 별도 배너	\| SNS Copy \|—————- \| Family
C3	남도맛기행 축제	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1000	제공로고	세로 기본	가로 슬라이드	공지+팝업 / 갤러리3 별도 배너	\| 하단메뉴 Logo \|—————- \| Copy
C4	Vallery Festival	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 1000	제공로고	세로 기본	가로 슬라이드	공지+팝업 / 갤러리3 별도 바로가기	Logo \| Copy \| Family
D1	조이컨트리클럽	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 100%	제공로고	세로 아래 + 스팟메뉴	세로 슬라이드	배너 (공지+팝업)+갤러리3 바로가기 (Fixed)	Logo \| Copy \| SNS
D2	서울구석구석	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 100%	제공로고	세로 아래	가로 슬라이드	배너 (슬라이드 옆) (공지+팝업)+갤러리3	Logo \| Copy \| Family
D3	푸른마을	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 100%	직접제작+워드타입	세로 100% 멀티 + 스팟메뉴	페이드 슬라이드	바로가기 (Fixed) 배너 (공지+팝업)+갤러리3 (100%)	\| 하단메뉴 Logo \|————- \| Copy
D4	리빙샵아울렛	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 100%	직접제작+워드타입	세로 100% 멀티	페이드 슬라이드	바로가기 (100%, 7) 공지+팝업 / 갤러리3 별도 (100%)	하단 메뉴 \| —————-\| Family Copy \|
E1	김치이야기	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 100%	제공로고	세로 아래 + 스팟메뉴	가로 슬라이드	배너 공지+팝업 / 갤러리2 별도 바로가기	\| 하단메뉴 Logo \|—————- \| Copy
E2	역사박물관	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 100%	직접제작+심벌	세로 아래	세로 슬라이드	공지+팝업 / 갤러리2 별도 바로가기	Logo \| Copy \| Family
E3	영상박물관	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 100%	제공로고	세로 기본 + 스팟메뉴	세로 슬라이드	배너 공지+팝업 / 갤러리2 별도	Logo \| Copy \| SNS
E4	철길 마을	Main - 자유 Sub - 자유 Background - #ffffff Text - #333333	가로 100%	직접제작+심벌	세로 기본	가로 슬라이드	배너 공지+팝업 / 갤러리2 별도 바로가기	\| 하단메뉴\| Logo \|————-\| Family \| Copy \|
F1	주식회사 기능건설	Main - 자유 Sub - 자유 Background - #ffffff Text - #666666	가로 1340 가운데	제공로고	가로 기본	페이드 슬라이드	바로가기 배너 (공지+팝업)+갤러리3	\| 하단메뉴 Logo \|————- \| Copy
F2	기능대학교	Main - #1b3b86 Sub - 자유 Background - #ffffff Text - #333333	가로 1340 가운데	직접제작+심벌	가로 기본	페이드 슬라이드	바로가기 배너 공지+팝업 / 갤러리3 별도	\| SNS Copy \|—————- \| Family
F3	오픈뱅킹	Main - #0a9b97 Sub - #f04467 Background - #ffffff Text - #666666	가로 1340 가운데	제공로고	가로 100% 멀티	가로 슬라이드	바로가기 배너 (공지+팝업)+갤러리3(투명효과)	\| 하단메뉴 Logo \|————- \| Copy
F4	하이글로벌컴퍼니	Main - #e31a40 Sub - 자유 Background - 자유 Text - #333333	가로 1340 가운데	직접제작+심벌	가로 100% 멀티	세로 슬라이드	바로가기 (슬라이드 위로 오버랩) 배너 공지+팝업 / 갤러리3 별도	Logo \| Copy \| Family

디자인 작업

•

로고 제작

•

슬라이드 디자인

•

배너 & 바로가기 디자인

기능 구현

•

이미지 슬라이드

•

메뉴 슬라이드

•

레이어 팝업