WEB2 – CSS
생활코딩의 Web2시리즈의 CSS 수업 입니다.
이 수업은 https://opentutorials.org 를 만들어가면서 CSS에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다.
1. 강좌 소개
이 수업은 웹 페이지를 아름답게 디자인하고 싶은 분을 위해서 제작 되었습니다. 이 수업이 끝나면 CSS에 대한 근본적인 원리를 적정수준으로 알려드립니다
2.강의 대상
HTML이 무엇인지 전혀 모르신다면 이 수업을 보시면 안됩니다. 이 수업은 HTML을 알고 계신 분들을 대상으로 하고 있기 때문입니다. HTML을 모르신다면 아래 수업을 먼저 보시고 다시 이 수업에 참여하시면 됩니다.
3. 강좌 관련 내용
- CSS의 기본 문법 (선택자와 속성)
- Grid를 이용한 현대적인 레이아웃 제작 방법
- MediaQuery를 이용해서 다양한 크기의 스크린에 대응하는 방법
4.진도표
아래 야학사이트를 통해서 학습의 진행상황을 체크하고 다른 학우들을 만날 수 있습니다.
5. CLC 라이선스 규정 안내
샵투는 생활코딩님의 허락을 얻어 생활코딩의 동영상을 강좌로 구성했습니다.
생활코딩은 일반인에게 프로그래밍을 알려주는 활동입니다.
더 많은 정보를 원하시면 http://opentutorials.org/course/1 를 방문해주세요.
생활코딩님의 CLC 라이선스 규정은 Creative Commons 저작자 표시 2.0 문서를 참고해주세요.
*이 강좌는 생활코딩님이 제휴관계나 강사로서 직접 샵투스쿨에 강의로서 올린것이 아니므로
해당 강좌의 평가 기능과 강의 후기 작성 기능이 비활성화 되어 있습니다.학습 중 질문의 경우
생활코딩 사이트나 샵투스쿨의 회원분들께서 도움 요청 하시기 바랍니다.
강좌 교육과정 소개 (COURSE CURRICULUM)
섹션 1. 오리엔테이션 | |||
수업 소개 | 00:03:00 | ||
CSS가 등장하기 전의 상황 | 00:08:00 | ||
섹션 2. CSS의 등장과 혁명적 변화 | |||
CSS의 등장 | 00:11:00 | ||
CSS의 기본 문법 | 00:07:00 | ||
혁명적 변화 | 00:03:00 | ||
CSS 속성을 스스로 알아내기 | 00:08:00 | ||
CSS 선택자의 기본 | 00:15:00 | ||
섹션 3. 박스모델과 활용 | |||
박스 모델 | 00:17:00 | ||
박스 모델 써먹기 | 00:07:00 | ||
섹션 4. 그리드 | |||
그리드 소개 | 00:10:00 | ||
그리드 써먹기 | 00:08:00 | ||
섹션 5. 미디어 쿼리 | |||
미디어 쿼리 소개 | 00:09:00 | ||
미디어 쿼리 써먹기 | 00:06:00 | ||
CSS 코드의 재사용 | 00:12:00 | ||
섹션 6. 수업을 마치며 | |||
수업을 마치며 | 00:03:00 |
잘들었습니다. 많은 도움 되었습니다.
목소리도 좋고 친절한 강의..너무 좋습니다 감사합니다.