webstoryboy/webd2023

웹디자인기능사 2023년 버전

웹디자인기능사 출제기준 2023년 버전에 맞추어 제작하였습니다. 누구나 합격할 수 있도록 제작하였습니다.

소스를 다운 받으려면 위에 초록색 버튼을 누르면 됩니다.

안녕하세요! 웹스토리보이입니다. 2023년 웹디자인기능사 실기버전을 준비했습니다. 스크립트는 제이쿼리 버전 및 자바스크립트 버전으로 준비되어 있습니다. 레이아웃을 먼저 익히고, 스크립트를 외운다음, 최종 마무리 사이트로 마무리 하시면 됩니다. 감사합니다.

재생목록 : https://youtube.com/playlist?list=PL4UVBBIc6giK95pWwwoTQP82aI9iGNo-g.
완성 미리 보기 : https://webstoryboy.github.io/webstoryboy/w_webd/index.html.
완성 디자인 보기 : https://www.figma.com/file/iD3Ehm4HRhe16Vx6kxz3ob/%5B%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4%EA%B0%80-%EC%8B%A4%EB%A0%A5%EC%9D%B4%EB%8B%A4%5D-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%A0%9C%EC%9E%91%ED%8E%B8?type=design&node-id=26248%3A1098&t=CfKBEPG0lp6GJUNI-1.

레이아웃 연습

A1 유형 : 레이아웃 기본 유형1 : https://webstoryboy.co.kr/1870.
A2 유형 : 레이아웃 기본 유형2 : https://webstoryboy.co.kr/1871.
A3 유형 : 레이아웃 기본 유형3 : https://webstoryboy.co.kr/1872.
A4 유형 : 레이아웃 기본 유형4 : https://webstoryboy.co.kr/1873.
B1 유형 : 전체 영역이 들어간 레이아웃 유형1 : https://webstoryboy.co.kr/1874.
B2 유형 : 전체 영역이 들어간 레이아웃 유형2 : https://webstoryboy.co.kr/1875.
B3 유형 : 전체 영역이 들어간 레이아웃 유형3 : https://webstoryboy.co.kr/1876.
B4 유형 : 전체 영역이 들어간 레이아웃 유형4 : https://webstoryboy.co.kr/1877.
C1 유형 : 사이드 레이아웃 유형1 : https://webstoryboy.co.kr/1878.
C2 유형 : 사이드 레이아웃 유형2 : https://webstoryboy.co.kr/1879.
C3 유형 : 사이드 레이아웃 유형3 : https://webstoryboy.co.kr/1880.
C4 유형 : 사이드 레이아웃 유형4 : https://webstoryboy.co.kr/1881.
D1 유형 : 반응형 레이아웃 2단 유형1 : https://webstoryboy.co.kr/1882.
D2 유형 : 반응형 레이아웃 2단 유형2 : https://webstoryboy.co.kr/1883.
D3 유형 : 반응형 레이아웃 2단 유형3 : https://webstoryboy.co.kr/1884.
D4 유형 : 반응형 레이아웃 2단 유형4 : https://webstoryboy.co.kr/1885.
E1 유형 : 반응형 레이아웃 3단 유형1 : https://webstoryboy.co.kr/1886.
E2 유형 : 반응형 레이아웃 3단 유형2 : https://webstoryboy.co.kr/1887.
E3 유형 : 반응형 레이아웃 3단 유형3 : https://webstoryboy.co.kr/1888.
E4 유형 : 반응형 레이아웃 3단 유형4 : https://webstoryboy.co.kr/1889.

스크립트 연습.

M1 유형 : 메뉴 가로 유형1 : https://webstoryboy.co.kr/1890.
M2 유형 : 메뉴 가로 유형2 : https://webstoryboy.co.kr/1891.
M3 유형 : 메뉴 가로 유형3 : https://webstoryboy.co.kr/1892.
M4 유형 : 메뉴 세로 유형1 : https://webstoryboy.co.kr/1893.
M5 유형 : 메뉴 세로 유형2 : https://webstoryboy.co.kr/1894.
M6 유형 : 메뉴 세로 유형3 : https://webstoryboy.co.kr/1895.
S1 유형 : 슬라이드 페이드 유형 : https://webstoryboy.co.kr/1896.
S2 유형 : 슬라이드 좌우 유형 : https://webstoryboy.co.kr/1897.
S3 유형 : 슬라이드 위아래 유형 : https://webstoryboy.co.kr/1898.
S4 유형 : 슬라이드 페이드 유형(반응형) : https://webstoryboy.co.kr/1899.
S5 유형 : 슬라이드 좌우 유형(반응형) : https://webstoryboy.co.kr/1900.
S6 유형 : 슬라이드 위아래 유형(반응형) : https://webstoryboy.co.kr/1901.
T1 유형 : 탭 메뉴 : https://webstoryboy.co.kr/1902.
P1 유형 : 팝업 유형 : https://webstoryboy.co.kr/1903

최종 마무리 사이트 연습.

SITE1 유형(A유형) : https://webstoryboy.co.kr/1904.
SITE2 유형(B유형) : https://webstoryboy.co.kr/1905.
SITE3 유형(C유형) : https://webstoryboy.co.kr/1906.
SITE4 유형(D유형) : https://webstoryboy.co.kr/1907.
SITE5 유형(E유형) : https://webstoryboy.co.kr/1908.

작업하다가 이상하거나 궁금한 점은 댓글로 작성 부탁드립니다.^^