IT·컴퓨터 · 웹·앱 개발 · 1학기
CSS
웹페이지를 아름답고 반응형으로 꾸미는 CSS 핵심 과정
이 강의는 CSS를 처음 배우는 학습자를 위한 입문 과정입니다. HTML로 만든 웹페이지에 디자인을 적용하는 방법부터 실제 웹사이트에서 사용하는 레이아웃 제작 기술까지 단계별 실습을 통해 자연스럽게 익힐 수 있습니다. 본 강의에서는 • CSS 기본 문법 • 선택자와 우선순위 • 색상과 배경 • 글꼴과 텍스트 스타일 • Box Model • Display와 Position • Flexbox • CSS Grid • Animation과 Transition • 반응형 웹(Media Query) 등을 배우며, 최종적으로 직접 반응형 웹페이지를 제작할 수 있는 수준을 목표로 합니다. 모든 예제는 실습 중심으로 진행되며 실무에서 많이 사용하는 CSS 작성 방식과 최신 문법도 함께 소개합니다.
21개 글
입문
- 1 1.1 CSS 개요 5분
- 2 1.2 선택자와 속성 6분
- 3 1.3 색상과 배경 3분
- 4 2.1 박스 모델의 구성 7분
- 5 2.2 마진과 패딩 3분
- 6 2.3 테두리 처리 6분
- 7 3.1 플로트 레이아웃 7분
- 8 3.2 포지셔닝 이해하기 7분
- 9 3.3 Flexbox 기초 7분
- 10 4.1 Flexbox 속성 이해하기 7분
- 11 4.2 Flexbox를 활용한 레이아웃 7분
- 12 4.3 반응형 디자인 적용하기 7분
- 13 5.1 Grid 레이아웃 소개 5분
- 14 5.2 Grid 속성 활용하기 6분
- 15 5.3 실전 예제: 복잡한 레이아웃 6분
- 16 6.1 사용자 정의 속성 (CSS Variables) 6분
- 17 6.2 미디어 쿼리로 반응형 디자인 6분
- 18 6.3 최적화된 웹 사이트 만들기 5분
- 19 7.1 웹사이트 구성요소 구현 7분
- 20 7.2 전체 레이아웃 통합 7분
- 21 7.3 최종 점검 및 배포 5분
수강평
★★★★★
★★★★★
평가 없음
수강평을 남기려면 로그인이 필요합니다.
로그인- 아직 수강평이 없습니다. 첫 수강평을 남겨보세요.