배우고 익히는 즐거움, 아이티고
알림
[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.14 미디어쿼리와 플렉서블레이아웃
여기를 클릭하면, 샘플강의가 재생됩니다.
신경진 강사
- tag
[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.14 미디어쿼리와 플렉서블레이아웃
담당강사 : 신경진
| 강의구성 | 총 8강좌 (강의시간 : 총 ) | 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 | 수강료 |
16,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 | 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
신경진 강사
|
||
| 강의구성 | 총 8강좌 (강의시간 : 총 ) |
|---|---|
| 수강기간 | 30일 |
| 강의형식 | 동영상 |
| 수강료 |
16,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 |
| 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
신경진 강사
|
- 과정소개
- 미디어쿼리와 플렉서블레이아웃을 이해한다.
- 학습목표
- 미디어쿼리와 플렉서블레이아웃에 대한 개념과 관련 태그들을 이해하고 직접 실습한다.
- 교육대상
- HTML5를 배우는 모든 사람
차시별 학습목표
- 01. 미디어쿼리의 개념, 구문, 미디어 유형, 조건, 중단점을 이해한다.
- 02. 미디어쿼리의 사용방법과 그에 따른 결과 그리고 단말기의 회전에 따른 미디어쿼리 작성방법을 이해한다.
- 03. 미디어쿼리의 외부 CSS파일 연결방법과 플렉서블 박스 레이아웃의 개념, 기본속성을 이해한다.
- 04. 미디어쿼리를 이용하여 모바일 페이지를 만드는 방법을 이해한다.
- 05. 미디어쿼리를 이용하여 태블릿, PC전용 페이지를 만드는 방법을 이해한다.
- 06. 플렉서블 박스 레이아웃의 속성중 display, flex-direction, flex-wrap을 이용하여 웹 페이지를 만드는 방법을 이해한다.
- 07. 플렉서블 박스 레이아웃의 속성중 order, align-self,align-content을 이용하여 웹 페이지를 만드는 방법을 이해한다.
- 08. 플렉서블 박스 레이아웃을 이용하여 하나의 반응형 웹 페이지를 만드는 방법을 이해한다.
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
연관강좌
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.1 웹의 개요와 개발환경 구축](https://img.itgo.co.kr/thumbnail/la_H080317.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.2 페이지 구조와 작성법](https://img.itgo.co.kr/thumbnail/la_H080318.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.3 기본태그](https://img.itgo.co.kr/thumbnail/la_H080319.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.4 입력형식 태그와 문서구조화](https://img.itgo.co.kr/thumbnail/la_H080320.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.5 CSS3의 기초(선택자와 단위)](https://img.itgo.co.kr/thumbnail/la_H080321.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.6 텍스트 관련 스타일](https://img.itgo.co.kr/thumbnail/la_H080322.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.8 레이아웃을 위한 스타일](https://img.itgo.co.kr/thumbnail/la_H080324.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.7 색상, 배경을 위한 스타일](https://img.itgo.co.kr/thumbnail/la_H090118.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.9 CSS포지셔닝](https://img.itgo.co.kr/thumbnail/la_H090119.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.10 시맨틱 태그(Semantic Tag)](https://img.itgo.co.kr/thumbnail/la_H090120.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.11 멀티미디어(Multi Media)](https://img.itgo.co.kr/thumbnail/la_H090121.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.12 CSS3 그리고 애니메이션](https://img.itgo.co.kr/thumbnail/la_H090122.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.13 반응형 웹](https://img.itgo.co.kr/thumbnail/la_H090123.jpg)
![[HD]왕초보도 만들수 있다.웹사이트- HTML5+CSS3 - Part.15 반응형 웹페이지 만들기 (완강)](https://img.itgo.co.kr/thumbnail/la_H100109.jpg)
아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7
- 강좌 리스트
- 01. 미디어 쿼리와 플렉서블 레이아웃(이론-1) [29:50]
- 02. 미디어 쿼리와 플렉서블 레이아웃(실습-1) [20:19]
- 03. 미디어 쿼리와 플렉서블 레이아웃(이론-2) [37:30]
- 04. 미디어 쿼리와 플렉서블 레이아웃(실습-2) [24:19]
- 05. 미디어 쿼리와 플렉서블 레이아웃(실습-3) [24:36]
- 06. 미디어 쿼리와 플렉서블 레이아웃(실습-4) [27:12]
- 07. 미디어 쿼리와 플렉서블 레이아웃(실습-5) [40:54]
- 08. 미디어 쿼리와 플렉서블 레이아웃(실습-6) [39:05]