(Image Credit, Flickr, Christian Heilmann By CCL)
안녕하세요,
지난 안드로이드에 이어, HTML5와 CSS3를 합니다.
4월달 마지막 강의는 HTML5, CSS3입니다.
PC, 태블릿, 스마트폰, TV까지 다양하게 접목이 가능한 언어로 여러분이 쉽게 서비스를 제공하는데 도움이 될 것입니다.
강좌는 2015년 4월 31일까지 전부 업로드 합니다. 강좌는 전처럼 www.youtube.com/wizcenterseoul 및 www.wiz.center/tag/html5css3_movies 에서 확인 가능합니다.
강의 내용
1강_web과 html
- Web이란?
- HTML이란?
- CSS란?
2강_HTML 기본-I
- 태그란?
- HTML버전과 편집툴
- HTML태그 개요
- h1,p,br,a,b,i,sup,ins,del 태그
3강_HTML 기본-II
- 리스트 태그 - ul,li,ol
- 표를 나타내는 태그 - table
- 이미지를 출력하는 태그 – img
- 사운드를 출력하는 태그 – audio
- 주간 히트송 예제
4강_HTML 기본-III
- 동영상을 출력하는 태그 - video
- 폼 태그
- 레이아웃 구성 태그 – div, span
5강_HTML 기본-IV
- div를 이용한 레이아웃
- 시멘틱을 이용한 레이아웃
6강_CSS 기본-I
- 선택자란?
- tag 선택자
- * 선택자
- 전체와 특정태그의 혼합
7강_CSS 기본-II
- id(#) 와 class(.)
- tag,id, class 혼합
- 속성 선택자
- 후손 및 자손 선택자
- 동위 선택자
8강_CSS 기본-III
- 반응 선택자
- 상태 선택자
- 구조 선택자
- 전체적인 레이아웃 설정
9강_CSS 기본-IV
- 문자 선택자
- 링크 선택자
- 부정 선택자
10강_CSS 속성-I
- CSS3 단위
- url()
- display 속성
- visibility 속성
- opacity 속성
11강_CSS 속성-II
- margin 및 padding 속성
- box-sizing 속성
- border 속성
- background-image 속성
12강_CSS 속성-III
- font-family , font-size 속성
- font-style, font-weight, line-height 속성
- text-align, text-decoration 속성
- position 속성
13강_CSS 속성-IV
- float 속성
- gradient 속성
14강_웹페이지 실전-I
- 다양한 웹사이트의 레이아웃
- (분석) http://www.yahoo.com의 전체적인 레이아웃
15강_웹페이지 실전-II
- 일반적인 쇼핑몰 레이아웃
16강_웹페이지 실전-III
- 웹폰트
17강_스마트폰 레이아웃-I
- viewport
- header 제작
- 네비 제작
18강_스마트폰 레이아웃-II
- 본문 제작
- footer 제작
19강_스마트폰 레이아웃-III
- 스마트폰 레이아웃
20강_태블릿 레이아웃-I
- 헤더 제작
- 네비(메뉴) 제작
21강_태블릿 레이아웃-II
- 콘텐츠 제작
- 푸터 제작
22강_태블릿 레이아웃-III
- 고정 바
23강_CSS3 변형
- 변형 기본
- 변형 속성
24강_CSS3 애니메이션
- 키프레임과 애니메이션 속성
25강_CSS3 변환(transform)
- 변환 속성
26강_CSS3 규칙
- CSS파일 분리
- @import 규칙
- @media 규칙
27강_반응형 웹
- 반응형 웹
28강_그리드 레이아웃-I
- 플러그인을 이용한 그리드 시스템
- 고정형 그리드 시스템 제작
29강_그리드 레이아웃-II
- 가변형 그리드 시스템 제작
30강_웹문서 제작 팁
- 웹문서 제작 팁