상단 또는 헤더(HEADER)라고 부르는 상단 영역에는 일반적으로 로고, 메인 메뉴, 로그인, 회원가입 버튼 등이 포함됩니다. 방문자가 메뉴를 클릭해 페이지를 이동할 수 있어 내비게이션 메뉴라고도 합니다. 

상단은 의도하지 않은 이상 기본적으로 모든 페이지에서 표시되며, 방문자는 상단에 노출된 요소들을 클릭해 페이지를 이동하거나, 회원가입, 로그인 등이 가능합니다.

메뉴에 적합한 주제로 웹 콘텐츠를 표시하는 영역입니다. 본문 영역에는 텍스트, 이미지, 동영상, 버튼 등으로 페이지를 꾸미고 콘텐츠를 추가할 수 있습니다. 또한, 게시판이나 입력폼 등을 추가해 데이터를 입력받을 수도 있습니다.

1. 본문 기본

메뉴를 추가하고 본문에 해당 메뉴와 관련된 콘텐츠 및 각종 디자인 요소를 추가할 수 있습니다.

위젯 추가, 이동, 복제, 설정, 삭제

2. 상하로 섹션 나누기

본문은 필요에 따라 섹션(구획)으로 나눌 수 있습니다. 섹션은 상하로 추가할 수 있으며, 이동하고, 복제할 수 있습니다. 페이지에 포함된 콘텐츠가 지나치게 길다고 판단되는 경우, 섹션을 나누어 페이지를 꾸며보세요.

섹션 추가, 이동, 복제, 설정, 삭제

3. 좌우로 사이드 나누기

섹션은 좌우 2개의 영역으로 나눌 수도 있습니다. 예를 들어, 좌측에는 사이드 메뉴를 삽입하고 우측에는 사이드 메뉴와 관련된 콘텐츠를 둘 수도 있습니다.

섹션 사이드 나누기

하단 또는 푸터(FOOTER) 라고 부르는 하단 영역에는 사업자 정보(상호, 대표자 등)와 연락처 정보(전화번호, 이메일 등)가 표시됩니다. 필요에 따라 하단 메뉴를 추가할 수 있으며, SNS 링크를 포함하기도 합니다.

하단 역시 상단과 마찬가지로 의도하지 않은 이상 모든 페이지에서 표시됩니다.