배우고 익히는 즐거움, 아이티고
알림
반응형 웹 제작 제대로하기 Part 2
여기를 클릭하면, 샘플강의가 재생됩니다.
김기민 강사
- tag
반응형 웹 제작 제대로하기 Part 2
담당강사 : 김기민
| 강의구성 | 총 26강좌 (강의시간 : 총 ) | 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 | 수강료 |
30,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 | 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
김기민 강사
|
||
- 과정소개
-
스마트폰이 대중화되면서 초기에는 PC용 웹 사이트와 모바일 사이트를 따로 제작했습니다.
하지만 스마트폰, 태블릿 PC 등 다양한 해상도의 휴대용 디바이스가 나오면서 각 디바이스에 대응하는
웹 사이트를 따로따로 만든 사이트가 아닌 한 개의 웹 사이트로 모든 디바이스에 대응할 수 있는 반응형 웹디자인(Responsive Web Design) 사이트가 나왔습니다.
이번 강의에서는 반응형 웹디자인에 대해 알아봅시다.
- 학습목표
- 다양한 Device 환경의 해상도를 기준으로 디자인된 내용을 코딩으로 옮길 수 있습니다.
- 교육대상
- 코드를 공부하는 학생들이나, 웹디자이너들과 같이 코드에 익숙하지 않고 jQuery 라이브러리를 활용해서 실제 웹 사이트를 만들려고 하는 사람들.
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
연관강좌
아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7
- 강좌 리스트
- 01. 1강 반응형 웹 코딩의 기초 [30:37]
- 02. 2강 반응형 레이아웃 패턴_1 [23:37]
- 03. 2강 반응형 레이아웃 패턴_2 [34:34]
- 04. 3강 브라우저 리사이징 반응형 웹1_1 [20:43]
- 05. 3강 브라우저 리사이징 반응형 웹1_2 [22:14]
- 06. 4강 브라우저 리사이징 반응형 웹2 [17:39]
- 07. 5강 실무 반응형 웹디자인을 위한 기본 설정_1 [24:36]
- 08. 5강 실무 반응형 웹디자인을 위한 기본 설정_2 [08:44]
- 09. 6강 실무 반응형 웹디자인 기초 스타일 제작 [32:28]
- 10. 7강 웹에이젼시 사이트 제작(기본 스타일) [12:55]
- 11. 8강 웹에이젼시 사이트 제작(메인 스타일)_1 [23:39]
- 12. 8강 웹에이젼시 사이트 제작(메인 스타일)_2 [19:31]
- 13. 9강 웹에이젼시 사이트 제작(반응형 스타일) [23:11]
- 14. 10강 magnetic template(innter page)_1 [18:17]
- 15. 10강 magnetic template(innter page)_2 [18:39]
- 16. 11강 Magnetic template(innter page) [30:41]
- 17. 12강 Magnetic template(innter page) [19:34]
- 18. 13강 Magnetic template(innter page) [27:39]
- 19. 14강 Magnetic template(index page) [25:23]
- 20. 15강 real estate template(header)_1 [26:58]
- 21. 15강 real estate template(header)_2 [30:08]
- 22. 16강 real estate template(content, footer)_1 [27:16]
- 23. 16강 real estate template(content, footer)_2 [17:02]
- 24. 17강 real estate template(responsive)_1 [38:31]
- 25. 17강 real estate template(responsive)_2 [16:41]
- 26. 18강 Real Estate template(javascript) [23:52]