웹디자인기능사 실기 공개문제 풀이 7일 완성 모듈

웹디자인기능사 실기 모듈은

자바스크립{JavaScript}와 제이쿼리(jQuery)를 다루지 않았습니다.

모듈에 포함된 콘텐츠의 width, height만,

레이아웃에 맞춰 적용하면 되며,

'html' + 'css' 만으로 페이지 구현!!

쉽고 빠른 CSS로 제작하시겠습니까?

난해한 Javascript로 제작하시겠습니까?

웹디자인기능사 실기 모듈로

2024년 새롭게 추가된 F유형까지 완성해 보세요.

슬라이드(Slide)가 Javascript(jQuery포함), CSS 중

하나 이상의 방법을 이용하여 제작하면 됩니다.

웹디자인기능사 실기 모듈은 총 7개로 구성되어, 하루에 폴더 하나씩!

긴급하다면, 하루 ~ 이틀 만에 벼락치기 가능한 구성입니다.

< 모듈 구성 목차 >

1. 레이아웃

- A1,2,3,4

- B1,2,3,4

- C1,2,3,4

- D1,3

- D2,4

- E1,4

- E2,3

- F1,2,3,4

2. 슬라이드

- 위아래

- 좌우

- 좌우100%

- 페이드인아웃

3. 공지, 갤러리, 배너

- 공지사항, 갤러리, 바로가기

- 큰배너, 작은배너

- 이미지+바로가기

- 하단메뉴

- 패밀리사이트 등

4. 가로형 메뉴

- menu1,2

- menu3

- menu4

5. 세로형 메뉴

- menu1

- menu2

- menu3

6. 팝업

- 레이어팝업

- 모달팝업(투명배경이 있는)

7. 탭메뉴

웹디자인기능사 실기 공개문제 풀이 7일 완성 모듈은

1번부터 단계적으로 필요한 모듈을 적용하면서

공개문제를 완성하게 됩니다.

유형별 레이아웃 구성에 따라 단계적으로 적용해보세요!

<저작권 관련>

1) 해당모듈은 디지털공작소의 저작물이므로 재배포를 금지합니다.

2) 해당모듈은 상업적 이용이 불가합니다.

3) 무료 이미지 사용 및 나눔폰트(무료)를 활용하여 제작하였습니다.