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