빠른 디자인 시작 가이드
이 단계별 빠른 시작 가이드는 무료 사이트 개설부터, 메뉴 및 이미지/텍스트 추가, 사이트 게시까지 MUV 디자인 모드를 사용해 사이트를 디자인하는 빠른 과정을 설명합니다.
단계별 디자인 퀵가이드
도움말 활용안내
축하합니다! 이제 기본 사이트를 만들 수 있게 되셨습니다. 다음은 아임웹 가이드로 돌아가 아임웹을 사용하는 더 자세한 방법들에 대해 검색하고 배워보세요.
사이트 제작 중 필요하시면 가이드 검색에 관련 키워드를 넣어 검색해보실 수 있습니다. 예를 들어, 문의게시판 제작방법이 궁금하시면 '게시판' 또는 '문의게시판'이라고 검색해 보세요.
도움말에 찾으시는 답변이 없으신가요? 문의하기
-
시작하기
-
디자인모드
- 빠른 디자인 시작 가이드
- 디자인 모드란?
- 아임웹 웹 페이지의 구조
- 공통 디자인 설정하기
- 메뉴 추가, 이동, 복제, 설정, 삭제하기
- 위젯 추가, 이동, 복제, 설정, 삭제하기
- 위젯별 기능 설명 (디자인 요소)
- 위젯별 기능 설명 (DB 요소)
- 그리드 시스템이란?
- 위젯 배치 및 그리드 실습
- 섹션 추가, 이동, 복제, 설정, 삭제하기
- 비주얼섹션 사용하기
- 마우스 오른쪽 버튼 클릭 메뉴
- 상단 디자인 시작하기
- 위젯별 기능 설명 (상단전용)
- 상단 겹치기 (메뉴와 일체화된 디자인 구성하기)
- 하단 설정하기
- 모바일 편집하기
- 사이트 미리보기, 게시하기, 되돌리기
- 관리자 페이지
- 쇼핑
-
디자인모드
- 팁과 길라잡이
가장 먼저 새로운 무료 사이트를 개설해 보세요. 무료 버전을 사용하다 더 많은 기능이 필요한 경우 언제든 업그레이드 할 수 있습니다.
개설한 모든 사이트는 내사이트 메뉴에 표시됩니다. 이곳에서 사이트 관리자 페이지에 접속하거나, 사이트 복제/삭제 등 사이트 단위의 관리가 가능합니다.
MUV에서 실제 방문자가 볼 수 있는 페이지 디자인은 디자인 모드에서 진행할 수 있습니다. 디자인 모드에서 페이지부터, 텍스트, 이미지, 버튼, 쇼핑, 게시판, 지도 등을 추가할 수 있으며, 원하는 모양으로 꾸밀 수 있습니다.
디자인 모드 진입하기
디자인 모드에 접속하면, 사이트 개설 과정에서 선택한 템플릿으로 사이트가 구성되어 나타납니다. 만약 템플릿이 마음에 들지 않는 경우 아래 도움말을 통해 템플릿을 변경할 수 있습니다.
템플릿 변경하기
이미지나 텍스트 등 콘텐츠를 추가하려면 메뉴(페이지)가 필요합니다.아래 도움말은 메뉴를 추가하고 편집하는 방법을 알아봅니다.
페이지에 컨텐츠를 추가하고 꾸미려면 위젯을 사용해야 합니다. 워밍업으로 페이지에 이미지 위젯과 텍스트 위젯을 추가하고 설정을 변경해 보세요.
아임웹 그리드 시스템을 사용하면, 위 6단계에서 추가한 위젯들을 더 아름답게 배치할 수 있습니다. 반응형 디자인의 핵심이 되는 그리드 시스템에 대해 알아보고, 그리드를 십분 활용하기 위한 실습을 진행해 보세요.
섹션이란 페이지를 상하로 나눈 구획을 말합니다. 하나의 페이지는 여러 개의 섹션으로 나눌 수 있으며, 섹션마다 배경 이미지를 다르게 하거나, 효과를 다르게 줄 수 있습니다. 적절하게 나눠진 섹션은 페이지 컨텐츠의 가독성을 높이며, 특정 섹션을 복사해 다른 메뉴에 붙여넣기 하는 등 빠른 사이트 작업에도 유용합니다.
빈 섹션에 처음부터 디자인하는 것도 가능하지만, 앞서 섹션 템플릿을 추가해 수정하는 방법부터 마스터해 보세요.
웹 페이지 하단에는 상호, 대표자명, 연락처, 주소 등의 사업자 정보를 표시합니다. 또한, 필요에 따라 호스팅제공자, 에스크로 인증마크, SNS 링크/버튼 등을 표시할 수도 있습니다. 하단은 의도적으로 숨기지 않는 경우 모든 웹 페이지 하단에 표시됩니다.
아래 도움말에서는 빠른 시작을 위해 미리 만들어진 하단 디자인 템플릿을 변경하고 편집하는 설명합니다.
하단 디자인 변경하기
작업물을 새로운 브라우저 탭에서 미리 볼 수 있습니다. 미리보기를 통해 작업한 디자인에 문제가 없다면 실제 방문자들이 볼 수 있도록 웹에 게시합니다.
사이트 미리보기 및 게시하기