추가 적립 안내

CSS와 워드프레스로 웹 표준 사이트 제작을 거뜬히!

『CSS&워드프레스』는 HTML5 Rest테마를 바탕으로 한 워드프레스 기반의 웹 디자인에 대한 책이다. 플러그 인만으로 만드는 웹사이트가 아닌 워드프레스를 기반으로 하여 각각의 상황에 맞는 웹사이트를 만들 수 있도록 구성되어 있다. 100% 워드프레스 기반으로 웹사이트를 만들기란 쉽지 않으므로, 먼저 CSS를 활용해 사이트를 제작해보고 이것이 어떻게 워드프레스로 변형되는지를 배울 수 있다.

이 책은 플러그 인만으로 사이트를 뚝딱 만들어보는 책이 아닙니다. 아무것도 없는 HTML5 Rest테마를 기반으로 워드프레스 기반의 웹 디자인을 해보는 책입니다.
전문가가 아니면 워드프레스 기반으로 100% 웹사이트를 만들기란 쉽지 않습니다. 이 책은 먼저 CSS를 활용하여 사이트를 만들어보고 이것을 워드프레스로 어떻게 탈바꿈되는지를 알려주는 실용적인 책입니다.

여러분이 만들어 볼 워드프레스 사이트
http://css3.zerois.net/wordpress/

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

_대상 독자
지금 사이트를 워드프레스 기반으로 포팅하고 싶어요
CSS도 배우고 워드프레스도 함께 정복하고 싶어요
웹 디자인 회사에 입사했는데, 기본기를 학습하고 싶어요
웹사이트 디자인이 어떻게 만들어지는지 알고 싶어요

_주요 내용
CSS와 워드프레스만으로
웹 표준 사이트 제작을 거뜬히!

이 책은 CSS부터 배웁니다
CSS를 모르고서는 워드프레스 사이트 디자인을 할 수가 없습니다. 기초부터 파워 테크닉까지 CSS를 간단명료하게 정복합니다. 수많은 예제를 통해 CSS 디자인의 두려움을 없앨 수 있습니다.

먼저 HTML5와 CSS3 기반의 웹 표준 디자인을 배웁니다
HTML5와 CSS3로 디자인을 해봐야 워드프레스 기반의 웹사이트를 제작하는 데도 어려움이 없습니다. 이 책이 채택한 독특한 구성 방식입니다.

그리고 워드프레스 기반으로 새롭게 만들어봅니다
앞서 배운 CSS를 기반으로 만든 웹사이트를 워드프레스에서는 어떻게 만드는지를 배웁니다. 처음부터 워드프레스 사이트를 만들려는 사람뿐만 아니라 기본 사이트를 워드프레스로 옮기려고 하는 분도 크게 도움을 받을 수 있습니다.

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

_편집자 코멘트
워드프레스라는 책을 기획하는 데 크게 두 가지 방향을 생각했습니다. 첫째는 플러그 인만으로 쉽게 블로그형 웹사이트를 만들게 해주거나, 둘째 기존의 웹 표준 디자인에 익숙한 사람들에게 워드프레스라는 강력한 CMS의 이점을 누릴 수 있게 해주자.
결국 이 책이 채택한 방식은 두 번째 방식이었습니다. 플러그 인만으로 뚝딱 만드는 웹사이트가 아니라 각각의 상황에 맞는 웹사이트를 설계하여 워드프레스 기반으로 만드는 방식이 실무에서 꼭 필요하다고 생각했기 때문입니다.
그런데, 왜 CSS에 지면을 상당 부분 할애했을까요? 워드프레스는 HTML5는 기본 뼈대로 제공되고 PHP 또한 어느 정도 골격을 읽어낼 줄 알면 되는데, CSS를 모르고서는 절대 원하는 디자인을 할 수 없기 때문입니다.
그래서 이 책은 CSS의 핵심 기법을 배우고 다양한 레이아웃을 만들어보고 최종 웹 디자인을 해볼 수 있도록 전반부를 구성하였습니다. 그리고 나서 후반부에 이 디자인을 토대로 워드프레스에서는 어떻게 디자인을 하는지 세세하게 알려줍니다.
이 책을 본 후에, 기존의 웹사이트를 워드프레스로 포팅한다든지, 새로운 웹사이트를 워드프레스 기반으로 만든다든지 하는 데 상당한 자신감을 갖게 될 것으로 확신합니다.

1장 CSS 소개 및 사용 방법
1.1 CSS 기초, 선택자의 종류 및 사용 방법
1.2 박스 모델
1.3 박스 모델의 float 및 position 속성 알아보기
1.4 백그라운드 속성
1.5 텍스트 속성
1.6 기타 속성
[여기서 잠깐] 블록 태그와 인라인 태그란?
[여기서 잠깐] 웹사이트에서 사용하는 길이 단위 알아보기
[여기서 잠깐] padding 값에 따른 width와 height의 상관 관계
[여기서 잠깐] 웹에서 사용하는 색상을 정의할 때의 방법 다섯 가지
[저자 인터뷰] 저자에게 묻는다!

2장 CSS를 이용한 다양한 예제 학습
2.1 다양한 메뉴 디자인
2.2 웹 표준 방식으로 텍스트 메뉴를 이미지로 변환 그리고 효과 적용하기
2.3 CSS를 이용한 사이트 레이아웃 디자인
[여기서 잠깐] CSS Reset이란?

3장 예제 사이트 개발하기
3.1 사이트 디자인과 프론트 페이지 레이아웃 작업
3.2 서브 페이지 - 회사 소개 페이지 작업하기
3.3 서브 페이지 - 제품 소개 페이지 작업하기
3.4 서브 페이지 - 뉴스 및 블로그 페이지 작업하기
3.5 웹사이트에 jQuery 적용하기
[여기서 잠깐] 폼 양식의 수직 정렬
[여기서 잠깐] CSS 코드 압축

4장 워드프레스 설치 및 기타 사항 알아보기
4.1 워드프레스 다운로드 및 설치하기
4.2 워드프레스 폴더 구조 및 테마 설치
4.3 글(post)과 페이지(page) 그리고 고유주소(permalink) 알아보기
4.4. 워드프레스 테마 파일 알아보기
[여기서 잠깐] localhost/wordpress를 localhost/식으로 변경하기
[여기서 잠깐] 모더나이즈란
[여기서 잠깐] the_excerpt()의 글자 길이 조정
[여기서 잠깐] 탯글에 아바타를 넣자
[여기서 잠깐] 태그 클라우드란

5장 워드프레스를 이용하여 기업 사이트 만들기
5.1 워드프레스를 이용한 사이트 만들기 전 준비 작업
5.2 index, header, footer, sidebar 파일 분석
5.3 header, footer 파일 수정하여 index.php 변경하기
5.4 회사 소개 페이지 만들기
5.5 제품 소개 페이지 만들기
5.6 뉴스 페이지 만들기
5.7 블로그 페이지 만들기
5.8 프론트 페이지 만들기
5.9 기타 페이지 작업하기

부록A 워드프레스 설정이 잘못된 경우의 해결책
부록B 로컬에서 작업한 사이트를 서버로 이전하기
부록C 워드프레스 사용자를 위한 유용한 플러그인 모음
부록D 개인 웹 서버 설치하기