디자인상단 디자인 시작하기

상단이란?


웹 페이지는 위부터 상단(Header), 본문(Body), 하단(Footer)로 구성됩니다. 상단에는 로고, 메인 메뉴, 로그인/회원가입 등이 표시되는 영역으로 내비게이션 메뉴라고도 부릅니다.


상단 메뉴, 본문 배경과 겹치기

페이지 본문 배경에 색상, 이미지, 동영상이 있는 경우 아래 그림과 같이 상단 메뉴와 겹치는 효과를 적용할 수 있습니다.

메뉴와 일체화된 디자인 구성하기 (겹치기)


상단 디자인 학습 방법

다음의 일곱 가지 사용안내서를 확인하고, 상단 디자인을 위한 기본 방법을 배워봅니다.


1. 상단 설정 열기

상단을 디자인하려면 가장 먼저 상단 설정으로 진입해야 합니다. 상단 디자인을 위한 상단 전용 메뉴가 나타납니다.


2. 상단 작업환경 알아보기

아름다운 상단 디자인을 위한 작업환경을 알아보세요.


3. 상단 전용 위젯 알아보기

상단을 위한 상단 전용 위젯들이 다양하게 준비되어 있습니다.


4. 상단 위젯 추가 및 배치하기

상단 설정 화면에서 위젯을 추가 및 배치하고, 위젯이 표시되는 간격을 조절하는 방법을 알아봅니다.


5. 상단 위젯 설정 변경하기

위젯 설정을 열어 각 위젯에 맞는 적절한 콘텐츠를 추가하고, 설정을 변경해주세요.


6. 상단 섹션 추가하기

본문 디자인과 같이 상단에도 빈 섹션을 추가할 수 있습니다. 상단 섹션을 여러 개로 분할하고 마우스 스크롤 시에는 특정 섹션이 상단에 고정되도록 옵션을 줄 수도 있습니다.


7. 모바일 상단 편집하기

PC 버전 상단 디자인을 하는 동안 자동으로 모바일 상단이 디자인 됩니다. 그러나 자동으로 제작된 상단 디자인이 마음에 들지 않을 수 있습니다. 다음 도움말을 통해 모바일 전용 상단을 디자인하는 방법을 알아보세요.

상호명 : 애드리빙

서울시 마포구 마포대로 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