배우고 익히는 즐거움, 아이티고
알림
[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.3-2
여기를 클릭하면, 샘플강의가 재생됩니다.
김동준 강사
- tag
[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.3-2
담당강사 : 김동준
| 강의구성 | 총 21강좌 (강의시간 : 총 ) | 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 + 자막 | 수강료 |
42,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 | 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
김동준 강사
|
||
- 과정소개
- 본 과정은 CSS 기반의 레이아웃 코딩 강의로써 앞서 1, 2편에서 이어지는 3편 강좌입니다. 3편에서는 실전적인 레이아웃 스킬들을 배우고 학습합니다. Float 속성과 position 속성들을 사용한 실전적인 레이아웃 기법과 반응형 웹사이트 레이아웃 등을 학습합니다. 그리고 최신의 레이아웃 기법들도 살펴봅니다.
- 학습목표
- 1. CSS 기본문법중 웹사이트 레이아웃 관련된 주요 기능과 유용한 기능을 함께 학습함으로서 실무적인 기초능력을 함께 배양할 수 있다.
- 교육대상
- 1. CSS 학습에 부담을 가지는 학습자 2. 빠른 시간에 CSS 기능을 학습하고자 하는 자 3. 자영업, 직장인 중 직접 웹사이트를 만들고자 하는 자
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문을 남기고 싶으면 1:1문의 게시판에 남겨주세요.
1 / 7
- 강좌 리스트
- 01. 반응형 웹사이트 레이아웃 - 마크업 및 기본 구조 [16:35]
- 02. 반응형 웹사이트 레이아웃 - PC버전 CSS 코딩하기 [18:04]
- 03. 반응형 웹사이트 레이아웃 - 박스 너비 수치 정확히 계산하기 [32:05]
- 04. 반응형 웹사이트 레이아웃 - 보더값이 들어간 경우의 계산 및 박스사이징 사용 [23:11]
- 05. 미디어쿼리를 사용한 모바일 최적화 코딩 [33:44]
- 06. height값을 auto로 수정했을 경우 반응형 사이트의 모습은 [12:49]
- 07. Full Coding - 기본 프레임 구축하기 [27:20]
- 08. Full Coding - inner-div-box 삽입하기 [16:43]
- 09. Full Coding - inner-div-box 각 영역에 삽입하기 [23:22]
- 10. Full Coding - 메인박스에 박스 3개 삽입하기 [21:06]
- 11. Full Coding - 박스 3개 부유시키기 [19:48]
- 12. position 속성에 대한 기초이론1 [38:21]
- 13. position 속성에 대한 기초이론2 [36:30]
- 14. position 속성에 대한 기초이론3 [46:30]
- 15. flexbox 수평정렬(1) [31:46]
- 16. flexbox 수평정렬(2) [26:34]
- 17. flexbox 수직정렬(1) [25:53]
- 18. flexbox 수직정렬(2) [21:37]
- 19. baseline 첫번째 예제 - 별도의 클래스 만들어서 적용하기 [22:10]
- 20. Tip 박스 정사각형 모양으로 만들기 팁 2가지 [09:00]
- 21. baseline에 대한 고찰 [28:32]