[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.1
| 과정 소개 |
본 과정은 CSS 기반의 웹사이트와 쇼핑몰, 홈페이지 레이아웃 및 요소 코딩을 어떻게 하는지에 대한 강좌입니다. 강좌의 수준은 초보자도 쉽게 동영상 강좌만으로도 학습할 수 있도록 구성하고 있으며, 또한 따라하기 학습 방식으로 구성되어 있습니다. 이 강좌를 통하여 CSS 기반의 레이아웃 기초를 다질 수 있습니다. |
| 학습 대상 |
1. CSS 학습에 부담을 가지는 학습자 2. 빠른 시간에 CSS 기능을 학습하고자 하는 자 3. 자영업, 직장인 중 직접 웹사이트를 만들고자 하는 자 |
| 학습 목표 |
CSS 기본문법 중 웹사이트 레이아웃 관련된 주요 기능과 유용한 기능을 함께 학습함으로서 실무적인 기초능력을 함께 배양할 수 있다. |
| 교수 소개 |
김동준 |
| 교재 정보 |
|
학습내용
| 차시 |
내용 |
| 1차시 |
[1] 1. 강의개요 및 선수학습 |
| 2차시 |
[2] 2. 필요한 프로그램 설치 및 환경설정 |
| 3차시 |
[3] 3. 기본적인 형태의 HTML 문서파일 |
| 4차시 |
[4] 4. DIV 박스 성질(1) |
| 5차시 |
[5] 5. DIV 박스 성질(2) |
| 6차시 |
[6] 6. DIV 박스 성질(3) |
| 7차시 |
[7] 7. DIV 박스 성질(4) |
| 8차시 |
[8] 8. float |
| 9차시 |
[9] 9. float practice |
| 10차시 |
[10] 10. Div 박스의 높이(height) 적용 문제 |
| 11차시 |
[11] 11. box-sizing, float issue |
| 12차시 |
[12] 12. clearfix, after before |
| 13차시 |
[13] 13. div 박스 레이아웃 예제 만들기(1) |
| 14차시 |
[14] 14. div 박스 레이아웃 예제 만들기(2) |
| 15차시 |
[15] 15. Css 코드 축약 |
| 16차시 |
[16] 16. 다양한 예제 |
| 17차시 |
[17] 17. 이미지옆 텍스트 배치시 클리어픽스 |
| 18차시 |
[18] 18. nth-child 슈도클래스 사용법(1) |
| 19차시 |
[19] 19. nth-child 슈도클래스 사용법(2) |
| 20차시 |
[20] 20. 4개 박스 좌우배치 새 클리어 처리기법과 문제점 |
| 21차시 |
[21] 21. 퍼센트가 나누어 떨어지지 않는 홀수 개수 정렬 |
|
평가기준
| 평가항목 |
진도율 |
시험 |
과제 |
진행단계평가 |
수료기준 |
| 평가비율 |
- |
0% |
0% |
0% |
- |
| 수료조건 |
100% 이상 |
0점 이상 |
0점 이상 |
0점 이상 |
0점 이상 |
|
