• 가이드

풀페이지 디자인 만들기 (비주얼섹션)

화면 단위로 부드럽게 스크롤되는 풀페이지를 제작할 수 있습니다. 이 도움말에서는 풀페이지를 디자인하는 전체적인 과정을 설명합니다.

제작방법

1단계, 비주얼섹션 추가 및 풀페이지 모드 선택하기

풀페이지 모드를 만들려면 비주얼섹션이 필요합니다. 이 단계에서는 비주얼섹션을 추가하고, 일반 비주얼섹션을 풀페이지 모드로 변경하는 방법을 설명합니다.

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단 메뉴 관리  를 클릭하고, 상단 메뉴 오른쪽 ⨁를 클릭해 새로운 메뉴를 생성합니다. 메뉴 생성방법
  3. 왼쪽 상단 위젯 추가  를 클릭하고, 비주얼섹션을 클릭합니다.
  4. 비주얼섹션 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 보조 메뉴가 나오면 비주얼 설정을 클릭합니다.
  6. 설정 창 상단 디자인 탭을 클릭합니다.
  7. 모드 항목에서 풀페이지 모드 옵션을 선택합니다.

2단계, 새로운 슬라이드 추가하기

풀페이지 디자인을 적용할 슬라이드를 추가합니다. 페이지 상하 스크롤 시 이 슬라이드 단위로 화면이 전환됩니다.

  1. 비주얼 설정 창 상단 비주얼 설정 탭을 클릭합니다.
  2. 비주얼 설정 창 왼쪽 상단 ⨁ 새로운 슬라이드를 클릭해, 슬라이드를 추가합니다. 슬라이드는 여러 개 추가할 수 있습니다. 필요한 만큼 추가해 주세요.
    참고: 아래 그림은 총 4개의 새로운 슬라이드를 추가했을 때의 설정 창 화면입니다.

3단계, 추가한 슬라이드 디자인하기

추가한 슬라이드를 디자인합니다. 배경이미지를 추가하고, 텍스트, 이미지 등 콘텐츠를 추가해 보세요.

  1. 위 2단계에서 추가한 슬라이드 중 왼쪽 첫 번째 슬라이드를 마우스로 클릭합니다.

  2. 배경 설정 항목에서 슬라이드에 배경 이미지를 추가합니다.

  3. 하단 텍스트 편집기에 텍스트를 입력하고, 크기, 굵기 등을 편집합니다. 이미지를 첨부하거나, 링크를 걸 수도 있으며, 왼쪽/가운데/오른쪽 정렬을 변경할 수도 있습니다.
    참고: 비주얼섹션 관련 도움말은 페이지 아래 관련 도움말을 참조해 주세요.

  4. 이제 왼쪽 두 번째 슬라이드를 마우스로 클릭합니다.
  5. 하단 텍스트 편집기에 두 번째 풀페이지 섹션을 디자인합니다.
  6. 같은 방법으로 나머지 슬라이드도 모두 디자인합니다.
4단계, 이용약관 및 저작권 표시하기

풀 페이지 모드에는 기존 하단 정보가 적용되지 않으므로, 하단 정보 및 약관, 저작권 문구 표시를 별도로 설정해 주셔야 합니다.

  1. 비주얼 설정 창 상단 디자인 탭을 클릭합니다.
  2. 비주얼 설정 창 가운데 하단 정보 항목과 하단 표시 옵션을 선택합니다.

  3. 비주얼 설정 창 바깥 영역을 클릭해 풀페이지 모드 설정을 완료합니다.
5단계, 미리보기 및 게시하기
  1. 디자인 모드의 오른쪽 상단 미리보기  를 클릭합니다.
  2. 마우스 휠을 움직여 디자인한 풀페이지를 확인합니다.
  3. 문제가 없다면 디자인 모드로 돌아와 게시하기 버튼을 클릭해 적용합니다.

관련 도움말

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.