× 12월의 특별한 혜택 프리미엄 12개월 요금 결제 시 NHN KCP(전자결제 PG)가입비 22만원 면제! 자세히 보기
가이드
빈페이지닷컴 편집모드 기본구성 개념이해
빈페이지닷컴 2020-08-11 14:20:54



웹 사이트의 기본구성



image.png


1) 상단 영역 (HEADER)


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

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


2) 본문 영역 (BODY)


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

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


3) 하단 영역 (FOOTER)


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

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

영역으로 활용됩니다. 


4) 섹션 (SECTION)


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

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

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

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

위치하게 됩니다.


5) 요소 (COMPONENT)


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

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

구분됩니다.



고객문의