본 교재는 HTML5, CSS3, 자바스크립트 및 jQuery의 기본개념을 설명하는 교재이며, http://한국.net (ㄱ.com ㄴ.com .. ㅎ.com ㅏ.com 김.net 이.net ... 황.net 등) 시범 포털의 실제 응용사례를 소개하여, 이론과 실습을 병행하는 교재이다. 서버용 스크립트 예로서 ASP도 간략히 설명하였으며, 소셜네트워크 서비스 (Social Network Service), 즉 페이스북과 트위터에 웹페이지를 연동하는 예와 구글 애드센스 (Google Adsense) 광고와 연동하는 내용도 소개하였다. 또한, 참고용으로, 웹서버와 클라이언트사이의 HTML, CSS, 자바스크립트를 포함한 콘텐츠의 전송 패킷들을 인터넷상에서실제 볼 수 있도록 와이어샤크 (Wireshark) 패킷분석의 핵심내용을 추가하였다.
목차
CHAPTER 1 HTML5 튜토리얼
1.1 HTML 및 한국.net 시범사이트 소개
1.1.1 HTML 튜토리얼
1.1.2 기초내용 설명
1.2 HTML 요소 및 속성
1.2.1 HTML 요소
1.2.2 HTML 속성
1.2.3 HTML 제목
1.2.4 HTML 문단
1.2.5 HTML 스타일들
1.2.6 HTML 텍스트 양식(formatting)
1.2.7 HTML 인용 요소들
1.2.8 HTML 컴퓨터코드 요소
연습문제 (1주)
1.3 HTML 스타일 및 CSS
1.3.1 HTML 스타일-CSS
1.4 HTML 링크 및 클래스
1.4.1 HTML 링크
1.4.2 HTML 이미지들
1.4.3 HTML 테이블
1.4.4 응용 예 http://한국.net
1.4.5 HTML 리스트들
1.4.6 HTML 리스트 태그들
1.4.7 HTML 블록과 인라인 요소들
1.4.8 HTML 클래스 속성
1.4.9 HTML i프레임들
연습문제 (2주)
1.5 HTML 자바스크립트
1.5.1 HTML 자바스크립트
1.5.2 HTML <head> 요소
1.5.3 HTML 레이아웃
1.6 HTML 반응형 및 폼
1.6.1 HTML 반응형 웹 디자인
1.6.2 HTML 특별 문자들 표현
1.6.3 HTML 인코딩 문자세트
1.6.4 HTML URLs
1.6.5 HTML과 XHTML
1.6.6 HTML 폼(양식)
1.6.7 기초내용 설명
연습문제 (3주)
HTML QUIZ 문제
1.7 HTML5 소개 및 요소들
1.7.1 HTML5 소개
1.7.2 기초내용 설명
1.8 HTML5 비디오 및 오디오
1.8.1 HTML5 미디어
연습문제 (4주)
CHAPTER 2 CSS3 튜토리얼
2.1 CSS 소개 및 한국.net 응용 예
2.1.1 한국.net에서 CSS 사용 예
2.1.2 CSS 튜토리얼
2.1.3 CSS 소개
2.1.4 CSS 구문과 선택자들
2.2 CSS 박스모델 및 링크
2.2.1 CSS 박스모델
2.2.2 CSS 아웃트라인
2.2.3 CSS 텍스트(text) 속성들
2.2.4 CSS 폰트(fonts)
2.2.5 CSS 링크
2.2.6 CSS 리스트 속성들
2.2.7 CSS 테이블 111
2.2.8 CSS 레이아웃-보여주기(display) 속성
2.2.9 CSS 레이아웃-폭(width)과 최대폭(max-width)
연습문제 (5주)
2.3 CSS 위치 및 가상 클래스
2.3.1 한국.net 에서 CSS 위치 속성 예
2.3.2 CSS 레이아웃-위치 속성
2.3.3 CSS 레이아웃–오버플로우(overflow)
2.3.4 CSS 레이아웃-뜨기(float)와 치우기(clear)
2.3.5 CSS 인라인-블럭 (inline-block)
2.3.6 CSS 레이아웃-수평 및 수직 정렬
2.3.7 CSS 결합자(Combinators)
2.3.8 CSS 가상-클래스
2.3.9 CSS 가상-요소
2.3.10 CSS 불투명도/투명도
2.3.11 CSS 네비게이션 바
2.3.12 CSS 드롭다운
2.3.13 CSS 속성 선택자
2.3.14 CSS 양식들(forms)
2.3.15 CSS 카운터
2.4 CSS3 소개 및 둥근 모서리
2.4.1 이름포털 한국.net 웹서비스 사용 예
2.4.2 기초내용 설명
연습문제 (6주)
CSS QUIZ 문제
2.5 CSS3 이동 및 애니메이션
2.5.1 한국.net 사이트에서의 애니메이션 응용
2.5.2 기초내용 설명
2.6 RWD 반응형 웹 디자인
2.6.1 이름포털 한국.net 웹서비스 사용 예
2.6.2 기초내용 설명
연습문제 (7주)
HTML5 및 CSS3 : 중간고사 (8주)
CHAPTER 3 JS 홈 및 소개
3.1 JS 홈 및 소개
3.1.1 자바스크립트 튜토리얼
3.1.2 기초내용 설명
3.2 JS 변수 및 연산자
연습문제 (9주)
3.3 JS 이벤트 및 문자열
3.4 JS 날짜 및 배열
연습문제 (10주)
3.5 JS 조건 및 반복문
3.6 JS 에러 및 디버깅
연습문제 (11주)
JavaScript QUIZ 문제
3.7 JS 양식 및 함수
3.8 JS HTML DOM
연습문제 (12주)
3.9 JS 브라우저 BOM
3.10 HTML5 캔버스 및 지도위치 APIs
연습문제 (13주)
CHAPTER 4 jQuery 튜토리얼
4.1 jQuery 튜토리얼
4.1.1 jQuery 튜토리얼 URL: http://w3schools.com/jQuery
4.2 jQuery 효과
연습문제 (14주)
4.3 jQuery HTML
4.4 jQuery 이동 및 AJAX
연습문제 (15주)
jQuery QUIZ 문제
CHAPTER 5 서버스크립트(ASP) 응용
5.1 ASP 및 한국.net 시범사이트 소개
5.2 ASP 객체 및 응용 프로그램
CHAPTER 6 소셜네트워크 서비스 및 광고 연동
6.1 페이스북 및 트위터의 한국.net 연동
6.2 구글 애드센스 광고의 한국.net 연동
CHAPTER 7 HTTP 및 와이어샤크(Wireshark) 보기
7.1 HTTP 및 Web Service(한국.net) 소개
7.2 와이어샤크(Wireshark) 보기
APPENDIX 웹서비스의 실시간 통계분석 자료
