빠른 디자인 시작 가이드


이 단계별 빠른 시작 가이드는 무료 사이트 개설부터, 메뉴 및 이미지/텍스트 추가, 사이트 게시까지 MUV 디자인 모드를 사용해 사이트를 디자인하는 빠른 과정을 설명합니다.

단계별 디자인 퀵가이드

가장 먼저 새로운 무료 사이트를 개설해 보세요. 무료 버전을 사용하다 더 많은 기능이 필요한 경우 언제든 업그레이드 할 수 있습니다. 

  • 무료 사이트 개설하기
  • MUV 요금제별 차이점


개설한 모든 사이트는 내사이트 메뉴에 표시됩니다. 이곳에서 사이트 관리자 페이지에 접속하거나, 사이트 복제/삭제 등 사이트 단위의 관리가 가능합니다.

  • 내사이트 목록 확인 및 관리하기
  • 관리자 페이지 접속하기


MUV에서 실제 방문자가 볼 수 있는 페이지 디자인은 디자인 모드에서 진행할 수 있습니다. 디자인 모드에서 페이지부터, 텍스트, 이미지, 버튼, 쇼핑, 게시판, 지도 등을 추가할 수 있으며, 원하는 모양으로 꾸밀 수 있습니다.

디자인 모드 진입하기

 

디자인 모드에 접속하면, 사이트 개설 과정에서 선택한 템플릿으로 사이트가 구성되어 나타납니다. 만약 템플릿이 마음에 들지 않는 경우 아래 도움말을 통해 템플릿을 변경할 수 있습니다.

템플릿 변경하기

 

이미지나 텍스트 등 콘텐츠를 추가하려면 메뉴(페이지)가 필요합니다.아래 도움말은 메뉴를 추가하고 편집하는 방법을 알아봅니다. 

  • 메뉴 추가, 이동, 복제, 삭제하기
  • 그룹 메뉴 만들기


페이지에 컨텐츠를 추가하고 꾸미려면 위젯을 사용해야 합니다. 워밍업으로 페이지에 이미지 위젯과 텍스트 위젯을 추가하고 설정을 변경해 보세요. 

  • 페이지에 이미지 추가하기
  • 페이지에 텍스트 추가하기



아임웹 그리드 시스템을 사용하면, 위 6단계에서 추가한 위젯들을 더 아름답게 배치할 수 있습니다. 반응형 디자인의 핵심이 되는 그리드 시스템에 대해 알아보고, 그리드를 십분 활용하기 위한 실습을 진행해 보세요. 

  • 그리드 시스템이란?
  • 위젯 배치 및 그리드 실습


섹션이란 페이지를 상하로 나눈 구획을 말합니다. 하나의 페이지는 여러 개의 섹션으로 나눌 수 있으며, 섹션마다 배경 이미지를 다르게 하거나, 효과를 다르게 줄 수 있습니다. 적절하게 나눠진 섹션은 페이지 컨텐츠의 가독성을 높이며, 특정 섹션을 복사해 다른 메뉴에 붙여넣기 하는 등 빠른 사이트 작업에도 유용합니다.

빈 섹션에 처음부터 디자인하는 것도 가능하지만, 앞서 섹션 템플릿을 추가해 수정하는 방법부터 마스터해 보세요.

  • 섹션 템플릿 추가하기
  • 섹션 배경 이미지 설정하기


웹 페이지 하단에는 상호, 대표자명, 연락처, 주소 등의 사업자 정보를 표시합니다. 또한, 필요에 따라 호스팅제공자, 에스크로 인증마크, SNS 링크/버튼 등을 표시할 수도 있습니다. 하단은 의도적으로 숨기지 않는 경우 모든 웹 페이지 하단에 표시됩니다.

아래 도움말에서는 빠른 시작을 위해 미리 만들어진 하단 디자인 템플릿을 변경하고 편집하는 설명합니다.

하단 디자인 변경하기 

작업물을 새로운 브라우저 탭에서 미리 볼 수 있습니다. 미리보기를 통해 작업한 디자인에 문제가 없다면 실제 방문자들이 볼 수 있도록 웹에 게시합니다.

사이트 미리보기 및 게시하기

도움말 활용안내


축하합니다! 이제 기본 사이트를 만들 수 있게 되셨습니다. 다음은 아임웹 가이드로 돌아가 아임웹을 사용하는 더 자세한 방법들에 대해 검색하고 배워보세요.


사이트 제작 중 필요하시면 가이드 검색에 관련 키워드를 넣어 검색해보실 수 있습니다. 예를 들어, 문의게시판 제작방법이 궁금하시면 '게시판' 또는 '문의게시판'이라고 검색해 보세요.

도움말에 찾으시는 답변이 없으신가요? 문의하기

TOP