신간소개 2019. 4. 11. 11:22

 

  ● 저자: 양용석

  ● 페이지: 472

  ● 판형: 사륙배판(188*257) 

  ● 도수: 4

  ● 정가: 27,000원

  ● 발행일: 2019년 4월 16일

  ● ISBN: 978-89-97924-43-1 93000

 

 

[오탈자사이트 바로가기]  [자료실 바로가기]  [강의자료 요청]

[강컴] [교보] [반디] [알라딘] [예스24] [인터파크]

 

_도서 내용

이 책은 앞뒤로 프로젝트 3개를 수록했다. 실무 예제만이 실력을 올리는 가장 빠른 지름길이기 때문이다. 실무 예제로 한번 감을 잡고 기초 이론과 짧은 예제로 몸에 익히고 마지막에 한번 더 프로젝트로 마무리하여 웹 디자인에 자신감을 얻을 수 있도록 하였다.

또한, 최근 CSS3의 뜨거운 기술인 플렉스박스를 완벽하게 정리하였다. 플렉스박스는 CSS3의 레이아웃 마법사라 부를 수 있을 정도의 강력한 속성이다. 미리미리 익혀두고 쓴다면 충분히 좋은 성과를 거둘 수 있을 것이다.

 

 

_대상 독자

이 책은 HTML 태그가 무엇인지는 설명하지 않는다. 하지만, 예제를 따라 하다 보면 자연스레 HTML 태그는 쉽게 익힐 수 있도록 구성하였다. 프로젝트가 1장부터 나오기 때문에 약간은 도전적이지만, 누구나 따라 하며 HTML5 CSS3 디자인의 개념을 빠르게 익힐 수 있도록 학습 효과를 극대화하였다.

 

_목차

 

1장 백견불여일타! HTML5 CSS3로 기본 웹사이트 만들기

1.1 HTML5+CSS3 기초 개념

1.2 우리가 만들 웹사이트로 보는 HTML5 문서 구조

1.3 헤더 만들기–HTML5로 구조 만들기

1.4 헤더 만들기–CSS3와 자바스크립트로 디자인 스타일 정의하기

1.5 헤더 만들기–CSS로 디자인 입히기

1.6 헤더 만들기디자인 속성 적용하기

1.7 메인 이미지 만들기-대표 이미지로 메인 만들기

1.8 헤더와 메인 이미지 영역 크기 맞추기-box-sizing 속성 적용하기

1.9 본문1 만들기텍스트 및 사진 처리하기

1.10 본문2 만들기텍스트 및 아이콘 넣기

1.11 푸터 만들기

[연습문제]

[실습문제] 개발 환경을 만들고 익숙해지기

 

2 HTML5의 기초

2.1 DocType

2.2 XHTML1.0 HTML5의 차이점

2.3 HTML5에서 사라진 태그

2.4 HTML5에서 추가된 태그

2.5 HTML5 멀티미디어 태그

2.6 canvas SVG

2.7 HTML5에서 추가된 form 관련 태그들

[연습문제]

[실습문제] HTML5 문서 구성 및 form 작성 실습

 

3 CSS3 기초

3.1 선택자

...더보기

3.2 선택자 적용 방법

3.3 개별 선택자의 활용

3.4 박스 모델

[연습문제]

[실습문제] 속성 적용과 웹 페이지 디자인 실습

 

4장 박스 모델의 레이아웃을 결정하는 float, position, 그리고 flexbox

4.1 float 속성

4.2 position 속성

4.3 flexbox

[연습문제]

[실습문제] 블로그 형식의 웹 페이지 디자인 실습

 

5 CSS를 이용한 텍스트와 문장 구성

5.1 텍스트와 폰트

5.2 웹 폰트

5.3 text-shadow와 멀티 컬럼

5.4 웹 컬러

5.5 텍스트와 문장 구성 관련 속성

[연습문제]

[실습문제] 웹 페이지에 텍스트와 문장 구성 실습

 

