길벗·이지톡

도서 IT전문서/IT입문서
사용자 친화적이고 보기 좋은 웹 사이트 만들기 HTML5 & CSS3 웹 디자인 완벽 가이드
정 가
34,000원
I S B N
9788966185177
출 간
2013-01-23
분 량
608쪽
지 은 이
크레이그 그래넬 (CraigGrannell),빅터 섬너(Victor Sumner),디오니시오스 시노디노스(Dionysios Sy)
난 이 도
초급
부 록
소스 코드

《HTML5 & CSS3 웹 디자인 완벽 가이드

블로그, 온라인 상점, 기업 홈페이지, 온라인 갤러리까지 실전 사례로 배운다!
이 책에서는 독자들이 배운 내용을 활용할 수 있도록 실전 사례를 통해 알아보안다. 사용자들이 필요로하며 가장 인기 있는 웹 사이트 유형(블로그, 온라인 상점, 기업 홈페이지, 온라인 갤러리)을 비롯해 중요한 디자인 요소들을 실제로 경험할 수 있다. 또한 부록에서는 HTML, CSS, 색상 레퍼런스, 엔티티 등을 유용한 정보를 소개해준다.

초보자와 숙련된 개발자 모두에게 꼭 필요한 책!
웹 디자인과 관련한 모든 기술과 요소를 다루므로(기초부터 고급까지) 초보자나 전문가 모두가 보기에 적합한 책이다. 표준 기반 웹 디자인을 처음 만들어보는 경우라라도, 특정 지식을 전제로 하지 않고 기초 지식부터 설명하기 때문에 걱정하지 않아도 된다. 

CSS 레이아웃을 활용해 작업하고 싶은 숙련된 디자이너나 최신 웹사이트를 개발하려는 그래픽 디자이너에게도 도움이 되게끔 최신 개념, 기법, 사고 방식에 대해서도 계속해서 살펴본다. 처음 개발을 시작하는 초보자는 기본 지식을 빠르게 배울 수 있으며, 숙련된 개발자들은 모범 기법과 어트리뷰트, 그리고 지금껏 사용해본 적이 없는 기타 상세 정보에 대한 충분한 레퍼런스를 얻을 수 있을 것이다.

사용자 친화적이고 보기 좋은 웹 사이트 만드는 법, A부터 Z까지 완벽 가이드!
이 책에서는 웹 표준, 사용성, 접근성을 지향하며, 모든 사람이 더 좋은 웹사이트를 개발할 수 있게 기술 전문가와 디자이너가 시각 디자인을 활용하는 법을 다룬다. 또 특정 태그나 속성을 찾아보고 싶은 독자들을 위해 중요한 HTML 엘리먼트 및 어트리뷰트, HTML5 엔티티, 웹 색상, CSS3 속성 및 값에 대한 방대한 레퍼런스를 제공한다.

이 책을 통해 배울 수 있는 것들 
HTML5 및 CSS3 웹 디자인의 기본
인터넷 익스플로러, 파이어폭스, 오페라, 사파리, 크롬에 구현된 최신 표준 활용
효과적 레이아웃, 테이블, 이미지, 내비게이션, 폼, 타이포그래피
쿼크, 버그, 주요 브라우저의 핵(hack) 등을 비롯한 크로스 브라우저 이슈
사용자 친화적 접근 방식과 접근성이 높은 웹 사이트
다양한 웹 프론트엔드 스타일을 적용한 실전 예제 

목차

Chapter 01 웹 디자인 소개

01_ 인터넷에 대한 짧은 역사
02_ 왜 웹 사이트를 만들까?
03_ 대상 사용자에 대한 고려
04_ 웹 디자인 개요
05_ HTML5 소개
06_ 웹 표준과 HTML
07_ CSS 소개
08_ 보일러플레이트의 작성
09_ 웹 사이트 컨텐츠의 활용
10_ 정보 아키텍처와 사이트 맵
11_ 기본 웹 페이지 구조와 레이아웃
12_ 웹 디자인의 한계


Chapter 02 웹 페이지의 기본

01_ 기본부터 시작하기
02_ HTML vs. XHTML
03_ 문서 기본값
04_ DOCTYPE 선언 설명
05_ head 영역
06_ body 영역
07_ 웹 페이지 배경
08_ 문서 닫기
09_ 파일명 지정
10_ 작업물에 주석 달기
11_ 코드의 빠른 테스트
12_ 웹 페이지 기본 체크 리스트


Chapter 03 타이포그래피 활용

01_ 타이포그래피 소개
02_ 낡은 방식으로 텍스트에 스타일 적용하기(font 태그가 잘못된 이유)
03_ 새로운 시작 : 의미적 마크업
04_ CSS를 활용한 텍스트 스타일 적용
05_ 리스트의 활용


Chapter 04 이미지 활용

01_ 소개
02_ 색상 이론
03_ 이미지 형식의 선택
04_ 자주 저지르는 웹 이미지 작업 실수
05_ HTML에서의 이미지 활용
06_ 이미지 작업에서의 CSS 활용


Chapter 05 링크 활용과 내비게이션 생성

