-
IT
[HD]BOOT STRAP(부트스트랩)을 활용한 반응형 웹페이지 만들기
훈련등급 : A 등급
PC 모바일총 23차시 / 23시간 교육과정
김세지 강사
수료기준 및 수강정원
수강정원 총진도율 중간평가 최종평가 과제 3,000 명 80% 이상 총 0점 /
0% 반영총 0점 /
0% 반영총 0점 /
0% 반영반영된 평가 합산 0점 이상
교육비 안내
교육비 환급 : 우선지원 기업 환급 : 대규모
(1,000인 미만)환급 : 대규모
(1,000인 이상)44,800 원 0 원 0 원 0 원
- 과정소개
- 강의목차
- 학습후기
과정소개
본 과정은 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강좌이다.과정목표
반응형 웹페이지의 개념을 이해한다.
부트스트랩의 구성요소를 파악하고 부트스트랩의 다양한 구성요소를 공부한다.
부트스트랩의 스타일을 익히고 활용하는 방법에 대하여 학습한다.
동적으로 반응하는 요소를 만들기 위해 부트스트랩에서 제공하는 자바스트립트를 활용하여 동작하는 방법을 익힌다.학습대상
웹페이지를 제작하기 위한 html5, css3, jQuery에 대한 기본 지식이 있는자를 기본으로 하며 기본지식이 없어도 강의를 반복적으로 시청하며 따라할 수 있도록 제작하였다.강의목차
- 1 . 1. 부트스트랩의 개념
- 2 . 2. 서브라임텍스트 설치와 반응형 코딩(1)
- 3 . 3. 서브라임텍스트 설치와 반응형 코딩(2)
- 4 . 4. 부트스트랩 시작하기
- 5 . 5. 디바이스마다 달라지는 레이아웃
- 6 . 6. 부트스트랩의 다양한 스타일과 반응형 레이아웃 실습
- 7 . 7. 그리드의 다양한 옵션
- 8 . 8. 다양한 테이블 스타일과 폼태그 스타일
- 9 . 9. 다양한 버튼 스타일
- 10 . 10. 반응형 이미지 스타일
- 11 . 11. 도움을 주는 클래스들
- 12 . 12. 디바이스 사이즈마다 요소를 보이고 숨기는 클래스
- 13 . 13. 다양한 컴포넌트(글리피콘, 드랍다운, 네비게이션)의 활용
- 14 . 14. 네비게이션 바의 사용법
- 15 . 15. 네비게이션 바를 스크롤스파이하기
- 16 . 16. 경로, 페이지네이션, 라벨, 배지, 점보트론 컴포넌트의 활용
- 17 . 17. 썸네일, 진행바, 기본 미디어 컴포넌트의 활용
- 18 . 18. 패널,웰,반응성 임베드 컴포넌트의 활용
- 19 . 19. 자바스크립트로 동작하는 요소(모달창)의 활용
- 20 . 20. 툴팁,팝오버,토글버튼 자바스크립트로 동작하기
- 21 . 21. 컬랩스, 아코디언 자바스크립트로 동작하기 & 모달창 복습
- 22 . 22. 캐로셀의 구현과 다양한 옵션 및 메소드의 활용
- 23 . 23. Affix의 개념과 사용법
학습후기