로그인정보 입력 영역

아이디

비밀번호

• 2023학년도 상반기 전자책 多대출대회 안내
• 전자책 장기대출 프로그램 안내
• 전자책도서관 리뉴얼 안내

• 홈
• 전자책

책소개

크로스 브라우징과 반응형 웹 제작 비법을 배우는 HTML5 실무 가이드
HTML5가 중요하다고는 하지만 실제로 HTML5 기반으로 웹 사이트를 제작하는 것은 부담이다. 왜냐하면 아직 오래된 버전의 웹 브라우저를 많이 사용하는 국내 웹 환경에서 자칫 HTML5 요소가 지원되지 않거나 웹 페이지가 잘못 표현되는 등의 문제가 발생할 수 있기 때문이다. HTML5 보일러플레이트는 HTML5 기반으로 웹 사이트를 만들면서도 오래된 버전의 웹 브라우저와도 호환 가능할 수 있게 설계한 크로스 브라우징 웹 템플릿으로, 이 책에서는 템플릿을 국내 웹 제작환 경에 맞도록 수정하고 크로스 브라우징을 지원하면서 반응형 웹으로 작동 가능한 예제를 만들어본다.

저자소개

1980년 9월 25일 서울 출생. 화곡고등학교, 순천향대학교를 졸업하고 국민대학교 디자인대학원 시각디자인 석사 과정을 수료했다. 2005년 서울시 그랜드서울 그래픽 공모전 동상, 2006년 마이크로소프트 윈도우즈XP 공모전 동상, 2006년 KTF 고구려포토 공모전 대상, 2007년 어도비 CS3 크리에이티브쇼 컨테스트 동상을 수상했다.  SK 커뮤니케이션즈 소속이다.

목차

1장. HTML5 보일러플레이트 소개
__1.1 HTML5 보일러플레이트란?
__1.2 HTML5 보일러플레이트의 주요 특징
____1.2.1 jQuery 라이브러리
____1.2.2 Modernizr 라이브러리
__1.3 HTML5 보일러플레이트 다운로드
____1.3.1 Github
____1.3.2 Initializr
__1.4 HTML5 보일러플레이트의 버전별 변화
__1.5 HTML5 보일러플레이트의 장단점

2장. HTML5 보일러플레이트 분석
__2.1 HTML5 보일러플레이트 구조
____2.1.1 루트 디렉터리 구조
____2.1.2 추가 디렉터리 구조
__2.2 index.html 분석
__2.3 normalize.css 분석
____2.3.1 HTML5 요소 관련 설정
____2.3.2 기본 요소 관련 설정
____2.3.3 하이퍼링크 요소 관련 설정
____2.3.4 텍스트 요소 관련 설정
____2.3.5 목록 요소 관련 설정
____2.3.6 내장 콘텐츠 요소 관련 설정
____2.3.7 「figure」 요소 관련 설정
____2.3.8 「form」 및 하위 요소 관련 설정
____2.3.9 「table」 요소 관련 설정
__2.4 main.css 분석
____2.4.1 HTML5 보일러플레이트 고유 설정
____2.4.2 Chrome 프레임 관련 설정
____2.4.3 도움을 주는 class 속성 설정
____2.4.4 미디어 쿼리 관련 설정
__2.5 plugins.js 분석

3장. 국내 환경에 맞게 수정한 HTML5 보일러플레이트 템플릿
__3.1 수정한 HTML5 보일러플레이트 구조
__3.2 index.html의 변경점
__3.3 normalize.css의 변경점
____3.3.1 국내에서 사용하지 않는 normalize.css 코드 예
____3.3.2 새롭게 추가하거나 수정한 부분
__3.4 main.css의 변경점

4장. 예제 웹 페이지 만들기
__4.1 웹 페이지 구성 노하우
__4.2 반응형 웹 구성 미리 보기
____4.2.1 레이아웃 구조 살펴보기
__4.3 레이아웃 구조 만들기
____4.3.1 HTML 마크업
____4.3.2 CSS 코딩
__4.4 반응형 웹 만들기
____4.4.1 레이아웃 CSS 반응형
__4.5 header 영역 만들기
____4.5.1 HTML 마크업
____4.5.2 CSS 코딩
__4.6 article 영역 만들기
____4.6.1 HTML 마크업
____4.6.2 이미지 플리킹 효과
____4.6.3 CSS 코딩
__4.7 aside 영역 만들기
____4.7.1 HTML 마크업
____4.7.2 CSS 코딩
__4.8 footer 영역 만들기
____4.8.1 HTML 마크업
____4.8.2 CSS 코딩
____4.8.3 placeholder 속성 변경하기
__4.9 반응형 웹: 태블릿 PC 버전 완성하기
____4.9.1 header 영역
____4.9.2 article 영역
____4.9.3 aside 영역
____4.9.4 footer 영역
__4.10 크로스 브라우징 확인

부록. 예제 웹 페이지 소스 코드
__index.html
__normalize.css
__main.css
__index.css

한줄 서평