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