상세정보

레스토랑 체인점 웹사이트 개발을 해보며 실전 감각을 익히는 책. HTML5와 CSS3로 다양한 레이아웃 디자인을 해보는 것부터 시작하는 이 책은, 이후 실전 첫 단계로 레스토랑 체인점 사이트를 디자인하고 이 사이트의 리뉴얼을 해보면서 CSS의 강력한 기능을 체험할 수 있도록 구성하였다.

쇼핑몰 웹사이트 디자인은 이 책의 하이라이트로, 쇼핑몰은 수많은 디자인 기법들이 적용되기 때문에 아주 많은 고급 기법을 직접 체득할 수 있다. 또한 모바일 시대에 각종 기기에 최적화한 사이트를 만드는 능력을 위해 CSS의 미디어 쿼리 기술로 태블릿이나 스마트폰 등 다양한 기기에서 맞춘 사이트를 만들어 본다.

HTML5와 CSS3로 다양한 레이아웃 디자인을 해보는 것부터 시작합니다. 실전 첫 단계로 레스토랑 체인점 사이트를 제작해보고 바로 리뉴얼까지 해보면서 CSS의 강력한 기능을 체험할 수 있습니다.
쇼핑몰 웹사이트 디자인은 이 책의 하이라이트입니다. 쇼핑몰은 수많은 디자인 기법들이 적용되기 때문에 아주 많은 고급 기법을 직접 체득할 수 있습니다.
모바일 시대에 각종 기기에 최적화한 사이트를 만드는 능력은 당연히 필수겠죠? CSS의 미디어 쿼리 기술로 태블릿이나 스마트폰 등 다양한 기기에서 맞춘 사이트를 만들어봅니다. 모르면 힘들지만, 알고 나면 정말 쉽고 강력하다는 것을 느낄 겁니다.
그리고 가변길이 사이트까지 섭렵하면, 여러 분은 웹 표준 디자인 전문가로서 큰 자신감을 얻을 수 있을 것입니다.

http://css3.zerois.net/pagpan (레스토랑 체인점 사이트)
http://css3.zerois.net/npagpan (레스토랑 체인점 리뉴얼 사이트)
http://css3.zerois.net/senop (쇼핑몰 사이트)
http://css3.zerois.net/senop/index2.php (각종 모바일 기기에도 맞춘 사이트)
http://css3.zerois.net/pagpan/max.php (가변길이 사이트)

샘플원고 살펴보기 → www.roadbook.co.kr/77


_대상 독자
아직도 CSS가 익숙지 않아서 매일 디자인 버그에 시달리고 있는 웹 디자이너
리뉴얼도 힘들고 유지보수도 힘든 결과를 내고 있는 웹 디자이너
웹 디자이너가 되기 위해 공부하고 있는 학생
웹 디자이너와 협업을 해야 하는 웹 기획자나 개발자

_주요 내용

웹 표준 디자인 전문가로 가는 길을 제시한다!
실전! HTML5 & CSS3 웹 디자인의 모든 것

레스토랑 체인점 웹사이트 개발
HTML5 사이트의 구조를 어떻게 만드는지, 그에 따른 디자인 처리는 CSS3로 어떻게 하는지 자세하게 설명합니다.

빠르고 쉽게 웹사이트를 리뉴얼한다!
기본적인 HTML 구조는 거의 유지한 상태에서 CSS를 이용하여 사이트를 리뉴얼하는 과정을 상세하게 배울 수 있습니다.

쇼핑몰 웹사이트 제작을 통한 다양한 기법 습득
쇼핑몰 사이트 요소에 다양한 기법이 적용되기 때문에 웹 표준 디자인에 대한 전문적인 스킬을 배울 수 있어 자신감을 높일 수 있습니다.

미디어 쿼리를 이용한 모바일 및 가변길이 사이트 제작
미디어 쿼리를 이용하여 앞서 개발한 쇼핑몰 사이트를 모바일 기기에 최적화하는 방법을 소개합니다. CSS를 이용하여 PC, 태블릿, 스마트폰에서 볼 때 각각 다른 사이트로 만들 수 있는 기법이 소개됩니다.

