닫기
과정 구분
과정 카테고리
태그
검색어
[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.3-1 과정이미지

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

교육기간
30일
강의구성
15차시
  • 과정 [HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.3-1 0원

판매금액 배송금액 원 할인금액

총 결제금액원

장바구니아이콘장바구니 수강신청아이콘수강신청

기본 정보

학습기간
4주
총 시간
5.0시간
차시수
15차시
개발년월
201911
내용전문가
김동준
NCS분류
20010702:인공지능서비스기획

과정 소개

본 과정은 CSS 기반의 레이아웃 코딩 강의로써 앞서 1, 2편에서 이어지는 3편 강좌입니다. 3편에서는 실전적인 레이아웃 스킬들을 배우고 학습합니다. Float 속성과 position 속성들을 사용한 실전적인 레이아웃 기법과 반응형 웹사이트 레이아웃 등을 학습합니다. 그리고 최신의 레이아웃 기법들도 살펴봅니다.

학습 대상

CSS 학습에 부담을 가지는 학습자 빠른 시간에 CSS 기능을 학습하고자 하는 자

학습 목표

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

강의목차(총 15강)

1. 1. 강의개요 25분

2. 2. 웹사이트 제작의 흐름(1) 20분

3. 3. 웹사이트 제작의 흐름(2) 13분

4. 4. 아톰 에디터 최신버전 설치하기 12분

5. 5. 기존 예제의 원본 6단계 수정 과정 34분

6. 6. 레이아웃 수정 코딩 실습 1-2단계 15분

7. 7. 레이아웃 수정 코딩 실습 3-4단계 16분

8. 8. 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(1) 21분

9. 9. 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(2) 20분

10. 10. 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(3) 15분

11. 11. 아톰 기본설정 변경하기 10분

12. 12. 좌우 컨테이너 박스 가운데 정렬 및 부유 시키기 26분

13. 13. 포지션 속성에 따른 z, y, z축 공간좌표 이해 20분

14. 14. 3차원 공간좌표 z축 포지션 속성 실습 29분

15. 15. 포지션 속성의 다른 속성 값들 이해 및 마무리 43분

퀵배너