안녕하세요. 코딩웍스입니다.

2023년부터 웹디자인 기능사 실기 시험에 새롭게 추가된 D,E 유형 제작 강의 업데이트 완료되었습니다. 추가된 영상은 7시간 가까운 분량입니다. D,E 유형 제작 난이도도 올라가고 학습량이 많아졌으니까 미리 준비하셔서 학습하시기 바랍니다.

2023년에 새롭게 추가된 D타입과 E타입 제작 강의 업데이트 완료되었습니다. D타입과 E타입 제작 강의는 <섹션09. 새롭게 추가된 D,E 유형 제작(레이아웃, 네비게이션, 최종본)>에 있습니다. 제작 영상에도 있지만 반드시 A,B,C 타입을 모두 완료한 후 D타입과 E타입 제작 강의를 학습하셔야 합니다.

🚩 [2023년 출제기준] 웹디자인기능사 실기시험 완벽 가이드 강의 소개 보러가기

2023년 웹디자인 기능사 실기 시험에서
새롭게 추가된 D타입과 E타입 제작 강의 업데이트 소개영상

섹션09. 새롭게 추가된 D,E 유형 제작(레이아웃, 네비게이션, 최종본)

• [필독] calc 함수, vh vw 단위, object-fit 속성, 가상클래스, Flex 사용법

• D유형 및 E유형 공개 문제 와이어프레임 분석

• D유형 및 E유형 플렉스(Flex) 레이아웃 HTML 구조 분석

• D유형(HTML 전체 레이아웃 제작 with Flex) – D1

• D유형(HTML 전체 레이아웃 제작 with Flex) – D2

• D유형(HTML 전체 레이아웃 제작 with Flex) – D3

• D유형(HTML 전체 레이아웃 제작 with Flex) – D4

• E유형(HTML 전체 레이아웃 제작 with Flex) – E1

• E유형(HTML 전체 레이아웃 제작 with Flex) – E2

• E유형(HTML 전체 레이아웃 제작 with Flex) – E3

• E유형(HTML 전체 레이아웃 제작 with Flex) – E4

• D유형 E유형 네비게이션 제작 01(왼쪽 개별 아래, 왼쪽 개별 오른쪽)

• D유형 E유형 네비게이션 제작 02(우측 메가 배경 메뉴)

• [필독] D유형 E유형 최종본 제작 전 알아야 할 사항들

• D유형(D1 최종본 제작) - 왼쪽 개별 아래 메뉴, 상하 슬라이드, 뉴스 갤러리 탭 메뉴 #01

• D유형(D1 최종본 제작) - 왼쪽 개별 아래 메뉴, 상하 슬라이드, 뉴스 갤러리 탭 메뉴 #02

• D유형(D2 최종본 제작) - 왼쪽 개별 아래 메뉴, 좌우 슬라이드, 뉴스 갤러리 분리 #01

• D유형(D2 최종본 제작) - 왼쪽 개별 아래 메뉴, 좌우 슬라이드, 뉴스 갤러리 분리 #02

• D유형(D3 최종본 제작) - 우측 메가 배경 메뉴, 크로스페이드 슬라이드, 뉴스 갤러리 탭 메뉴 #01

• D유형(D3 최종본 제작) - 우측 메가 배경 메뉴, 크로스페이드 슬라이드, 뉴스 갤러리 탭 메뉴 #02

• D유형(D4 최종본 제작) - 우측 메가 배경 메뉴, 크로스페이드 슬라이드, 뉴스 갤러리 탭 별도

• E유형(E1 최종본 제작) - 왼쪽 개별 아래 메뉴, 좌우 슬라이드, 뉴스 갤러리 분리

• E유형(E2 최종본 제작) - 왼쪽 개별 아래 메뉴, 상하 슬라이드, 뉴스 갤러리 분리

• E유형(E3 최종본 제작) – 왼쪽 개별 오른쪽 메뉴, 상하 슬라이드, 뉴스 갤러리 분리

• E유형(E4 최종본 제작) - 왼쪽 개별 오른쪽 메뉴, 좌우 슬라이드, 뉴스 갤러리 분리

• [D유형 및 E유형 수강생 다운로드] 강의자료 PDF 

• [D유형 및 E유형] 수험자제공파일(D, E타입 공통) 및 공개문제 요약

• [D유형 및 E유형 수강생 다운로드] 모듈 제작(네비게이션, 레이아웃)

• [D유형 및 E유형 수강생 다운로드] 최종본(D1~4, E1~E4)