부트스트랩을 이용해서 요즘 유행하는 싱글 페이지 웹사이트를 디자인해 보고 부트스트랩의 여러 기능을 이용해서 기존에 있던 사이트들을 부트스트랩을 이용하여 재코딩하여 디자인해 봄으로써, 부트스트랩이 얼마나 편리하게 사용될 수 있는지를 깨닫고 배울 수 있는 실무형 책이다. 부트스트랩의 기초지식도 전반부에 자세하게 다루기 때문에 HTML5와 CSS3에 익숙한 독자라면 웹 디자이너로서 한 단계 성장할 수 있는 계기가 될 것이다.
_대상 독자
“CSS 스타일링이 너무 번거롭고 어렵고 오래 걸려요?”
“반응형 웹사이트까지 고려해야 하니...
더보기
부트스트랩을 이용해서 요즘 유행하는 싱글 페이지 웹사이트를 디자인해 보고 부트스트랩의 여러 기능을 이용해서 기존에 있던 사이트들을 부트스트랩을 이용하여 재코딩하여 디자인해 봄으로써, 부트스트랩이 얼마나 편리하게 사용될 수 있는지를 깨닫고 배울 수 있는 실무형 책이다. 부트스트랩의 기초지식도 전반부에 자세하게 다루기 때문에 HTML5와 CSS3에 익숙한 독자라면 웹 디자이너로서 한 단계 성장할 수 있는 계기가 될 것이다.
_대상 독자
“CSS 스타일링이 너무 번거롭고 어렵고 오래 걸려요?”
“반응형 웹사이트까지 고려해야 하니 죽을 맛입니다.”
“창의적 디자인요? 그럴 시간이 어디 있어요?”
“담당자가 바뀌면 웹 디자인 고치기도 힘들어요.”
이런 고민을 하고 있나요? 당장 부트스트랩을 활용해보세요. 여러분의 디자인 생산성이 50% 이상 올라갈 것입니다. 그리고 남은 시간은 창의적 디자인에 투자하세요.
_주요 내용
웹 디자인을 쉽고 빠르고 간편하게
HTML5와 CSS3 기초지식을 갖고 있는 디자이너를 위한 책
CSS로 스타일링을 할 줄 알고 HTML5로 레이아웃 디자인을 할 줄 안다면 이제 부트스트랩으로 좀더 여유로운 디자인을 해보세요.
웹 디자인 소요시간을 50% 이상 획기적으로 줄여줍니다
부트스트랩을 사용하기 전에는 모든 HTML과 CSS 코드를 일일이 하나씩 입력하고 속성을 지정했지만, 부트스트랩을 사용하게 되면서 이런 기초적인 작업은 건너뛰고 바로 사이트를 제작할 수 있어 사이트 개발 시간을 50% 이상 단축시킬 수 있습니다.
싱글 페이지 웹사이트 제작 실습
개인 포트폴리오에서부터 간단한 기업 정보를 제공하는 싱글 웹 페이지 웹사이트를 만들어봅니다. 고급 유료 템플릿과 비교해도 손색없는 실습 예제를 만나보세요.
반응형 웹까지 한방에 해결하는 다양한 웹 디자인 실습
부트스트랩은 싱글 웹 페이지뿐만 아니라 일반 기업의 웹사이트도 간편하게 디자인할 수 있습니다. 반응형 웹까지 한방에 해결해주는 다양한 웹 디자인 예제를 만나보세요.
_편집자 코멘트
이 책의 기획은 웹 디자이너가 단순한 태깅의 노동에서 벗어나 창의적인 시간을 좀더 확보했으면 하는 바람에서 출발했습니다. 프로그래밍 서적을 많이 접하는 편집자로서는 프레임워크라는 단어를 많이 듣습니다. 실제로 프로그래머들은 프레임워크를 이용하여 여러 가지 혜택을 누립니다. 이미 틀이 정해져 있기 때문에 그 안에서 좀더 핵심 로직에 집중할 수 있어 탄탄한 프로그램을 만들 수 있다는 것이죠.
부트스트랩도 마찬가지입니다. 처음엔 “웹 디자인에 무슨 거창하게 프레임워크?”라고 생각하였지만, 이 프로젝트를 진행하는 내내 상당히 많은 부분을 자동화 해주는 기능에 놀라지 않을 수 없었습니다. 핵심적으로 사용되는 아이디 선택자나 클래스 선택자를 별도로 만들 필요 없이 활용만 하면 될 뿐만 아니라 이미 만들어진 컴포넌트들을 적용할 수 있어 웹 디자인의 패러다임을 바꿔줄 수 있는 정도의 파워를 느꼈습니다.
아직 부트스트랩을 활용하지 않고 있는 웹 디자이너라면 이제부터라도 한번 실무에 적용해 보시길 강력하게 추천합니다. 특히 기초적인 예제뿐만 아니라 실무적인 예제를 풍부하게 다루고 있어 부트스트랩을 활용하기 위한 지침서로 많은 도움을 줄 수 있는 책이라 확신합니다.
닫기
