홈페이지요리사 기본 DIV의 이해

안녕하세요.

홈페이지요리사 기본 DIV의 이해 에 대해서 알아보겠습니다.

홈요의 기본 구조는 DIV 구조를 먼저 이해하는 것이 중요합니다.

여러개의 DIV로 구성이 된 페이지로 이루어진 홈페이지라고 보시면 됩니다.

메인페이지, 콘텐츠페이지, 게시판의 목록,보기,쓰기 페이지 등 모두 페이지의 구성입니다.

페이지 편집하시면 제일 먼저 보이는 구조에 D 이며 DIV 의 구조를 이해하는 것이 중요합니다.

▶ DIV의 기본구조는 행 - 열 - 콘텐츠 로 순으로 안쪽으로 구성이 됩니다.

▶ 행 

검은색 행의 구조는 층층이 쌓이는 구조로 웹사이트의 헤더, 콘텐츠, 푸터 구성의 기본 구조라고 생각하시면 됩니다.

홈페이지에서 눈에는 안보이지만 이렇게 행열로 쌓여있는 구조라고 보시면 됩니다.

▶ 열 

행 안에 열을 말합니다. 열 콘텐츠는 1px 로 단위로 입력하며 홈페이지제작시에 사용한 가로 기준에 의해서 

1000px 또는 1200px 기준으로 사용하는 것이 일반적입니다.

▶ 콘텐츠 

열 안에 층으로 콘텐츠를 넣어서 사용 하며

이미지, 텍스트 등 여러 요소를 항목으로 넣어서 사용하게 됩니다.

홈요의 디자인 편집페이지에서 실제로 보면 이렇습니다.  

검정 D = 행 

녹색 D = 열

빨강 D = 콘텐츠 

그럼 여기까지 홈페이지요리사 솔루션의 DIV 구조를 간단히 알아보았습니다.