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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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