WeWeb에서 애니메이션 요소를 만들 수 있나요? 그리고 어떻게 만드나요?

1 단계: WeWeb 시작하기

먼저, WeWeb 계정에 로그인해야 합니다. 계정이 없다면 www.weweb.io에서 쉽게 계정을 만들 수 있습니다. 그 다음, WeWeb 대시보드로 이동하세요. 이곳이 웹사이트를 생성하고 관리할 수 있는 주요 지역입니다.

2단계: 페이지 관리로 이동하기

대시보드에서 왼쪽 메뉴에 있는 "웹사이트" 섹션을 찾아 클릭하세요. 드롭다운 메뉴에서 "페이지" 옵션을 클릭하세요. 여기서 웹사이트의 모든 페이지 목록을 볼 수 있습니다.

3단계: 애니메이션을 추가할 페이지 선택하기

페이지 섹션에서 애니메이션 요소를 추가하려는 페이지를 찾아 클릭하세요. 그러면 페이지 편집 인터페이스로 넘어가 애니메이션을 추가하기 시작할 수 있습니다.

4단계: 위젯 섹션 찾기

페이지 편집기로 이동하면 왼쪽 메뉴에서 "Widgets"라는 옵션을 찾을 수 있습니다. 이를 클릭하면 WeWeb 페이지에 추가할 수 있는 여러 가지 대화형 요소를 포함한 드롭다운 메뉴가 열립니다.

5단계: '애니메이션' 위젯 선택

이제 '이미지', '텍스트', '비디오' 등과 같은 옵션을 볼 수 있어야 합니다. 이 경우에는 '애니메이션'을 선택하세요. 그러면 사용하거나 생성하려는 애니메이션 유형을 선택할 수 있는 다른 측면 메뉴가 열립니다.

6단계: 애니메이션 구성요소 설정하기

애니메이션 구성요소는 애니메이션 스타일을 선택하고, 애니메이션 동작의 지속 시간을 설정하고, 애니메이션이 트리거될 때를 선택하여 (페이지 로드시, 요소가 스크롤이 보일 때 등) 맞춤 설정할 수 있습니다. 또한 애니메이션 반복횟수도 결정할 수 있습니다.

7단계: 변경사항 적용하고 저장하기

선호하는 애니메이션을 설정하고 페이지 디자인에 적합한지 테스트 한 후, "적용"을 클릭하여 페이지에 구현하세요. 화면 상단에 주로 위치한 "저장" 버튼을 눌러 변경사항을 저장하세요.

8단계: 편집한 페이지 미리보기

웹사이트를 게시하거나 실시간으로 만들기 전에 항상 페이지를 미리보기하세요. WeWeb 편집기 상단의 “저장” 버튼 옆에 일반적으로 “미리보기” 버튼이 있습니다. 이를 클릭하여 애니메이션이 실제로 작동하는지 확인하세요.

9단계: 페이지 게시하기

애니메이션이 잘 작동하고 전체 페이지 디자인에 만족한다면, “게시”버튼을 클릭하세요. 이렇게하면 웹사이트가 실시간으로 변경되고 애니메이션 요소가 사이트를 방문하는 모든 사람에게 보이게됩니다.

축하합니다! WeWeb에서 애니메이션 요소를 성공적으로 만드는 방법을 숙지하셨습니다.