스윙 기능 도움말

HTML UI마법사페이지 제작방법

1265 views 2016년 1월 15일 2018년 6월 12일 root 6

☆안내사항☆

HTML UI마법사 페이지는 곧 폐지될 예정입니다.

기존에 해당 기능을 이용하여 웹페이지를 제작한 분들은 앞으로 수정이 어려우니, 이점 참고하시어 앱제작 해주시기 바랍니다.

UI마법사페이지제목

*스윙 사용자 페이지는 사용자가 직접 웹페이지를 제작할 수 있는 기능이에요.

사용자 페이지는 홈페이지 등의 웹사이트가  없는 사용자가 유용하게 사용할 수 있는 제작 기능이구요.

모바일 웹 페이지를 구현해서 보다 퀄리티 있는 앱을 만드실 수 있습니다.

*개발이나 코딩을 몰라도! 스윙에서 제공하는 사용자페이지 Tool에 내용, 이미지만 입력하면 제작이 됩니다.

▶사용자 페이지 종류 : HTML UI마법사페이지, 이미지 기반페이지, 웹 템플릿 페이지, HTML에디터 페이지  총 4가지 사용자페이지 스타일을 제공하고 있습니다.

이번 도움말에서는!! HTML UI마법사 페이지 제작방법에 대해서 알려드리겠습니다. 


 

STEP.1 사용자페이지 선택하기
  • 앱제작페이지 > 페이지메뉴> 사용자페이지를 선택해주세요

페이지2

1. [홈화면]을 선택합니다.

* 웹 페이지를 어떤 화면에서 보여줄지 결정하는 것이기 때문에 홈화면에 적용해도 되고, 하위 메뉴에 적용해도 동일하게 보여집니다.

2. 홈화면을 선택하면 오른쪽 화면에 메뉴설정이 보여집니다.

메뉴 중에서 [사용자 페이지]를 선택합니다.

3. 사용자페이지에서 [불러오기]아이콘을 선택합니다.

 

UI마법사페이지1

[불러오기]를 선택하면 사용자페이지 창이 뜹니다.

위에서 설명드린대로 사용자페이지 4가지 스타일 종류를 확인할 수 있구요.

해당 창에서 원하는 사용자페이지를 선택해서 작업한 뒤 적용해주시면 됩니다.

[HTML UI마법사 페이지 관리]를 선택해주세요


 

STEP.2 UI마법사 페이지 제작도구

페이지4

[HTML UI마법사 페이지 관리]를 선택하면 페이지 제작도구 사이트로 이동합니다. 

배경에 있는 프로젝트를 선택하면 제작 프로그램으로 이동합니다.

 

UI마법사페이지2

페이지 제작도구 프로그램은 기본 셋팅된 프로젝트를 바탕으로 제작을 하게 되구요.

왼쪽에 보이는 메뉴들을 이용하여 기본 페이지를 수정하여 웹페이지를 제작합니다.

 

UI마법사페이지3

*저장: 페이지 작업 후 저장하기는 왼쪽 메뉴: 페이지 선택 후, 페이지 저장 버튼을 선택하면 저장됩니다.

페이지 이름등을 수정할 수 있으니 편리한 방법으로 이용해주세요


STEP.3 앱에 만든 페이지 적용하기
  • UI마법사 페이지 제작이 완료되었으면 다시 앱제작 페이지로 돌아와서 앱에 적용해주세요.

UI마법사페이지4

1) 사용자페이지 선택 → 2)불러오기 선택 →  3)만들어놓은 UI마법사 페이지 선택  후 →  4)적용 → 5)적용 → 6)저장

위의 순서대로 적용한 뒤 저장하시면 앱에 반영됩니다.

 

UI마법사페이지5

가상머신을 통해서 홈화면에 UI마법사 페이지가 적용된 모습을 확인할 수 있어요.

 

★ 움짤이미지를 통해서 UI마법사페이지가 적용된 화면을 확인해주세요

ui마법사페이지


 

사용자페이지 중에서 UI마법사 페이지는 기본 셋팅/스타일된 웹페이지 제작 도구에서 사용자가 레이아웃, 제목, 이미지, 기능 툴을 수정하여 제작할 수있구요.

기본적으로 퀄리티있는 웹페이지가 나오는 반면, 다른 사용자페이지 이용 방법에 비해서는 일반 사용자가 이용하기에는 조금 어려울 수 있어요.

따라서 어느 정도 작업이 가능하면 이용해주시구요.

이 외에도 다양한 사용자페이지 제작도구들이 많이 있으니 다른 제작도구도 함께 확인해주세요.


Was this helpful?