HOME > 상세정보

상세정보

(속이 깊은) HTML5 & CSS3 : 표준화 문서를 기반으로 하는 지침서

(속이 깊은) HTML5 & CSS3 : 표준화 문서를 기반으로 하는 지침서 (15회 대출)

자료유형
단행본
개인저자
김명진
서명 / 저자사항
(속이 깊은) HTML5 & CSS3 : 표준화 문서를 기반으로 하는 지침서 / 김명진 지음
발행사항
파주 :   생능출판,   2014   (2015)  
형태사항
743 p. : 삽화 ; 26 cm
ISBN
9788970508122
일반주기
색인수록  
000 00000cam c2200205 c 4500
001 000045850840
005 20151123175910
007 ta
008 151123s2014 ggka 001c kor
020 ▼a 9788970508122 ▼g 93000
023 ▼a CIP2014014778
035 ▼a (KERIS)BIB000013532578
040 ▼a 211009 ▼c 211009 ▼d 211009
082 0 4 ▼a 006.74 ▼2 23
085 ▼a 006.74 ▼2 DDCK
090 ▼a 006.74 ▼b 2014z2
100 1 ▼a 김명진
245 2 0 ▼a (속이 깊은) HTML5 & CSS3 : ▼b 표준화 문서를 기반으로 하는 지침서 / ▼d 김명진 지음
246 3 ▼a 속이 깊은 HTML5 and CSS3
246 3 ▼a HTML5 and CSS3
260 ▼a 파주 : ▼b 생능출판, ▼c 2014 ▼g (2015)
300 ▼a 743 p. : ▼b 삽화 ; ▼c 26 cm
500 ▼a 색인수록
945 ▼a KLPA

소장정보

No. 소장처 청구기호 등록번호 도서상태 반납예정일 예약 서비스
No. 1 소장처 과학도서관/Sci-Info(1층서고)/ 청구기호 006.74 2014z2 등록번호 121234844 도서상태 대출가능 반납예정일 예약 서비스 B M

컨텐츠정보

책소개

왜 HTML5가 주목받는가?

HTML5는 끊임없는 버전 업과 표준화 작업을 통해 차세대의 중심 플랫폼으로 급부상하고 있다. 특히 최근 HTML5가 주목 받는 이유는 엑티브 X(Active-X)를 설치하지 않아도 동일한 기능을 구현할 수 있고, 플래시(Flash)나 실버라이트(Silverlight), 자바 FX(JAVA FX) 없이도 웹 브라우저에서 화려한 그래픽 효과 및 음악과 동영상을 자유롭게 감상할 수 있기 때문이다. 뿐만 아니라 산업 전반에 걸쳐 새로운 프레임워크로 자리 잡고 있기 때문이다.
대기업들과 정부 각 기관들도 일제히 HTML5 기반으로 한 사이트를 다시 구축하고 있으며, 정부에서도 2017년까지 차세대 웹 표준 HTML5 전문 인력 3천명을 양성하겠다고 발표했다. 따라서 앞으로의 온라인 산업도 HTML5를 기반으로 재편될 것이라 판단된다.

가장 최신의 HTML5 표준화 내용이 충실히 반영된 속 깊은 책

HTML5를 공부하는 많은 학생들은 그 때 그 때 필요한 부분들을 인터넷 검색을 통해 찾아내서 공부하게 되기 쉬운데, 이러한 방식은 HTML의 표준화 내용과 동떨어진 내용을 활용하게 될 위험이 있으며, 장기적으로 볼 때 큰 부담이 될 수도 있는 공부법이다
이 책에 작성된 내용은 대부분 표준화 문서에 있는 내용들을 기본으로 하며, 꼼꼼하고 체계적으로 구성되어 있어 HTML5를 입문하는 학생은 물론, 늘 옆에 두고 참고할 수 있는 HTML5 참고서가 필요한 사람들에게도큰 역할을 할 것이다.
또한, 본 교재와 함께 표준화 문서를 함께 보면서 공부한다면, HTML5에 좀 더 쉽게 접근할 수 있으리라 생각된다. 그러나, HTML5의 기술이 워낙 방대한 양을 담고 있기에 본 교재에서는 학생들에게 가장 우선적으로 필요한 내용들을 압축하여, 기존에 여러 책에서 다루었던 내용들을 그림과 표를 사용해 한 권으로 핵심 내용들만을 우선적으로 공부할 수 있도록 하였다.
내용을 학습함에 있어서 아직 배우지 않은 내용들이 나올 경우에는 보충 설명을 통해 이해를 돕도록 하였기 때문에 학습하는데 어려움이 없으리라 생각한다.

