[웹디자인개발기능사 실기] 2025 공개문제 분석

 

안녕하세요 PNcoding입니다 :)

2025년도 공개문제 분석을 한번 해보도록 하겠습니다.

 

---

 

25년도 공개문제를 다운로드 하지 못하신 분들은 아래의 포스팅을 참고해주세요!

https://pncoding.tistory.com/49

[웹디자인개발기능사 실기] 2025 공개문제 다운로드

 

 

또한 24년도와 다르게 25년도에는 체크해야 할 사항이 두가지가 생겼어요.

1. 시간

2. 제출 용량

이 두가지가 변경되었습니다.

관련된 사항은 아래 포스팅을 참고해 주시면 되겠습니다 :)

https://pncoding.tistory.com/50

[웹디자인개발기능사 실기] 2025 유의사항 및 실격요인

 

 

---

 

다행히도 25년도의 공개문제는 24년도와 달라진 점은 없습니다 :)

유형은 A ~ F 타입까지 총 24개의 유형 그대로입니다.

 

 

1. 와이어 프레임 분석

 

타입	와이어 프레임
A타입	가로크기 1200px 가운데 정렬
B타입	가로크기 브라우저 가득 100%, 그 안쪽 컨텐츠의 영역이 1200px 가운데정렬
C타입	가로크기 1000px 왼쪽정렬
D타입	가로크기 100%, B영역의 크기는 calc함수 활용 계산
E타입	가로크기 100%, 세로크기 100%,  B영역의 크기는 calc함수 활용 계산
F타입	가로크기 100%, 그 안쪽 컨텐츠 영역 1340px 가운데정렬, C영역 세로크기 임의지정, C영역의 Link 위치가 B영역의 위치랑 겹치게 작업

 

* 와이어프레임 영역은 공개문제를 다운로드 한 뒤 비교해보세요! *

 

 

---

 

 

2. 컨텐츠 유형 분석

 

0) 주조색 보조색 및 배경색, 텍스트색

배경색, 텍스트색 지정	A 전체 , B 전체 , C 전체 , D 전체 , E 전체 , F2 ,F3,  F4
배경색, 보조색 자유롭게 / 주조색, 텍스트색 지정	F1
주조색, 보조색 자유롭게	A 전체, B 전체, C전체, D 전체 , E 전체
주조색 지정, 보조색 자유롭게	F2, F4
주조색, 보조색 지정	F3

 

1) 로고

심벌 없이 직접 디자인	A1, A2, B1, B2, C1, C2, D3, D4
심벌 추가하고 직접 디자인	E2, E4, F2, F4
제공된 로고 사용하되 사이트의 주제에 맞게 색상 변경, 종횡비 유지	A3, A4, B3, B4, C3, C4
제공된 로고 사용하되 그대로 사용가능, 종횡비 유지	D1, D2, E1, E3, F1, F3

 

심벌이라는 뜻은 로고 옆에 아이콘(이미지)을 두어 디자인을 하라는 의미입니다.

예를 들면

이런 식으로 네이버 로고명 옆 모자 이미지가 들어간 상태로 로고를 만들어 달라는 의미라 보시면 되겠습니다 :)

출처 ) https://m-logoproject.naver.com/logonaver

 

 

2) 메뉴

서브메뉴 전체 펼쳐지는 타입	A1, B1
와이어프레임 1200px 일시 헤더 전체 서브메뉴 펼쳐지는 타입	A2, A4
와이어프레임 100% 일시 헤더영역(1200px) 서브메뉴 펼쳐지는 타입	B2, B4
와이어프레임 100% 일시 헤더영역(100%) 서브메뉴 펼쳐지는 타입	F3, F4
메인메뉴의 서브메뉴만 펼쳐지는 타입	A3, B3, F1, F2
세로메뉴이며 서브메뉴가 아래로 펼쳐지는 타입	C1, C2, D1, D2, E1, E2
세로메뉴이며 서브메뉴가 옆으로 펼쳐지는 타입	C3, C4, E3, E4
세로메뉴이며 서브메뉴가 옆으로 펼쳐지지만 크기가 브라우저 가득차는 타입	D3, D4

메뉴 밑 스팟메뉴 추가

D1, D3, E1, E3

 

3) 슬라이드

좌우	A2, B1, B4, C3, C4, D2, E1, E4, F3
위아래	A1, B2, B3, D1, E2, E3, F4
fadeIn/Out	A3, A4, C1, C2, D3, D4, F1, F2

 

4) 탭

구현	A1, A3, B1, C1, D1, D3, F1, F3
미구현	A2, A4, B2, B3, B4, C2, C3, C4, D2, D4, E1, E2, E3, E4, F2, F4

 

5) 팝업

공지사항 첫번째 컨텐츠 클릭시 팝업 등장

모든 타입

 

6) 갤러리

마우스 오버시 opacity 조절

A4, B3, C3, D4, E3, F3

 

 

 

---

 

 

 

2025년 기준 A~F타입의 세부내용을 분석하여 보았습니다.

 

공개문제가 24년도와 크게 바뀌지 않아 너무 크게 걱정하실 필요는 없을 것 같습니다 :)

 

 

 

다만!!!

시험 시간 및 제출 용량이 바뀐 부분은 체크!!

꼭 체크를 하시고 시험 준비를 하시면 꼭 합격 하실 수 있으실 거에요 :)