가이드
빈페이지닷컴 웹사이트 기본구성 개념이해
빈페이지닷컴 2020-08-11 14:20:54


웹 사이트의 기본구성


2-1.png


1)상단영역(HEADER)


상단영역은 사이트의 로고 및 메뉴리스트 / 로그인 메뉴등이 주로 위치하는 곳으로 기본적으로 사이트 내

모든 페이지에 공통으로 표시되며, 주로 사이트의 네비게이션 역할을 합니다.


2)본문영역(BODY)


사이트의 주요 컨텐츠 내용을 담는 영역입니다. 본문영역은 보통 여러 개의 섹션들의 합으로 구성되며,

웹페이지에서 가장 많은 내용을 담는 영역입니다.


3)하단영역(FOOTER)


사이트 최하단에 위치하는 영역으로 모든 사이트 메뉴에 공통으로 표시되는 영역입니다.

주로 개인정보처리방침/이용약관/회사정보/사이트맵등의 정보를 담는

영역으로 활용됩니다. 


4)섹션(SECTION)


섹션'이란 사전적의미로 '부분, 구분, 구획, 마디'라는 뜻으로 신문을 '경제면', '특집면', '건강면', '교육면', '문화면', '스포츠면’등과 같이 따로 떼내어 읽기 쉽게 동일 내용의 컨텐츠를 묶어 구분한 영역으로 생각하시면 됩니다.

웹 사이트에서 섹션의 역할은 컨텐츠의 구분은 물론 디자인적인 용도로도 사용됩니다.

예시 사진에서는 본문영역이 총 4개의 섹션으로 구성된 것을 확인할 수 있습니다.

섹션은 컨텐츠를 담는 영역이므로, 섹션안에는 컨텐츠를 표현하는 이미지, 텍스트등의 “요소“(Component)들이

위치하게 됩니다.


5)요소(COMPONENT)


각 섹션들에 포함되어 컨텐츠를 표현하거나 기능적인 역할을 하는 요소는 이미지,텍스트,동영상,게시판등

 을 지칭하는 말로 다양한 유형으로 존재합니다. 크게 디자인 요소(이미지,텍스트등)와 DB요소(게시판,일정등)로

구분됩니다.



고객상담