6 CSS3를 이용한 특수효과

6.1 트랜지션 효과

6.2 2D Transform

6.3 3D Transform

6.4 애니메이션

[연습문제]

[실습문제] 특수효과가 적용된 메뉴 만들기

 

7장 반응형 웹 디자인과 그리드 시스템

7.1 반응형 웹 디자인

7.2 그리드 시스템

[연습문제]

[실습문제] 반응형 웹 디자인 실습

 

8장 필요한 만큼 배워보는 자바스크립트

8.1 HTML 문서와 상호작용하는 자바스크립트

8.2 자바스크립트 주요 문법

[연습문제]

[실습문제] 기초 문법을 적용한 자바스크립트 프로그램 문제

 

9HTML5 API

9.1 API 기초 개념

9.2 드래그 앤 드롭

9.3 지오로케이션

9.4 웹 스토리지

9.5 앱 캐시

9.6 웹 워커

[연습문제]

 

10장 이것이 실제다! 상용 웹사이트 만들기

10.1 싱글 페이지 기반의 웹사이트 제작하기

10.2 내비게이션 만들기

10.3 프론트 페이지 만들기

10.4 추가 메뉴 페이지 만들기

10.5 입력 폼이 있는 [고객센터] 페이지 만들기

10.6 푸터 페이지 만들기

10.7 반응형 웹 페이지로 제작하기

10.8 멀티 페이지 기반의 웹사이트 만들기

 

부록A HTML5 CSS3 호환성 문제 해결 방법

부록B PC에 웹 서버 설치하기

찾아보기

 

_주요 내용 

앞뒤로 프로젝트가 3, 반복하며 실력을 쌓는다!

레이아웃 마법사 최신 플렉스박스 완벽 정리

이 책은 완성된 수준의 웹사이트를 먼저 만들어보는 것부터 시작한다. 닥치고 사이트부터 만들어본다. 무작정 따라가다 보면 HTML CSS의 큰 그림이 그려진다. 이후에 기초지식을 정리하고 각 장마다 연습문제와 실습문제를 두어 개념을 정리하고 복습하며 응용력을 높이도록 하였다. 마지막에 한번 더 프로젝트를 추가하여 학습한 지식이 빠져나갈 수 없도록 촘촘하게 구성하였다.

 

나도 프로처럼 디자인하고 싶다! 따라 하다 보면 저절로 몸에 붙는

현장의 생생함이 살아 있는 프로젝트 3개 수록!

 

_프로젝트 하나, 기본적인 웹사이트

1장에서 가장 기본적인 웹사이트를 만들어본다. 메뉴, 텍스트 및 그림의 배치, 백그라운드 처리 등 웹 디자인에 필요한 기술이 거의 모두 들어가 있다.

_프로젝트 둘, 싱글 페이지 기반의 웹사이트

10장에서는 요즘 유행하는 싱글 페이지 기반의 웹사이트를 만들어본다. 이 책에서 다루는 거의 모든 기술이 들어가 있다. 바로 홍보용이나 포트폴리오 웹사이트로 사용해도 될 수준이다.

_프로젝트 셋, 멀티 페이지 기반의 웹사이트

역시 10장에서 다룬다. 쇼핑몰이나 기업형 웹사이트와 같이 멀티 페이지 기반의 웹사이트를 만들어 본다. 페이지를 PHP 기반으로 분리하는 기술 등을 사용하며 서버 기반으로 동작하는 방법까지 배운다.

 

함께 공부할 수 있는 백견불여일타 카페! cafe.naver.com/codefirst

백견불여일타 독자라면 누구나 가입하여 질문하고 정보를 공유하며 스터디 그룹을 만들어 함께 공부할 수 있는 공간이다.

 

이 책은 독특하게 1장에서 프로젝트가 등장하였습니다. 처음에는 적잖이 당황하였는데, 하나하나 타이핑해보면서 프로젝트를 완성해보니 CSS로 디자인을 이렇게 하는구나 하고 감이 팍 오는 것이었습니다. 학습동기가 생기니 뒷장부터는 정말 몰입하며 학습하게 되었습니다.”

