- 고객 센터
1644-2827
월 - 금09:30 ~ 18:00점심시간12:00 ~ 13:00주말,공휴일휴무
![]() 맛보기 목록 수강신청하기 |
비환급일반
모바일
[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.1
|
||
과정소개 | 본 과정은 CSS 기반의 웹사이트와 쇼핑몰, 홈페이지 레이아웃 및 요소 코딩을 어떻게 하는지에 대한 강좌입니다. 강좌의 수준은 초보자도 쉽게 동영상 강좌만으로도 학습할 수 있도록 구성하고 있으며, 또한 따라하기 학습 방식으로 구성되어 있습니다. 이 강좌를 통하여 CSS 기반의 레이아웃 기초를 다질 수 있습니다. |
||
학습목표 | CSS 기본문법중 웹사이트 레이아웃 관련된 주요 기능과 유용한 기능을 함께 학습함으로서 실무적인 기초능력을 함께 배양할 수 있다. |
||
학습대상 | CSS 학습에 부담을 가지는 학습자 빠른 시간에 CSS 기능을 학습하고자 하는 자 자영업, 직장인 중 직접 웹사이트를 만들고자 하는 자 |
||
학습방법 | 온라인 교육 ( PC + 모바일 ) | ||
강사소개 |
|
평가항목 | 진도율 | 과제 | 진행단계평가 | 최종평가 | 총점 |
---|---|---|---|---|---|
평가비율 | 100% | 0% | 0% | 0% | 100점 |
수료기준 | 80% 이상 | 0점 이상 | 0점 이상 | 0점 이상 | 80점 이상 |
평가방법 및 수료기준 |
* 진도율 80 이상 |
차시 | 차시명 |
---|---|
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차시 | 퍼센트가 나누어 떨어지지 않는 홀수 개수 정렬 |
작성자 | 내용 |
---|---|
등록된 후기가 없습니다. |