[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.1

과정 소개

본 과정은 CSS 기반의 웹사이트와 쇼핑몰, 홈페이지 레이아웃 및 요소 코딩을 어떻게 하는지에 대한 강좌입니다. 강좌의 수준은 초보자도 쉽게 동영상 강좌만으로도 학습할 수 있도록 구성하고 있으며, 또한 따라하기 학습 방식으로 구성되어 있습니다. 이 강좌를 통하여 CSS 기반의 레이아웃 기초를 다질 수 있습니다.

강의 대상

CSS 기본문법중 웹사이트 레이아웃 관련된 주요 기능과 유용한 기능을 함께 학습함으로서 실무적인 기초능력을 함께 배양할 수 있다.

강의 목표

CSS 학습에 부담을 가지는 학습자

빠른 시간에 CSS 기능을 학습하고자 하는 자

자영업, 직장인 중 직접 웹사이트를 만들고자 하는 자

학습 내용

1. 섹션 1
   1. 강의개요 및 선수학습
   2. 필요한 프로그램 설치 및 환경설정
   3. 기본적인 형태의 HTML 문서파일
   4. DIV 박스 성질(1)
2. 섹션 2
   1. DIV 박스 성질(2)
   2. DIV 박스 성질(3)
   3. DIV 박스 성질(4)
   4. float
3. 섹션 3
   1. float practice
   2. Div 박스의 높이(height) 적용 문제
   3. box-sizing, float issue
   4. clearfix, after before
4. 섹션 4
   1. div 박스 레이아웃 예제 만들기(1)
   2. div 박스 레이아웃 예제 만들기(2)
   3. Css 코드 축약
   4. 다양한 예제
5. 섹션 5
   1. 이미지옆 텍스트 배치시 클리어픽스
   2. nth-child 슈도클래스 사용법(1)
   3. nth-child 슈도클래스 사용법(2)
   4. 4개 박스 좌우배치 새 클리어 처리기법과 문제점
6. 섹션 6
   1. 퍼센트가 나누어 떨어지지 않는 홀수 개수 정렬

교강사

훈련 비용

과정 후기