Q&A 사이트를 운영하여 언제든지 궁금한 점을 물어볼 수 있고 빠르게 답해드립니다.
http://roadbook.zerois.net/QnA


_편집자 코멘트
이 책은 제목 그대로 "실전 감각"을 익히는 책입니다. HTML5와 CSS3로 다양한 레이아웃 디자인을 해보는 것부터 시작합니다. 이후 실전 첫 단계로 레스토랑 체인점 사이트를 디자인해봅니다. 그리고 이 사이트의 리뉴얼을 해보면서 CSS의 강력한 기능을 체험할 수 있습니다.
쇼핑몰 웹사이트 제작 부분이 압권입니다. 쇼핑몰은 복잡한 것 같지만, 사실 구조는 간단합니다. 하지만 CSS로 디자인을 제어할 수 있는 수많은 기법들이 적용되기 때문에 아주 많은 고급 기법을 직접 체득하고 내 디자인 능력으로 만들 수 있습니다.
모바일 시대에 각종 기기에 최적화한 사이트를 만드는 능력은 당연히 필수겠죠? CSS의 미디어 쿼리 기술로 태블릿이나 스마트폰 등 다양한 기기에서 맞춘 사이트를 만들어봅니다. 모르면 힘들지만, 알고 나면 정말 쉽고 강력하다는 것을 느낄 겁니다.
그리고 가변길이 사이트까지 섭렵하면, 여러 분은 웹 표준 디자인 전문가로서 큰 자신감을 얻을 수 있을 것입니다.

정보제공 :

1장 HTML5와 CSS3 소개 
Section 1 HTML5에서 추가된 새로운 태그 
Section 2 CSS3의 새로운 기능 
Section 3 HTML5와 CSS3를 이용하여 다양한 레이아웃 만들기 
Section 4 포토샵을 이용한 웹 이미지 최적화(GIF, JPG, PNG) 
 Section 5 드림위버를 사용해 좀 더 편리하게 사이트 작업하기 

2장 실전 웹사이트 제작  
Section 1 웹사이트 제작에 들어가기 전 기획 및 설계 
Section 2 디자인(레이아웃) 작업 프로세스 
Section 3 페이지 제작에 앞서 해야 할 준비 작업 
Section 4 사이트의 구조 확인 및 HTML 태그 작업 
Section 5 헤더(header)와 메인 메뉴(nav) 부분 처리 
Section 6 본문(article)과 푸터(footer) 부분 처리 
Section 7 프론트 페이지 정리 및 jQuery를 이용한 슬라이드 효과 
Section 8 jQuery를 이용한 드롭다운 메뉴의 추가 
Section 9 서브 페이지 제작 
Section 10 브라우저 호환성 확인 

3장 pagpan 사이트 리뉴얼 
Section 1 사이트 리뉴얼 준비 작업 
Section 2 헤더(header) 부분 작업하기 
Section 3 메인 메뉴(nav)의 수정 
Section 4 본문(article) 디자인 작업 
Section 5 푸터(footer) 작업 및 본문(article) 마무리 작업하기 
Section 6 메인 메뉴 제대로 작업하기 
Section 7 호환성 점점 

4장 쇼핑몰 사이트 제작  
Section 1 쇼핑몰 사이트 디자인 
Section 2 사이트 헤더 부분 제작하기 
Section 3 메인 메뉴(nav) 및 배너 작업 
Section 4 쇼핑몰 article 부분 작업 
Section 5 footer 및 배너 로테이션 
Section 6 상품 리스트 페이지 개발하기 
Section 7 상품 상세 설명 페이지 

5장. 미디어 쿼리를 이용한 모바일 사이트와 가변길이 사이트 제작  
Section 1 미디어 쿼리 알아보기 
Section 2 가변길이 사이트 제작 

6장. 웹사이트 개발을 위한 기초 도구 
Section 1 웹 제작도구 소개 
Section 2 FTP 클라이언트 소개 
Section 3 WAMP 및 MAMP 소개와 설치 
Section 4 CMS 솔루션 소개(제로보드, 워드프레스, 줌라) 
Section 5 자바스크립트 라이브러리 jQuery