01_ 웹 내비게이션의 소개
02_ 내비게이션 유형
03_ 웹 페이지 링크 생성 및 스타일 적용
04_ 절대 링크
05_ 링크와 이미지
06_ 자바스크립트를 활용한 링크 개선
07_ 내비게이션 바의 개발
08_ 웹 내비게이션에서 해야 할 일과 하지 말아야 할 일


Chapter 06 테이블: 테이블의 용도와 W3C의 본래 의도

01_ 테이블을 둘러싼 논쟁
02_ 테이블의 동작 원리
03_ 접근 가능한 테이블의 개발
04_ 테이블에 스타일 적용
05_ 레이아웃 테이블


Chapter 07 CSS를 활용한 페이지 레이아웃

01_ 웹용 레이아웃
02_ CSS 레이아웃의 작업 흐름
03_ CSS 레이아웃 : 단일 상자
04_ 중첩 박스 : 박스아웃
05_ 여러 개의 박스와 칼럼을 활용한 고급 레이아웃
06_ 스크롤 가능 컨텐츠 영역


Chapter 08 사용자 피드백 받기

01_ 사용자 피드백 소개
02_ 폼 활용
03_ 폼의 CSS 스타일 및 레이아웃
04_ 피드백 전송
05_ 연락처 페이지의 레이아웃
06_ 마이크로포맷을 활용한 연락처 정보 개선
07_ 연락처 상세 정보 구조 다시 보기


Chapter 09 브라우저 쿼크의 처리

01_ 마지막 테스트
02_ 자주 일어나는 에러의 예방
03_ 브라우저 테스트 스위트
04_ 인터넷 익스플로러 버그의 처리
05_ 레거시 브라우저의 지원


Chapter 10 총정리

01_ 한데 모으기
02_ 스타일 시트 관리
03_ 포트폴리오 레이아웃의 개발
04_ 기업 웹 사이트의 개발
05_ 블로그 레이아웃의 개발
06_ 인쇄용 스타일 시트 작업


Appendix A HTML5 레퍼런스

01_ 표준 어트리뷰트
02_ 이벤트 어트리뷰트


Appendix B 웹 색상 레퍼런스

01_ 색상값
02_ 색상명


Appendix C 엔티티 레퍼런스

01_ HTML5에서 사용되는 문자
02_ 구두점 문자 및 기호
03_ 유럽 언어용 문자
04_ 통화 기호
05_ 수학, 기술, 그리스어 문자
06_ 화살표, 마름모, 카드 기호
07_ 비표준 마이크로소프트 문자셋의 변환


Appendix D CSS 레퍼런스

01_ CSS 박스 모델
02_ 자주 사용하는 CSS 값
03_ CSS 속성 및 값
04_ 기본 선택자
05_ 의사 클래스
06_ 의사 엘리먼트
07_ CSS 보일러플레이트 및 관리
더보기접기

저자

ㆍ지은이 크레이그 그래넬 (CraigGrannell)

지은이 소개

원래 순수 미술을 전공한 그는 1990년대 중반에 디지털 미디어 세계에 매료되어 비디오, 설치 기반 오디오 작품, 이상한 라이브 퍼포먼스(컴퓨터, 텔레비전, 비디오, PA 시스템을 활용하거나 이따끔 작은 물 가방을 머리 위에 올려놓는) 등 다양한 크리에이티브 프로젝트를 수행했다. 그는 크리에이티브와 풍자를 겸비한 재미있는 예술 작품들로 보는 이들에게 깊은 인상을 남겼으며, 유럽의 여러 미디어 아트 페스티발에서 성공적으로 공연한 적도 있다. 또한 작은 스튜디오인 스넙 커뮤니케이션즈(www.snubcommunications.com)를 설립했고 다양한 클라이언트를 위한 디자인 및 집필 작업을 하고 있기도 하다. 크레이그가 작업한 프로젝트는 에서 확인할 수 있다. 


ㆍ지은이 빅터 섬너(Victor Sumner)

지은이 소개

룩스마트의 선임 소프트웨어 엔지니어이며 온라인 광고 플랫폼 개발 및 유지 보수를 돕고 있다. 독학으로 개발자가 된 그는 항상 신기술에 관심이 많으며 새로운 분야에서 작업하고 문제를 해결하는 것을 좋아한다. 


ㆍ지은이 디오니시오스 시노디노스(Dionysios Sy)

지은이 소개

C4Media의 리서치 플랫폼 팀장이자 프리랜서 컨턴설트이다. 전문 분야는 리치 인터넷 애플리케이션, 웹 애플리케이션 보안, 모바일 웹, 웹 서비스다. 그는 InfoQ의 HTML5 및 자바스크립트의 리드 편집자이며 JVM 플랫폼에 관한 글을 정기적으로 쓴다. 디오니시오스는 Apress에서 출간한 ≪Pro HTML5 and CSS3 Design Patterns≫의 저자이기도 하다. 서버 측 프로그래밍과 UI 디자인을 오가며 10년 넘게 프로그래밍을 했으며 다양한 소프트웨어 프로젝트에 참여했고 여러 간행물에 기고했다. 



연관 프로그램

아래 프로그램은 길벗출판사가 제공하는 것이 아닙니다.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.