웹프로그래밍 HTML5 CSS3 자바스크립트 JQuery (with 한국.net 이름포털 사례기반)

김영복

CHAPTER1HTML5튜토리얼
1.1HTML및한국.net시범사이트소개
1.1.1HTML튜토리얼
1.1.2기초내용설명
1.2HTML요소및속성
1.2.1HTML요소
1.2.2HTML속성
1.2.3HTML제목
1.2.4HTML문단
1.2.5HTML스타일들
1.2.6HTML텍스트양식(formatting)
1.2.7HTML인용요소들
1.2.8HTML컴퓨터코드요소
연습문제(1주)
1.3HTML스타일및CSS
1.3.1HTML스타일-CSS
1.4HTML링크및클래스
1.4.1HTML링크
1.4.2HTML이미지들
1.4.3HTML테이블
1.4.4응용예http://한국.net
1.4.5HTML리스트들
1.4.6HTML리스트태그들
1.4.7HTML블록과인라인요소들
1.4.8HTML클래스속성
1.4.9HTMLi프레임들
연습문제(2주)
1.5HTML자바스크립트
1.5.1HTML자바스크립트
1.5.2HTML요소
1.5.3HTML레이아웃
1.6HTML반응형및폼
1.6.1HTML반응형웹디자인
1.6.2HTML특별문자들표현
1.6.3HTML인코딩문자세트
1.6.4HTMLURLs
1.6.5HTML과XHTML
1.6.6HTML폼(양식)
1.6.7기초내용설명
연습문제(3주)
HTMLQUIZ문제
1.7HTML5소개및요소들
1.7.1HTML5소개
1.7.2기초내용설명
1.8HTML5비디오및오디오
1.8.1HTML5미디어
연습문제(4주)

CHAPTER2CSS3튜토리얼
2.1CSS소개및한국.net응용예
2.1.1한국.net에서CSS사용예
2.1.2CSS튜토리얼
2.1.3CSS소개
2.1.4CSS구문과선택자들
2.2CSS박스모델및링크
2.2.1CSS박스모델
2.2.2CSS아웃트라인
2.2.3CSS텍스트(text)속성들
2.2.4CSS폰트(fonts)
2.2.5CSS링크
2.2.6CSS리스트속성들
2.2.7CSS테이블111
2.2.8CSS레이아웃-보여주기(display)속성
2.2.9CSS레이아웃-폭(width)과최대폭(max-width)
연습문제(5주)
2.3CSS위치및가상클래스
2.3.1한국.net에서CSS위치속성예
2.3.2CSS레이아웃-위치속성
2.3.3CSS레이아웃?오버플로우(overflow)
2.3.4CSS레이아웃-뜨기(float)와치우기(clear)
2.3.5CSS인라인-블럭(inline-block)
2.3.6CSS레이아웃-수평및수직정렬
2.3.7CSS결합자(Combinators)
2.3.8CSS가상-클래스
2.3.9CSS가상-요소
2.3.10CSS불투명도/투명도
2.3.11CSS네비게이션바
2.3.12CSS드롭다운
2.3.13CSS속성선택자
2.3.14CSS양식들(forms)
2.3.15CSS카운터
2.4CSS3소개및둥근모서리
2.4.1이름포털한국.net웹서비스사용예
2.4.2기초내용설명
연습문제(6주)
CSSQUIZ문제
2.5CSS3이동및애니메이션
2.5.1한국.net사이트에서의애니메이션응용
2.5.2기초내용설명
2.6RWD반응형웹디자인
2.6.1이름포털한국.net웹서비스사용예
2.6.2기초내용설명
연습문제(7주)
HTML5및CSS3:중간고사(8주)

CHAPTER3JS홈및소개
3.1JS홈및소개
3.1.1자바스크립트튜토리얼
3.1.2기초내용설명
3.2JS변수및연산자
연습문제(9주)
3.3JS이벤트및문자열
3.4JS날짜및배열
연습문제(10주)
3.5JS조건및반복문
3.6JS에러및디버깅
연습문제(11주)
JavaScriptQUIZ문제
3.7JS양식및함수
3.8JSHTMLDOM
연습문제(12주)
3.9JS브라우저BOM
3.10HTML5캔버스및지도위치APIs
연습문제(13주)

CHAPTER4jQuery튜토리얼
4.1jQuery튜토리얼
4.1.1jQuery튜토리얼URL:http://w3schools.com/jQuery
4.2jQuery효과
연습문제(14주)
4.3jQueryHTML
4.4jQuery이동및AJAX
연습문제(15주)
jQueryQUIZ문제

CHAPTER5서버스크립트(ASP)응용
5.1ASP및한국.net시범사이트소개
5.2ASP객체및응용프로그램

CHAPTER6소셜네트워크서비스및광고연동
6.1페이스북및트위터의한국.net연동
6.2구글애드센스광고의한국.net연동

CHAPTER7HTTP및와이어샤크(Wireshark)보기
7.1HTTP및WebService(한국.net)소개
7.2와이어샤크(Wireshark)보기
APPENDIX웹서비스의실시간통계분석자료

서버용스크립트예로서ASP도간략히설명하였으며,소셜네트워크서비스(SocialNetworkService),즉페이스북과트위터에웹페이지를연동하는예와구글애드센스(GoogleAdsense)광고와연동하는내용도소개하였다.또한,참고용으로,웹서버와클라이언트사이의HTML,CSS,자바스크립트를포함한콘텐츠의전송패킷들을인터넷상에서실제볼수있도록와이어샤크(Wireshark)패킷분석의핵심내용을추가하였다.