HTML/CSS Cookbook

레이아웃

일반적인 웹사이트는 타이틀이나 기타 부수적인 정보들로 구성 되어 있는 "header"영역과 사이트에서 다루게될 컨텐츠를 담을 "body"영역과 기타 사이트 하단에 위치시킬 "footer"로 구성 됩니다. 꼭 이런식의 레이아웃으로 구성해야 하는건 아니고 그냥 일반적인 웹사이트의 구성이라는것을 말씀드리며 얼마든지 정보의 성격에 맞는 다양한 레이아웃이 나올 수 있을 것입니다.

이 외에도 보통 웹사이트를 구상할 때 사이드바 없는 1단 레이아웃으로 할것인지, 사이드바가 하나 있는 2단 레이아웃으로 할것인지, 사이드바가 2개 있는 3단 레이아웃으로 할것인지 등을 결정을 해야 합니다.

CSS를 이용해서 레이아웃을 적용할때 보통 세가지 방법을 이용합니다. float 속성을 이용하거나, position 속성을 이용하거나, 이 두 가지를 적절이 혼합해서 사용할 수 있습니다. 이 두가지 CSS의 속성에 대해 미리 알아두면 이 강좌를 좀 더 쉽게 보실 수 있습니다.


관련 강좌
float : http://opentutorials.org/course/45/63
position : http://opentutorials.org/course/45/60

댓글

댓글 본문
  1. pibimbob
    leezche 좋은 강의 감사합니다.
  2. 윤희진
    실용적이네요. ㅎㅎ
  3. 아라한사
    레이아웃 강좌가 제일 기초적이면서도 실용적이지요 ㅎㅎ
버전 관리
리체
현재 버전
선택 버전
graphittie 자세히 보기