디자이너에 의한 디자이너를 위한 실무코딩(HTML+CSS)

디자이너에게 필요한 부분만을 담은, ‘오직 디자이너를 위한 웹 프로그래밍 입문서’ 이 책은 기존 HTML+CSS 입문서에서 타깃을 디자이너에게 집중하여, 실무에서 자주 사용되지 않는 태그 및 CSS 속성들을 걷어내고 시각적으로 좀 더 디테일을 만들어주는 개발 속성을 보충한 웹 프로그래밍 입문서이다. 이제 디자이너는 종합적 관점의 사고를 요구하는 시대 속에서, 개발 지식을 통해 더 나은 디자인, 더 나은 디자이너로 성장해야 한다. 꼭 필요한 개발 지식을 배워 현장에서 인정받는 디자이너로서 우리의 능력과 몸값 모두 높여보자! 이 책의 특징 - 실무에서는 잘 쓰이지 않는 태그와 CSS 속성은 과감히 덜어냈다. - UI/UX 디자이너가 종종 하는 실수를 개발자 입장에서 예리하게 짚어주고 디자이너 입장에서 쉽게 설명한다. - 디자이너를 위한 도서인 만큼, 실제 실무에서 활용된 퀄리티 높은 예제를 다룬다. - 실무 수업 중 저자가 현업 디자이너에게 자주 들었던 질문들을 챕터 곳곳에 담아 현장감을 높였다. 이 책이 필요한 독자 - 평소에 개발 공부를 하고 싶었지만 어떻게 해야 할지 엄두를 못 냈던 디자이너 - 개발 공부하다가 중간에 지쳐서 포기한 경험이 있는 디자이너 - 취업에 코딩이 필수라서 반드시 공부해야만 하는 디자이너 - 회사에서 갑작스럽게 개발을 해야 하는 디자이너 - 실무에 정말 필요한 코딩만 압축해서 보고 싶은 디자이너

CHAPTER 0. 시작하기 앞서 0-1 사회는 왜 디자이너에게 개발 역량을 요구하는 걸까 0-2 이렇게 공부하세요 0-3 개발 초간단 세팅법 CHAPTER 1. HTML 훑어보기 1-1 HTML의 기본구성 1-2 부모 자식 구조 1-3 줄바꿈
태그, 띄어쓰기 1-4 페이지 이동을 위한 태그 1-5 이미지를 위한 img 태그 1-6 입력 폼을 위한 , 태그 1-7 레이아웃을 위한

, 태그 CHAPTER 2. CSS 훑어보기 2-1 CSS란 무엇인가 2-2 CSS 기본문법 2-3 선택자 2-4 기본 레이아웃 잡기 1 2-5 기본 레이아웃 잡기 2(Position) 2-6 border, border-radius, box-sizing 2-7 Background 2-8 타이포그래피 2-9 마우스 오버 애니메이션(hover, transition) 2-10 알아두면 유용한 CSS 속성들 CHAPTER 3. CSS를 이용한 반응형 이해하기 3-1 개발을 어렵게 만드는 디자인 3-2 데스크톱 - 노트북 반응형 대응하기 3-3 모바일 반응형 디자인 3-4 폰트어썸 3-5 부트스트랩 CHAPTER 4. 실전 웹페이지 코딩하기 4-1 원페이지 프로모션 사이트 만들기 4-2 플랫폼 서비스 퍼블리싱하기 1 4-3 플랫폼 서비스 퍼블리싱하기 2 4-4 비주얼 퀄리티를 높여주는 팁 CHAPTER 5. 앞으로는 이렇게 공부하세요 5-1 앞으로 어떤 공부를 하면 좋을까요 5-2 개발하면서 알아두면 좋은 사이트 5-3 크롬 개발자모드 활용하기