디자인웹 페이지의 구조

애드리빙에서 제작한 웹 페이지는 기본적으로 다음 그림처럼 상단, 본문, 하단으로 구성됩니다. 이 도움말에서는 각 영역에 일반적으로 어떤 요소들이 포함되며, 해당 요소를 추가하는 데 도움이 되는 도움말을 소개합니다.


웹 페이지 영역

상단, 본문, 하단 영역에는 일반적으로 어떤 요소가 포함되는지 알아봅니다.


상단(HEADER) 영역


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



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






본문(BODY) 영역


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


1. 본문 기본

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

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


2. 상하로 섹션 나누기

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

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


3. 좌우로 사이드 나누기

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

섹션 사이드 나누기




하단(FOOTER) 영역


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

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





관련 도움말

기본 기능을 응용해 다양한 웹 디자인이 가능합니다. 상단 영역을 숨기고 사이드에 메뉴를 배치할 수도 있으며, 원 페이지로 사이트를 구성할 수도 있습니다. 다음 튜토리얼을 참조해 다양한 기능을 살펴보세요.

상호명 : 애드리빙

서울시 마포구 마포대로 63-8 삼창프라자빌딩 1539호

사업자등록번호 : 106-04-80687 조회하기

통신판매업신고번호 : 제 2015-서울용산-00950 호

T.1566-5733  F.02-6499-3299  E.so2815@naver.com

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00