K-BOOKS / WEB DESIGN PRACTICALE02 초록온 식물원
E02 · 빈 프로젝트에서 직접 제작 · 28단계

28단계만 따라 하면
초록온 식물원이 완성됩니다.

먼저 학생 지급 ZIP을 압축 해제하고, 그 안의 빈 파일을 직접 채워 나갑니다. 강의에서 지정한 파일과 위치에 코드만 차례대로 작성하세요. 이전 단계에서 만든 코드는 유지되고, 마지막 HTML·CSS·JS는 R36 참고본과 정확히 같습니다. 초보자 학습 단계로 3시간 제한이 없으며, 완성 후 시간제한 모의시험으로 이동합니다.

E02 작업실에서 직접 작성학생 지급파일 ZIP · 빈 코드+이미지인쇄 교재힌트 없는 모의시험
학생에게는 시작 파일만 지급합니다. 다운로드한 하나의 폴더에 28단계를 누적 작성하세요. HTML·CSS·JS는 비어 있고 이미지 7개와 제공 문구만 들어 있습니다. START/FINISH 정답은 학생용 ZIP에 넣지 않았습니다.
T01 / 28

학습 준비

파일에 코드를 자동으로 넣지 않습니다. 직접 입력 → 저장 → 정상 화면 확인이 학습 목표입니다. 각 단계에서 Ctrl+F로 표시 주석을 찾아 교체하거나 CSS 파일 끝에 이어 쓰세요.

이 단계 정상 결과

PC · 1200px
현재 단계 PC 정상 화면
모바일 · 390px
현재 단계 모바일 정상 화면

왜 사용하는지

    자주 막히는 부분과 복구

      직접 확인하기