실기

완성사이트

알클👩‍🏫 - 웹디자인기능사

https://aloha-class.github.io/web_design_ginuengsa/

코드&자료

web_design_ginuengsa

공개문제(기출문제) 분석

기출 분석

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

문제 내용

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

로고

메뉴 슬라이드

이미지 슬라이드

웹디자인 개발 기능사 작업 순서

1. 디자인

작업에 사용할 이미지 리소스를 미리 준비함으로써 이후 작업이 수월해집니다.

 로고 제작

사이트의 브랜드 아이덴티티를 결정하는 가장 핵심 요소

심볼 로고 유형인 경우만, 일러스트레이터로 로고 제작

 슬라이드 이미지 제작

메인 슬라이드용 이미지 구성 (보통 3장)

주로, 포토샵으로 원본 이미지 크기 조절, 이미지 위에 텍스트 작성

 갤러리 이미지 준비

썸네일 이미지 또는 클릭 시 확대되는 이미지

주로, 포토샵으로 원본 이미지 크기 조절

기출 유형 A

기출 유형 B

기출 유형 C

기출 유형 D

기출 유형 E

기출 유형 F

디자인 하기

로고 제작하기

유형

제공 로고 (+주제 색 변경)

심볼 로고

워드 타입

포토샵 & 일러스트레이터 주요 기능

포토샵

일러스트레이터

기출 연습

제공 로고 (주제 색 변경)

심볼 로고

워드 타입

로고 제작하기

슬라이드 이미지 디자인하기

작업 내용

이미지 크기 조절

주어진 텍스트 얹기

작업 내용

이미지 크기 조절

주어진 텍스트 얹기

슬라이드 이미지 디자인하기

배너&바로가기 디자인 하기

배너&바로가기 디자인 하기

기능 구현하기

이미지 슬라이드

가로 슬라이드

세로 슬라이드

페이드 슬라이드

이미지 슬라이드

메뉴 슬라이드

분류

슬라이드 메뉴

페이드 메뉴

유형

슬라이드

가로 

페이드

메뉴 슬라이드

레이어 팝업

레이아웃 코딩하기

탭 메뉴 (공지사항, 갤러리)

레이어 팝업