강사명 | 차시 | 학습시간 | 샘플 |
---|---|---|---|
김기민 | 20 | 9 시간 |
이 강의를 통해 Adobe XD를 사용하여 웹 페이지 규격에 맞는 모바일 웹 페이지의 디자인 프로토타입을 작성하고, 모바일 웹 문서의 HTML 마크업과 스타일 및 사용자 UI를 구현합니다. 사용자 UI로는 메뉴, 슬라이더, 반응형 디자인 구현이 있습니다. 학습자들은 수업 커리큘럼을 통해 실무 웹 퍼블리셔의 역량을 키울 수 있을 것입니다. |
실무에서 웹 코딩을 활용하고자 하는 웹 관련자 웹 퍼블리싱에 어려움이 있는 웹 개발자 |
Adobe XD 프로토타입을 통해 모바일을 제작해 봅시다. |
1. jQuery Mobile Event1 2. jQuery Mobile Event2 3. SwiperJS Mobile Event 플러그인1 4. SwiperJS Mobile Event 플러그인2 5. SwiperJS Mobile Event 플러그인3 6. Mobile Parallax Interface의 기초 7. Mobile Parallax Interface의 기본 형식1 8. Mobile Parallax Interface의 기본 형식2 9. Mobile Parallax Interface의 응용 형식1 10. Mobile Parallax Interface의 응용 형식2 11. Mobile Video Control1 12. Mobile Video Control2 13. Mobile에서의 맵 활용 14. 마무리 예제 : 시작 페이지1 15. 마무리 예제 : 시작 페이지2 16. 마무리 예제 : 시작 페이지3 17. 마무리 예제 : 로그인 페이지 18. 마무리 예제 : 소개 페이지와 포트폴리오 인덱스 페이지 19. 마무리 예제 : 포트폴리오 리스트와 상세 페이지1 20. 마무리 예제 : 포트폴리오 리스트와 상세 페이지2 |