모드니 가이드

웹페이지의 구조


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



상단(HEADER) 영역


상단 또는 내비게이션 메뉴라고 불리는 상단에는 로고, 메인메뉴, 로그인 및 회원가입 버튼 등이 포함됩니다. 상단은 의도하지 않은 이상 모든 페이지에서 표시되며, 방문자는 상단에 노출된 메뉴를 클릭해 페이지를 이동합니다.

  1. 상단 디자인 시작하기
  2. 위젯별 기능 설명 (상단 전용)



본문(BODY) 영역

메뉴 클릭 시 해당 메뉴와 관련된 보조메뉴 및 콘텐츠가 표시되는 영역입니다.

1. 본문 기본


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

  1. 메뉴 추가, 이동, 복제, 삭제하기
  2. 위젯별 기능 설명 (디자인 요소)
  3. 위젯별 기능 설명 (DB 요소)
  4. 그리드 시스템이란 무엇인가요?


2. 본문 섹션


본문은 필요에 따라 몇 개의 섹션(구획)으로 나누어 제작할 수 있습니다. 섹션은 상하로만 추가할 수 있으며, 이동하고, 복제할 수 있습니다. 페이지에 포함된 콘텐츠가 길다고 판단되는 경우 섹션을 나누어 방문자의 가독성을 높이고, 보다 차별적으로 디자인해보세요.

  1. 섹션 추가, 이동, 복제, 삭제하기
  2. 섹션 설정하기



하단(FOOTER) 영역


페이지 하단에는 상호, 대표자명, 연락처 등 주요 사이트 정보가 표시되며 필요에 따라 추가 메뉴가 표시됩니다. 온라인 쇼핑몰의 경우 전자결제(PG)사 정보 및 에스크로 이용확인증을 볼 수 있는 링크가 포함됩니다. 상단과 마찬가지로 의도하지 않은 이상 모든 페이지에서 표시됩니다.



관련 도움말


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





고민하지마세요

010.7153.2017
modneydesign@naver.com