Layout 만들기 #1

누구나 레이아웃에 도전해볼 수 있도록 티스토리를 이용하겠습니다. 텍스트큐브 core와 구글 텍스트큐브도 동일합니다. 글로 설명하는 것보다는 보여주는 것이 이해가 빠르기 때문에 가능하다면 동영상으로 알려드리겠습니다. 글로 설명하는 것이 무색할 정도로 동영상을 보면서 따라하시면 금세 익힐 수 있으리라 믿습니다. 개인차는 있겠지만요. (~_~)

티스토리 든 텍스트큐브든 블로그를 가지고 계시거나 만드셨나요?  Layout Project 스킨을 설치하신 후 하나씩 따라해보세요. 첫번째로 전체를 살펴본 후 세부적인 내용을 설명하기 위해 먼저 각 영역을 하나씩 추가해보겠습니다. 각 영역이란 다음과 같습니다.

• Container
• Header
• Content
• Alpha
• Beta
• Footer

티 스토리에서 Layout Project 스킨을 확인해보실 수 있는 블로그는 http://minordev.tistory.com/ 입니다. 예전에 개인 홈페이지로 제로보드가 널리 사용되었죠. 심플한 게시판 스킨 하나만 있어도 홈페이지 운영이 가능했었습니다. 요즘 블로그는 너무 복잡해 보인다고 예전에 많이 쓰이던 제로보드를 쓰는 것처럼 심플한 디자인의 블로그를 원하는 분들도 꽤 있는 것 같습니다. 지인의 부탁으로 시작되었지만, 컨셉은 제로보드와 같은 심플 디자인입니다. 

container 태그가 전체를 두르고, 크게 header와 content 그리고 footer. 3 열로 되어 있습니다. alpha와 beta는 content 안에 포함되는 레이아웃입니다.  header 부분만 넣어보고 그 다음 footer 그리고 content를 넣어보는 동영상입니다. github에 공개되어 있는 XHTML과 CSS를 복사 후 붙여넣기를 해보겠습니다.