Page 8 -

2 웹 사이트 레이아웃의 종류

과거에는 웹 사이트에 접근하려면 데스크톱으로 접속하는 방법 말고는 없었습니다. 하지만

최근에는 스마트폰이나 태블릿 PC 등 웹 사이트에 접속하는 기기가 매우 다양해졌습니다.
다양해진 접속 기기는 웹 사이트 레이아웃 제작 방식을 크게 바꾸었습니다.

과거에는 데스크톱 화면만 고려하여 기획 디자인 개발을 진행했다면, 최근에는 스마트폰,

태블릿PC, 키오스크, 스마트워치 등 다양한 접속 기기를 고려하여 웹 사이트를 제작합니다.
그만큼 단계가 복잡해졌습니다.

웹 사이트 레이아웃의 종류는 크게 네 가지로 구분할 수 있습니다.

■ 정적 레이아웃

■ 동적 레이아웃
■ 적응형 레이아웃

■ 반응형 레이아웃

각 레이아웃의 특징은 브라우저 너비에 따라 웹 사이트 공간의 크기와 배치가 어떻게 변하
는지 살펴보면 쉽게 파악할 수 있습니다.

정적 레이아웃

정적 레이아웃은 공간의 크기가 변하지 않는 고정 레이아웃입니다. 적응형이나 반응형 레이
아웃이 등장하기 전까지 가장 많이 사용된 레이아웃입니다. 공간의 크기가 고정되어 있어서

브라우저 너비를 줄이면 다음과 같이 브라우저 하단에 가로 스크롤이 나타납니다.

그림 1-3 브라우저 하단에 나타나는 가로 스크롤

14 모두의 HTML5 & CSS3