[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.3-2
담당강사 |
김동준 |
강의구성 |
총 21차시 |
수강기간 |
30일 |
제작연도 |
2019년 |
결제하기 |
|
증빙서류 |
수료증 |
교안/예제 |
|
강의 목차 |
강의 제목 |
수강 여부 |
1 |
반응형 웹사이트 레이아웃 - 마크업 및 기본 구조 [16:35]
|
|
2 |
반응형 웹사이트 레이아웃 - PC버전 CSS 코딩하기 [18:04]
|
|
3 |
반응형 웹사이트 레이아웃 - 박스 너비 수치 정확히 계산하기 [32:05]
|
|
4 |
반응형 웹사이트 레이아웃 - 보더값이 들어간 경우의 계산 및 박스사이징 사용 [23:11]
|
|
5 |
미디어쿼리를 사용한 모바일 최적화 코딩 [33:44]
|
|
6 |
height값을 auto로 수정했을 경우 반응형 사이트의 모습은 [12:49]
|
|
7 |
Full Coding - 기본 프레임 구축하기 [27:20]
|
|
8 |
Full Coding - inner-div-box 삽입하기 [16:43]
|
|
9 |
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]
|
|