이 책의 내용들은 다음 버전에서 테스트하였다.
* 크롬 버전 38.0.2074.0 canary(64-bit)
* 크롬 버전 36.0.1985.18 beta-m
* 파이어폭스 Nightly 33.0a1 / 파이어폭스 버전 30
* 오페라 개발자 버전 23.0.1522.10
* 인터넷 익스플로러 버전 11.0.9600.17126


정보제공 : Aladin

저자소개

김명진(지은이)

공학박사(통신 및 신호처리 전공) webzealer@ssu.ac.kr 동양미래대학교 겸임교수, 외래교수(숭실대학교, 한국방송통신대학교) - 학부: C/C++/HTML5/웹 프로그래밍/컴퓨터그래픽스/알고리즘/데이터정보처리 - 대학원: 네트워크시뮬레이션/영상통신 저서 『인터넷 프로토콜』(SK Telecom 인재연구원 1997) 『네트워크 기초과정』(SK Telecom 인재연구원 1998) 『프론트페이지 2002 Step by Step』(정보문화사 2001) 『프론트페이지 2002 Inside Out』(정보문화사 2002) 『예제가 가득한 C언어 길라잡이』(정보문화사 2006, 2012) 『속이 깊은 HTML5&CSS3』(생능출판사 2014) 주요 프로젝트 교육과학기술부, 차세대 정보컴퓨팅 기술개발사업 - MIMO HCI S/W 원천기술 개발 정보통신산업진흥원, 서비스 로봇을 위한 멀티모달 지능형 인간-로봇 상호작용 기술 개발 LG전자(주), 압축 동영상의 해상도 및 화질 개선 연구, 양방향 HD급 실시간 A/V 압축전송기술 개발 삼성전자(주), 모바일향 표준 이미지 코덱 SIMD 가속 기술 개발 (주)엔에스테크놀러지(주), H.264 부호화 방식의 성능 최적화 개발 한국전자통신연구원(ETRI), 저전력 H.264 Morion Compensator IP 및 90nm용 VLC/VLD Fim IP 개발

정보제공 : Aladin

목차

1장 HTML5 알아보기 
1절 HTML5 API 및 관련 기술들 
2절 HTML5의 주요 특징 
3절 HTML5 미리 보기(Preview) 
4절 HTML5 표준화 일정 
5절 HTML5를 사용해야 하는 이유 
6절 HTML5 콘텐츠 모델 
7절 HTML5 문서의 기본 구조 
8절 HTML5 요소(Element)의 확장 
9절 HTML5에서 중단된 요소 및 속성 

2장 HTML5 시작하기 
1절 들어가기에 앞서 
2절 레이아웃을 위한 시맨틱 요소들 
2.1 기존 DIV 요소를 이용한 문서의 구조 
2.2 시맨틱 요소를 이용한 문서 레이아웃 꾸미기 
3절 그룹핑 콘텐츠 요소들 
4절 텍스트 레벨의 시맨틱 요소들 
5절 상호작용(Interactive) 요소들 
6절 변경된 요소들 

3장 폼, 드래깅, 텍스트 편집 
1절 폼(Form) 
1절 HTML5 API 및 관련 기술들 
2절 HTML5의 주요 특징 
3절 HTML5 미리 보기(Preview) 
4절 HTML5 표준화 일정 
5절 HTML5를 사용해야 하는 이유 
6절 HTML5 콘텐츠 모델 
7절 HTML5 문서의 기본 구조 
8절 HTML5 요소(Element)의 확장 
9절 HTML5에서 중단된 요소 및 속성 
1.1 폼에 대한 이해 
1.2 HTML5에서 추가된 폼 요소들 
1.3 HTML5에서 추가된 폼 속성들 
1.4 기존 HTML4에서의 입력 타입 
1.5 HTM5에서 추가된 입력 타입 
1.6 HTML5에서 추가된 Input 요소의 속성 
2절 드래그 앤 드롭(Drag and Drop) 
2.1 드래그 앤 드롭에 대하여 
2.2 드래그 속성 지정하기 
2.3 드래그 데이터 저장소(Drag Data Store) 
2.4 데이터전송(DataTransfer) 객체 
2.5 드래그 이벤트 처리하기 
3절 텍스트 편집하기 
3.1 텍스트 편집 속성 
3.2 편집 API 사용 ? 텍스트 편집하기 