_베타리더 김용희(대학생 3학년)

 

양용석 저자는 제가 웹 디자인을 쉽게 배울 수 있게 해주신 분입니다. 이 책으로 시작해서 Sass와 부트스트랩까지 섭렵한다면 현업 디자이너로 충분히 경쟁력을 가질 만합니다.”

_베타리더 이용수(프론트엔드 디자이너 5년차)

 

_편집자 코멘트

많은 책들이 HelloWorld 수준의 예제로 시작합니다. 예제 프로그램이 동작하는 순간의 기쁨은 찰나이며, 그 다음은 문법을 이론으로 배우는 지루한 설명이 이어집니다. 이것이 우리가 보는 전형적인 IT 책의 패턴입니다. 이런 패턴은 많은 독자를 중도에 포기하게 만듭니다. 독자가 끝까지 학습하여 완주할 수 있게 하는 힘이 어디에서 나올까 고민에 고민을 거듭하였습니다. 그래서 과감하게 처음부터 조금 강도가 높은 예제를 넣기로 하되, 하나하나 따라 하며 완성할 수 있게끔 최대한 쉽고 자세하게 구성했습니다. 1장에서 사용한 예제는 현업에서 간단한 홍보용 홈페이지로 사용해도 손색이 없습니다. 이 책에서 배울 거의 모든 문법들이 1장의 예제에 들어가 있습니다. 독자들은 코드를 하나하나 타이핑하고 실행해보고 소스 한 줄 한 줄의 결과를 확인해 보며 전체적인 큰 그림을 그려나갈 수 있을 겁니다.

 

_저자 소개

지은이

양용석

대기업부터 벤처기업까지 다양한 직장 경험을 바탕으로지금은 프리랜서로 활동 중에 있으며웹사이트 기획디자인 및 개발을 주로 하고 있다.

<처음부터 다시 배우는 HTML5 & CSS3>, <이제 실전이다, HTML5 & CSS3>, <처음 시작하는 CSS & 워드프레스>, <부트스트랩으로 디자인하라>, <CSS 수퍼파워 Sass로 디자인하라>를 집필하였다.

현재 제주에서 재미있게 살아가려고 노력하고 있다.

 

_상세 이미지

_끝

posted by 로드북
:
신간소개 2016. 8. 17. 12:39

  

  


 ● 저자: 양용석 

  ● 페이지: 232

  ● 판형: 사륙배판(188*257) 

  ● 도수: 4

  ● 정가: 23,000원

  ● 발행일: 2016년 8월 25일

  ● ISBN: 978-89-97924-23-3 93000




