[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]
|
|