4장 CSS3 Part-1 기본 및 선택자 
1절 CSS3 사용하기 
2절 선택자 이해하기 
2.1 기본적인 내용 이해 
2.2 단순 선택자(Simple Selector) 
3절 가상 선택자 
3.1 가상 클래스(Pseudo-classes) 
3.2 가상 요소(Pseudo-elements) 
4절 조합자 
5절 선택자의 우선 순위 

5장 CSS3 Part-2 색상 및 글꼴 
1절 색상 이해하기 
1.1 색상 지정하기 
1.2 그라데이션 색상 지정 
2절 글꼴 스타일 
2.1 기본 글꼴 스타일 
2.2 글꼴 스타일 확장 
2.3 글꼴 기능 확장 

6장 CSS3 Part-3 텍스트 조작 및 장식 
1절 쓰기 모드 ? CSS Writing Mode Level 3 
1.1 쓰기 모드 이해하기 
1.2 가로 방향의 텍스트 
1.3 세로 방향의 텍스트 
1.4 인라인-레벨(Inline-level) 맞춤 
1.5 추상적인 박스 용어(Abstract Box Terminology) 
2절 텍스트 조작하기 
2.1 텍스트 변환 및 공백 처리 
2.2 단어 및 줄 바꿈 처리 
2.3 텍스트 맞춤 처리하기 
2.4 글자 및 단어 사이의 공백 처리하기 
2.5 텍스트 가장자리 효과 지정하기 
3절 텍스트 장식하기 ? CSS Text Decoration Module Level 3 
3.1 텍스트 라인 장식(밑줄, 윗줄, 그리고 취소선) 
3.2 텍스트 강조하기 
3.3 텍스트 그림자 효과 지정하기 

7장 CSS3 Part-4 기본 레이아웃 
1절 CSS 박스 모델 
1.1 CSS 박스 모델의 기초 
1.2 박스의 종류의 지정하기 (display 속성) 
1.3 박스의 외부 여백 지정하기 
1.4 박스의 내부 여백 지정하기 
1.5 박스의 크기(폭과 높이) 지정하기 
1.6 특정 요소의 크기 지정하기 
1.7 플로팅 박스(floating boxes) 
1.8 콘텐츠 넘침(Overflow) 제어하기 
1.9 만들어진 박스의 화면 표시 여부 지정하기 
1.10 박스 회전하기 
2절 레이아웃 위치 지정하기 
2.1 박스 배치 방식 지정하기 
2.2 박스 위치 지정하기 
2.3 논리적인 박스 위치 지정하기 
2.4 계층으로 된 표현 
3절 배경 및 테두리 지정하기 
3.1 배경(Background) 지정하기 
3.2 테두리(Borders) 지정하기 
3.3 박스 모서리(Corners) 모양 지정하기 
3.4 박스 테두리를 이미지로 지정하기 
3.5 박스의 그림자 스타일 지정하기 

8장 CSS3 Part-5 고급 레이아웃 
1절 유연한 박스 레이아웃(Flexible Box Layout) 
1.1 유연한 박스 모델과 용어 
1.2 유연한 컨테이너 
1.3 유연한 박스의 순서 및 방향 
1.4 유연성 
1.5 정렬 지정하기 
1.6 유연한 박스의 교차 축 지정하기 
2절 그리드 레이아웃(Grid Layout) 
2.1 그리드 레이아웃 배경 
2.2 그리드 레이아웃 개념 및 용어 
2.3 그리드 컨테이너 및 항목 
2.4 그리드 레이아웃 만들기 
2.5 그리드 항목 배치하기 
2.6 그리드 정렬하기 
2.7 그리드 항목의 겹침 우선 순서 
3절 사용자 인터페이스(User Interface) 
3.1 요소 아이콘(Element Icons) 
3.2 추가적인 박스 모델 
3.3 박스의 윤곽선 지정하기 
3.4 박스 크기 재조정(Resizing) 및 넘침(Overflow) 
3.5 포인팅 디바이스와 키보드 

9장 CSS3 Part-6 고급기능 다단, 변형, 트랜지션, 마키, 애니메이션 
1절 다단 레이아웃(Multi-column Layout) 
1.1 다단 문서의 개수 및 폭 지정하기 
1.2 열의 간격 및 구분선 스타일 지정하기 
1.3 다단 나누기 지정 
1.4 단의 확장 
1.5 단의 콘텐츠 균형 조정하기 
2절 변형(Transform) 
2.1 좌표 시스템 
2.2 변형 함수 
2.3 변형 기준 및 원근감 
3절 트랜지션(Transition) 
3.1 트랜지션 속성 지정하기 
3.2 트랜지션 시간 지정하기 
3.3 트랜지션 지정하기 
4절 콘텐츠 움직임 지정 - 마키(Marquee) 
4.1 마키 스크롤 방법 지정하기 
4.2 마키 스타일 지정하기 
4.3 마키 특성 지정하기 
5절 애니메이션(Animation) 
5.1 애니메이션 효과 적용 시점 
5.2 애니메이션 속성 
6절 미디어 쿼리(Media Query) 
6.1 미디어 쿼리 사용의 배경 
6.2 미디어 쿼리의 사용 
6.3 미디어 쿼리의 문법 및 조건 
6.4 미디어 기능(Media Features) 

