K-BOOKS 자체 제작 웹디자인개발기능사 모의실기
과제: 여울 문화공간
기준: 180분 / 결과 폴더 10MB 이하

[수험 준비]
- 인터넷이 연결되지 않은 PC에서 VS Code와 Chrome을 사용해 연습하세요.
- index.html은 이 폴더 최상위에 저장합니다.
- CSS: css/style.css / JS: js/script.js / 이미지: images/
- 본 ZIP은 연습 자료 전달용입니다. 시험장 제출물 형식이 아닙니다.

[과제 조건]
- index.html의 HTML5 문서 뼈대를 작성하고 UTF-8을 지정한다.
- 화면 폭 1200px 기준의 헤더·비주얼·콘텐츠·푸터 배치를 만든다.
- 제공된 로고·슬라이드 이미지를 상대경로로 연결하고 alt 설명을 작성한다.
- 주 메뉴와 하위 메뉴를 구성하고 키보드 Tab 탐색을 확인한다.
- 슬라이드는 페이드 전환 방식으로 3초 이내 자동 반복되도록 구성한다.
- 공지사항과 갤러리를 탭으로 전환하고 공지 클릭 시 레이어 팝업을 표시한다.
- CSS와 JavaScript는 각각 별도 파일에 작성해 연결한다.
- Chrome 콘솔 오류·파일 경로·이미지 누락·제출 용량을 최종 확인한다.

[유의사항]
- 시험장 조건은 실제 시험지 및 Q-Net 최신 안내를 따릅니다.
- 이 자료는 Q-Net 기출문제 또는 공식 수험자 제공파일이 아닙니다.
- 제공 이미지와 텍스트는 K-BOOKS의 독자적인 교육용 예제입니다.
