초급자를 위해 준비한
[웹 개발, 웹앱 디자인] 강의입니다.
[웹 개발, 웹앱 디자인] 강의입니다.
CSS는 HTML을 아름답게 꾸며주는 디자이너의 언어입니다. CSS는 디지털 컨텐츠를 생산하는 사람들에게는 붓 질과 같은 것이 아닐까 싶습니다. 이 수업에서는 디지털 붓 질을 하는 법을 알려드립니다.
1. 강좌소개
본 CSS 기본부터 활용까지 강좌는 생활코딩 이고잉님의 CSS 강좌 입니다.HTML의 기본적인 이해가 있다는 전제하에 CSS 기본부터 최근 기술들까지 차근차근 이해하기 쉽게 설명해 줍니다. 기본 개념후에 바로 작은 예제들을 통해 잘 이해할 수 있도록 도와줍니다.
CSS 는 HTML 문서를 꾸며주는 언어입니다. 단순하게 색만 입히는 것이 아니라 위치, 모양, 속성 등을 통해 시각적으로 이해하기 쉽고 아름다운 정보를 만들어 주는 중요한 언어입니다.
2. 도움되는 분들
- HTML 기본을 알고있는 분
- 웹디자이너
- 웹퍼블리셔, 프론트엔드 개발자가 되고 싶은 분
- 웹 개발자가 되고 싶은 분
- 이런 경험을 가진 분..ㅠㅠ
3. 강좌 특징
- 준비물 : 컴퓨터
- 강좌 수준 : 초급
- 선행지식 : HTML (학습하러가기)
- 이후 들으면 좋은 분야 : javascript(학습하러가기)
안녕하세요
Egoing Lee 입니다.
Egoing Lee 입니다.
커리큘럼
총 49개 ˙ 7시간 11분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션 및 준비
3강 ∙ 23분
섹션 1. 섹션 1. 선택자 (selector)
5강 ∙ 27분
선택자와 선언
07:00
ID 선택자
부모 자식 선택자
08:00
선택자 공부 팁
05:00
가상 클래스 선택자
07:00
섹션 2. 섹션 2. 적용 순서
3강 ∙ 23분
상속
09:00
캐스케이딩 이란? (적용 우선순위)
05:00
캐스케이딩 실습
09:00
섹션 3. 섹션 3. 서체 다루기
5강 ∙ 49분
크기 : font-size
12:00
색상 : color
09:00
정렬 : text-align
04:00
서체 : font-family, font-weight, line-height
10:00
웹폰트
14:00
섹션 4. 섹션 4. 레이아웃 기본
9강 ∙ 1시간 1분
인라인 VS 블럭레벨
05:00
박스모델
09:00
box-sizing
05:00
마진겹침 (margin-collapsing) 1
05:00
마진겹침 (margin-collapsing) 2
08:00
마진겹침 (margin-collapsing) 3
07:00
포지션 (position) - relative VS static
07:00
포지션 (position) - absolute
09:00
포지션 (position) - fixed
06:00
섹션 5. 섹션 5. 레이아웃 활용
10강 ∙ 1시간 54분
flex 소개
05:00
flex 의 기본
08:00
flex - grow & shrink
12:00
flex - holy grail layout
13:00
flex - 기타 속성들
15:00
미디어쿼리 기본
11:00
미디어쿼리 응용
11:00
float 기본
08:00
float 을 활용한 holy grail 레이아웃
21:00
다단 만들기
10:00
섹션 6. 섹션 6. 그래픽
5강 ∙ 54분
배경 (background)
13:00
필터 (filter)
11:00
변형 (transform) 소개
09:00
움직임 주기 - transition 기본
09:00
움직임 주기 - transition 심화
12:00
섹션 7. 섹션 7. 유지보수
2강 ∙ 30분
link 와 import 로 한번에 적용하기
17:00
코드 경량화 (minify)
13:00
섹션 8. 섹션 8. CSS 뛰어넘기 - preprocesser
3강 ∙ 18분
preprocesser 소개
08:00
preprocesser 에디터의 확장기능
06:00
명령어로 컴파일 하기
04:00
섹션 9. fontello 서비스 사용하기
4강 ∙ 32분
Fontello 1 : 소개
06:00
Fontello 2 : 사용법
09:00
Fontello 3 : 원리
11:00
Fontello 4 : 폰트만들기
06:00
강의 게시일 : 2016년 10월 07일
(마지막 업데이트일 : 2018년 01월 08일)
수강평
총 140개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
140개의 수강평
5점
4점
3점
2점
1점
VIEW
좋아요 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
도움이 많이 됩니다
2021-04-17
간결하고 차분하게 핵심 개념을 잘 잡아주셔서 감사합니다.
2021-04-17
CSS 입문으로 들은 강의인데 이해도 잘 되고 간단한 실습도 할 수 있어서 좋았습니다.
2021-04-20
CSS 다 안다고 생각했는데 많은 걸 배워갑니다.
사실 실무에서는 매번 사용하는 속성들만 쓰고 그걸로도 충분하다고 생각했는데 이렇게 강의를 들으니 새삼 몰랐던 것이 많았던 것을 깨달았습니다. fontello는 사이트만 알고 사용법을 몰랐는데 이 강좌에서 사용법을 배울줄 몰랐어요. 개인 포폴 작업할 때 도움이 많이 될 것 같습니다. 이거 정말 들을만한건가? 공짜 강의니까 뭐 별 것 있겠어? 라고 고민하시는 분들이 계신다면 꼭 끝까지 완강하시라고 추천드리고 싶습니다. 이고잉 님 정말 감사합니다:)
2018-02-05
CSS를 다시한번 정리할 수 있는 좋은 시간이었습니다.
항상 감사드립니다
2019-09-01
무료
Egoing Lee님의 다른 강의
지식공유자님의 다른 강의를 만나보세요!
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
비전공자를 위한 진짜 올인원 개발 클래스
₩143,000
애플 웹사이트 인터랙션 클론!
₩77,000
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!
