Page 7 -

일단 집을 지으려면 설계 도면이 필요합니다. 안방, 거실, 부엌, 화장실과 같은 공간을 정의
하고, 해당 공간에 대한 간단한 정보를 도면에 작성합니다. 이후 여러 건축 재료를 사용해서

건물을 올리고 벽지를 붙이고 가구를 배치하는 인테리어 작업을 합니다. 마지막으로 디지털
도어록이나 자동센서조명과 같은 생활하는 데 편리한 기능을 추가합니다.

집 짓기 과정을 웹 사이트 제작 과정에 적용해 보겠습니다. 설계 작업은 HTML이 담당합니

다. 웹 사이트에 접속했을 때 눈에 보이는 정보(텍스트와 이미지 등)를 HTML로 입력합니
다. 공간과 정보에 디자인을 입히는 역할(공간 크기 설정, 글자 색 변경 등)은 CSS가 담당합

니다. 마지막으로 이미지에 슬라이드 효과를 적용하거나 팝업 알림 등 주요 기능을 구현하
는 작업은 자바스크립트가 담당합니다.

정리하면 HTML은 설계, CSS는 디자인, 자바스크립트는 기능을 담당한다고 볼 수 있습니다.

그림 1-2 웹 사이트 제작 과정과 집 짓기 과정

HTML = 설계도 CSS = 인테리어디자인

자바스크립트 = 기능
이 책은 HTML과 CSS를 학습하는 책이므로 자바스크립트
언어는 다루지 않습니다. 자바스크립트를 몰라도 이 책의 내
용을 학습하는 데는 문제가 없습니다.

DAY 01 웹을 구성하는 요소 13