Tutorial/webd

2023년 웹디자인 기능사 준비하기

by @webs 2023. 05. 01.

웹디자인 기능사 준비하기

난이도 쉬움

소스 다운로드

소개

안녕하세요! 웹스토리보이입니다. 2023버전 웹디자인 기능사를 준비하시는 분들을 위한 정보를 제공하는 블로그입니다.

2023버전 웹디자인 기능사에 핵심인 레이아웃 만드는 방법 5가지 유형과 스크립트를 통한 이미지 슬라이드, 탭 메뉴, 팝업 등을 정리하였습니다. 비록 시험을 위한 준비지만, 최신 웹사이트 트렌트에 맞게 최신 문법을 사용하여 제작하였습니다.

이 튜토리얼은 코딩 공부하고 싶은 초보자부터, 이미 경력이 있는 디자이너까지 모두를 위한 정보를 제공합니다. 블로그 내용을 통해 코딩을 처음 접하는 분들도 쉽게 이해할 수 있도록 구성하였습니다. 웹사이트의 기초 개념부터 심화된 기술, 스크립트의 사용 방법, 코딩에 대한 실전 팁 등을 다룹니다.

2023년 버전은 Q-net에서 샘플을 제공하고 있습니다. 모든 예제는 샘플을 토대로 제작되었습니다. 아래 목록을 확인해주세요!

웹디자인기능사 2023 주요 튜토리얼

1. 레이아웃 연습 : 레이아웃은 총 5개 유형의 20개의 예제로 구성되어 있습니다.
2. 메뉴 스크립트 연습 : 가로형 메뉴와 세로형 메뉴 총 6개로 구성되어 있습니다.
3. 슬라이드 스크립트 연습 : 페이드 슬라이드, 좌우 슬라이드, 위아래 슬라이드로 구성되어 있습니다.
4. 기타 스크립트 연습 : 탭 메뉴와 팝업 메뉴가 있습니다.
5. 실전 사이트 제작하기 : 실제 시험과 유형한 형태의 실전 사이트를 제공합니다.

미리보기

완성된 화면을 미리 볼 수 있습니다. 클🥳릭

1. 레이아웃 연습

2. 메뉴 연습

M-1 유형 : 가로 구조에 사용하는 메뉴 유형입니다.
M-2 유형 : 가로 구조에 사용하는 메뉴 유형입니다.
M-3 유형 : 가로 구조에 사용하는 메뉴 유형입니다.
M-4 유형 : 세로 구조에 사용하는 메뉴 유형입니다.
M-5 유형 : 세로 구조에 사용하는 메뉴 유형입니다.
M-6 유형 : 세로 구조에 사용하는 메뉴 유형입니다.

3. 이미지 슬라이드 연습

S-1 유형 : 가로 구조에 사용하는 메뉴 유형입니다.
S-2 유형 : 가로 구조에 사용하는 메뉴 유형입니다.
S-3 유형 : 가로 구조에 사용하는 메뉴 유형입니다.

4. 탭 메뉴 및 팝업 연습

T-1 유형 : 탭 메뉴 유형입니다.
P-1 유형 : 팝업 유형입니다.

5. 실전 사이트 연습

SITE1 유형 : 실전 사이트1 유형입니다.
SITE2 유형 : 실전 사이트2 유형입니다.
SITE3 유형 : 실전 사이트3 유형입니다.
SITE4 유형 : 실전 사이트4 유형입니다.
SITE5 유형 : 실전 사이트5 유형입니다.

여러분의 피드백과 질문을 기다립니다. 웹디자인기능사에 대한 궁금한 점이 있으시다면 언제든지 댓글로 남겨주시기 바랍니다. 구독자 여러분의 웹디자인기능사 학습에 도움이 되길 바랍니다. 감사합니다!

WEBSTORYBOY

재능은!
노력 끝에서 발견된다

2023년 웹디자인 기능사 준비하기

2023년 웹디자인 기능사 준비하기