[강컴] [교보] [반디[알라딘] [예스24] [인터파크]

[샘플원고 보기]

sample_sass.pdf


_도서 내용

HTML CSS가 분리되기 시작한 이래 수많은 CSS 코드가 사용되고 있다. 그러다보니 CSS는 점점 복잡해져가고 때로는 통제 불능 상태가 되어버리곤 한다. 그래서 등장한 것이 Sass이다. 이 책은 저자가 직접 Sass CSS 디자인을 해보면서 익힌 실무 경험을 녹여낸 책이다. “Sass가 이런 것이다가 아니라 “Sass로 이렇게 쉽게 웹 디자인을 할 수 있다를 말하고 있는 책이다.

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

 

_대상 독자

여러분은 Sass를 배워야 할 때입니다.

웹 디자인을 하고 있는데, 유지보수가 너무 어려웠다.”

“CSS 속성 하나하나 일일이 지정하자니 짜증이 밀려온다.”

잘못된 디자인을 어디서부터 어떻게 바꿔야 할지 헷갈릴 때가 많다.”

이제 CSS를 배우고 있는데, Sass와 함께 배우고 싶다.”

 

_목차

1 CSS 수퍼파워 - SASS

1SASS 사용을 위한 준비 단계

1.1 PC SASS 설치하기

1.2 SASS의 기초


2 SASS 레퍼런스

2.1 개요

2.2 CSS 확장(CSS Extensions)

2.3 주석 처리

2.4 SassScript

2.5 변수: $ 기호를 사용함

2.6 데이터 타입

2.7 연산(Operations)

2.8 @ 규칙과 지시어(@-Rules and Directives)

2.9 제어문 및 표현식(Control Directives & Expressions)

2.10 Mixin(정말 중요함!!)


 

_주요 내용

이제 SaSS 디자이너는 대세입니다!

엄청난 퍼포먼스, 웹 디자이너가 반드시 배워야 할 Sass

이 책의 4장에서 제시하는 간단한 웹사이트 예제를 보더라도 SaSS로 작성하면 113라인이던 것이 CSS로 변환을 하면 549라인이 됩니다. 무려 4배 가까이 라인수를 줄여줍니다.

유지보수하기 너무 힘들었죠? 이제 Sass가 대안을 제시합니다.

이 책에서는 HTML 문서 하나에 Sass 파일 하나를 매칭하는 것을 원칙으로 제시합니다. 그러다 보니 페이지 유지보수 할 때 엄청나게 효율적이라는 것을 느낄 수 있을 겁니다.

점점 Sass는 프론트 웹 개발의 대세가 되고 있습니다.

부트스트랩도 4.0부터는 LESS를 버리고 Sass만 지원하기로 하였습니다. GitHub에도 수많은 웹 개발자들이 CSS뿐만 아니라 Sass 코드도 함께 올리고 있습니다. 점점 Sass는 웹 디자인의 새로운 기술로 자리매김하고 있습니다. 

Sass 기반으로 만들어보는 웹사이트 실습

이 책은 이론만 제시하지 않습니다. 저자가 몸담았던 벤처기업의 웹 디자인을 Sass로 어떻게 디자인하는지를 보여줍니다. 따라해 보면서 자연스레 Sass의 매력에 빠질 수 있습니다.

 

_편집자 코멘트

<부트스트랩으로 디자인하라>라는 책을 기획했을 때, 편집자 코멘트로 이런 말을 한 적이 있다.

이 책의 기획은 웹 디자이너가 단순한 태깅의 노동에서 벗어나 창의적인 시간을 좀더 확보했으면 하는 바람에서 출발했다.”

Sass 또한 웹 디자이너의 노동 시간을 대폭 줄여주고 좀더 창의적으로 일할 수 있는 기회를 제공해주는 기술임에는 틀림이 없다. Sass는 아주 쉬운 프로그래밍 언어라고 볼 수 있다. 그러나 두려워할 필요는 없는 것 같다. 아주 기본적인 프로그래밍 스킬만 배우면 웹 디자이너라면 누구나 쉽게 배울 수 있는 것 같다. CSS로 웹 디자인을 하고 있는 디자이너라면 꼭 익혀서 실무에 적용해보았으면 하는 바람이다.

 

_저자 소개

양용석

<이제 실전이다, HTML5 & CSS3> <처음 시작하는 CSS & 워드프레스> <처음부터 다시 배우는 HTML5 & CSS3 - 전면개정판> <부트스트랩으로 디자인하라>(이상 로드북)을 집필하였으며, 대기업부터 벤처기업까지 실무 경험을 두루 거쳐 현재는 프리랜서로 활동 중이다. HTML5 CSS3 및 자바스크립트 등 웹 관련 기술에 풍부한 노하우를 보유하고 있으며, 현재까지 40여 개의 대기업 웹사이트부터 쇼핑몰까지 다양한 웹사이트를 개발하였다. 현재 제주에서 사진을 취미 삼아 가족과 함께 살고 있다.

 

_상세 이미지

_끝

posted by 로드북
:
신간소개 2014. 11. 6. 14:38

 

 

  ● 저자: 양용석

  ● 페이지: 220

  ● 판형: 사륙배판(188*257) 

  ● 도수: 4

  ● 정가: 22,000원

  ● 발행일: 2014년 11월 20일

  ● ISBN: 978-89-97924-13-4 93000

 

>> 예제소스 다운로드 클릭

 

[강컴] [교보] [반디] [알라딘] [예스24] [인터파크]

[샘플원고 보기]

sample.pdf
다운로드

_도서 내용

부트스트랩을 이용해서 요즘 유행하는 싱글 페이지 웹사이트를 디자인해 보고 부트스트랩의 여러 기능을 이용해서 기존에 있던 사이트들을 부트스트랩을 이용하여 재코딩하여 디자인해 봄으로써, 부트스트랩이 얼마나 편리하게 사용될 수 있는지를 깨닫고 배울 수 있는 실무형 책이다. 부트스트랩의 기초지식도 전반부에 자세하게 다루기 때문에 HTML5와 CSS3에 익숙한 독자라면 웹 디자이너로서 한 단계 성장할 수 있는 계기가 될 것이다.

 

_대상 독자“CSS 스타일링이 너무 번거롭고 어렵고 오래 걸려요.”“반응형 웹사이트까지 고려해야 하니 죽을 맛입니다.”“창의적 디자인요? 그럴 시간이 어디 있어요?”“담당자가 바뀌면 웹 디자인 고치기도 힘들어요.”

이런 고민을 하고 있나요? 당장 부트스트랩을 활용해보세요. 여러분의 디자인 생산성이 50% 이상 올라갈 것입니다. 그리고 남은 시간은 창의적 디자인에 투자하세요.


_목차

1부. 부트스트랩 개발 환경 구축과 구조의 이해

1장_부트스트랩 소개와 사용 방법

1.1 부트스트랩을 설치해보자1.2 부트스트랩을 이용하여 Hello World 출력하기1.3 기본적인 반응형 웹 페이지 예제1.4 써드파티(Third Party) 지원
2장_부트스트랩에서 사용하는 CSS2.1 부트스트랩 레이아웃의 핵심 그리드 시스템 (중요)2.2 타이포그래피2.3 코드와 테이블2.4 폼2.5 버튼과 이미지 그리고 헬퍼 클래스
3장_예제로 배우는 컴포넌트3.1 특수문자 전용 글꼴 처리: Glyphicons3.2 드롭다운3.3 버튼그룹3.4 버튼 드롭다운3.5 입력그룹3.6 내비게이션3.7 내비게이션 바 (중요)3.8 경로와 페이지네이션3.9 라벨과 배지3.10 점보트론과 페이지 제목3.11 썸네일3.12 경보와 진행바3.13 미디어 객체, 목록그룹, 패널, Wells
4장_부트스트랩의 자바스크립트4.1 개요4.2 모달4.3 드롭다운4.4 스크롤 스파이4.5 토글되는 탭4.6 툴팁4.7 팝오버4.8 경보4.9 버튼4.10 컬랩스4.11 캐러셀4.12 Affix 효과
2부. 부트스트랩을 이용한 사이트 제작

5장_ 싱글 페이지 웹사이트 제작

5.1 디자인 레이아웃 구성하기5.2 사이트 제작 - 내비게이션 바5.3 사이트 제작 - 캐러셀과 아이콘5.4 사이트 제작 - About 부분5.5 사이트 제작 - Portfolio 부분5.6 사이트 제작 - Contact와 Footer 부분5.7 사이트제작 - 특수 효과
6장_ 부트스트랩을 이용한 반응형 웹 페이지 쾌속 개발6.1 영수증 폼 만들기6.2 스크롤에 따라 변화하는 메인 메뉴6.3 실제 사이트를 부트스트랩으로 변경해서 만들어 보자6.4 실제 사이트를 만들어 보자 26.5 기본으로 제공되는 캐러셀 효과 변형하기6.6 부트스트랩을 이용한 쇼핑몰 프론트 페이지 만들기

_주요 내용

웹 디자인을 쉽고 빠르고 간편하게

HTML5와 CSS3 기초지식을 갖고 있는 디자이너를 위한 책

CSS로 스타일링을 할 줄 알고 HTML5로 레이아웃 디자인을 할 줄 안다면 이제 부트스트랩으로 좀더 여유로운 디자인을 해보세요.

웹 디자인 소요시간을 50% 이상 획기적으로 줄여줍니다 

부트스트랩을 사용하기 전에는 모든 HTML과 CSS 코드를 일일이 하나씩 입력하고 속성을 지정했지만, 부트스트랩을 사용하게 되면서 이런 기초적인 작업은 건너뛰고 바로 사이트를 제작할 수 있어 사이트 개발 시간을 50% 이상 단축시킬 수 있습니다.

싱글 페이지 웹사이트 제작 실습 

개인 포트폴리오에서부터 간단한 기업 정보를 제공하는 싱글 웹 페이지 웹사이트를 만들어봅니다. 고급 유료 템플릿과 비교해도 손색없는 실습 예제를 만나보세요.

반응형 웹까지 한방에 해결하는 다양한 웹 디자인 실습 

부트스트랩은 싱글 웹 페이지뿐만 아니라 일반 기업의 웹사이트도 간편하게 디자인할 수 있습니다. 반응형 웹까지 한방에 해결해주는 다양한 웹 디자인 예제를 만나보세요.  

 

_편집자 코멘트이 책의 기획은 웹 디자이너가 단순한 태깅의 노동에서 벗어나 창의적인 시간을 좀더 확보했으면 하는 바람에서 출발했습니다. 프로그래밍 서적을 많이 접하는 편집자로서는 프레임워크라는 단어를 많이 듣습니다. 실제로 프로그래머들은 프레임워크를 이용하여 여러 가지 혜택을 누립니다. 이미 틀이 정해져 있기 때문에 그 안에서 좀더 핵심 로직에 집중할 수 있어 탄탄한 프로그램을 만들 수 있다는 것이죠.부트스트랩도 마찬가지입니다. 처음엔 “웹 디자인에 무슨 거창하게 프레임워크?”라고 생각하였지만, 이 프로젝트를 진행하는 내내 상당히 많은 부분을 자동화 해주는 기능에 놀라지 않을 수 없었습니다. 핵심적으로 사용되는 아이디 선택자나 클래스 선택자를 별도로 만들 필요 없이 활용만 하면 될 뿐만 아니라 이미 만들어진 컴포넌트들을 적용할 수 있어 웹 디자인의 패러다임을 바꿔줄 수 있는 정도의 파워를 느꼈습니다. 아직 부트스트랩을 활용하지 않고 있는 웹 디자이너라면 이제부터라도 한번 실무에 적용해 보시길 강력하게 추천합니다. 특히 기초적인 예제뿐만 아니라 실무적인 예제를 풍부하게 다루고 있어 부트스트랩을 활용하기 위한 지침서로 많은 도움을 줄 수 있는 책이라 확신합니다.

_저자 소개

_지은이 양용석 

<이제 실전이다, HTML5 & CSS3> <처음 시작하는 CSS & 워드프레스> <처음부터 다시 배우는 HTML5 & CSS3 - 전면개정판> (이상 로드북 )을 집필하였으며, 대기업부터 벤처기업까지 실무 경험을 두루 거쳐 현재는 프리랜서로 활동 중이다. HTML5와 CSS3 및 자바스크립트 등 웹 관련 기술에 풍부한 노하우를 보유하고 있으며, 현재까지 30여 개의 대기업 웹사이트부터 쇼핑몰까지 다양한 웹사이트를 개발하였다. 현재 제주에서 사진을 취미 삼아 가족과 함께 살고 있다.

 

_상세 이미지

[관련도서]

 

 

_끝

 

posted by 로드북
: