소장자료검색

책소개

HTML5와 CSS3로 다양한 레이아웃 디자인을 해보는 것부터 시작한다. 실전 첫 단계로 레스토랑 체인점 사이트를 제작해보고 바로 리뉴얼까지 해보면서 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