10장 캔버스 Part-1 캔버스 구성 및 기본 드로잉 
1절 캔버스(Canvas) 기본 내요 
1.1 캔버스 요소의 좌표 시스템과 크기 지정하기 
1.2 캔버스 컨텍스트 
1.3 캔버스 상태 저장 및 복원 
1.4 드로잉 모델 
1.5 드로잉 기본 작업 
2절 사각형 그리기 
3절 선 그리기 
3.1 패스와 서브 패스 
3.2 선 그리기 
3.3 선의 경계와 픽셀 경계 
3.4 다각형 그리기 
3.5 점선 그리기 
3.6 선 스타일 지정하기 

11장 캔버스 Part-2 드로잉 확장 
1절 원 그리기 
1.1 원/원호 그리기 - arc() 메서드 
1.2 직선과 연결된 원호 그리기 - arcTo() 메서드 
2절 베지에 곡선(Bezier Curve) 
2.1 2차 베지에 곡선 
2.2 3차(다항) 베지에 곡선 
3절 스타일 지정하기 
3.1 채우기 스타일(Fill Style) 지정 
3.2 와인딩 규칙(Winding Rule) 
3.3 그라데이션(Gradient) 스타일 지정 
3.4 패턴(Pattern) 스타일 지정 
3.5 그림자 스타일 지정 

12장 캔버스 Part-3 드로잉 응용 
1절 도형 합성 및 변환 
1.1 도형 합성하기 
1.2 도형 변환하기 
2절 텍스트 그리기 
2.1 텍스트 테두리 및 채우기 
2.2 글꼴 설정 및 텍스트 배치하기 
3절 이미지 처리하기 
3.1 이미지 그리기 
3.2 이미지 조작하기 
3.3 클리핑 
4절 애니메이션 
4.1 기존 방법의 문제 
4.2 스크립트 기반 애니메이션용 타이밍 컨트롤 
4.3 예제 응용하기 
5절 히트 영역(Hit Regions) 

13장 오디오와 비디오 
1절 미디어 요소 
1.1 미디어 요소의 인터페이스 
1.2 미디어 컨트롤러(MediaController) 
1.3 텍스트 트랙(TextTrack) 
1.4 여러 미디어 트랙이 있는 미디어 자원 
1.5 재생 시간 범위 및 이벤트 
2절 오디오 
2.1 오디오 요소 - audio 
2.3 다양한 포맷 지정 - source 요소 
2.3 오디오 제어하기 
3절 비디오 
3.1 비디오 요소 - video 
3.2 비디오 제어하기 
3.2 자막처리 ? 트랙(track) 요소 

14장 HTML API 1 - 오프라인 웹, 파일접근, 웹 스토리지 
1절 오프라인 웹 애플리케이션 
1.1 소개 
1.2 매니페스트 파일 
1.3 이벤트 처리 
2절 파일 API 
2.1 블롭(Blob) 인터페이스 
2.2 파일(File) 인터페이스 
2.3 파일 리더(File Reader) 인터페이스 
2.4 URL 인터페이스 
3절 웹 스토리지 
3.1 웹 스토리지 개요 
3.2 웹 스토리지 인터페이스 
3.3 세션 및 로컬 스토리지 
3.4 스토리지 이벤트 

15장 HTML API 2 - 웹 워커, 웹 소켓, 위치 정보 
1절 웹 워커 
1.1 웹 워커 소개 
1.2 전용 워커(Dedicated Worker) 
1.3 공유 워커(Shared Worker) 
1.4 워커의 전역 범위 
1.5 워커에서 사용 가능한 API 
2절 웹 소켓 
2.1 기존 방식의 문제점 
2.2 웹 소켓의 개념 
2.3 웹 소켓 API 
3절 위치 정보를 위한 Geolocation 
3.1 위치 정보의 기초 
3.2 Geolocation API 사용 
3.3 구글 지도 활용하기?Google Maps API v3

관련분야 신착자료

Cartwright, Hugh M. (2021)
한국소프트웨어기술인협회. 빅데이터전략연구소 (2021)