- 현재 위치
- home > 컴퓨터·ICT·어학 > 컴퓨터·IT 도서 > 웹프로그래밍 > 디자이너에 의한 디자이너를 위한 실무코딩(HTML+CSS)[비제이퍼블릭]
;)
이 책은 기존 HTML CSS 입문서에서 타깃을 디자이너에게 집중하여, 실무에서 자주 사용되지 않는 태그 및 CSS 속성들을 걷어내고 시각적으로 좀 더 디테일을 만들어주는 개발 속성을 보충한 웹 프로그래밍 입문서이다. 이제 디자이너는 종합적 관점의 사고를 요구하는 시대 속에서, 개발 지식을 통해 더 나은 디자인, 더 나은 디자이너로 성장해야 한다. 꼭 필요한 개발 지식을 배워 현장에서 인정받는 디자이너로서 우리의 능력과 몸값 모두 높여보자!
이 책의 특징
- 실무에서는 잘 쓰이지 않는 태그와 CSS 속성은 과감히 덜어냈다.
- UI/UX 디자이너가 종종 하는 실수를 개발자 입장에서 예리하게 짚어주고 디자이너 입장에서 쉽게 설명한다.
- 디자이너를 위한 도서인 만큼, 실제 실무에서 활용된 퀄리티 높은 예제를 다룬다.
- 실무 수업 중 저자가 현업 디자이너에게 자주 들었던 질문들을 챕터 곳곳에 담아 현장감을 높였다.
이 책의 특징
- 실무에서는 잘 쓰이지 않는 태그와 CSS 속성은 과감히 덜어냈다.
- UI/UX 디자이너가 종종 하는 실수를 개발자 입장에서 예리하게 짚어주고 디자이너 입장에서 쉽게 설명한다.
- 디자이너를 위한 도서인 만큼, 실제 실무에서 활용된 퀄리티 높은 예제를 다룬다.
- 실무 수업 중 저자가 현업 디자이너에게 자주 들었던 질문들을 챕터 곳곳에 담아 현장감을 높였다.
저자: 엄태성
CHAPTER 0. 시작하기 앞서
0-1 사회는 왜 디자이너에게 개발 역량을 요구하는 걸까
0-2 이렇게 공부하세요
0-3 개발 초간단 세팅법
CHAPTER 1. HTML 훑어보기
1-1 HTML의 기본구성
1-2 부모 자식 구조
1-3 줄바꿈 〈br/〉 태그, 띄어쓰기 ?
1-4 페이지 이동을 위한 〈a〉 태그
1-5 이미지를 위한 〈img〉 태그
1-6 입력 폼을 위한 〈input〉, 〈button〉 태그
1-7 레이아웃을 위한 〈div〉, 〈span〉 태그
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 크롬 개발자모드 활용하기
0-1 사회는 왜 디자이너에게 개발 역량을 요구하는 걸까
0-2 이렇게 공부하세요
0-3 개발 초간단 세팅법
CHAPTER 1. HTML 훑어보기
1-1 HTML의 기본구성
1-2 부모 자식 구조
1-3 줄바꿈 〈br/〉 태그, 띄어쓰기 ?
1-4 페이지 이동을 위한 〈a〉 태그
1-5 이미지를 위한 〈img〉 태그
1-6 입력 폼을 위한 〈input〉, 〈button〉 태그
1-7 레이아웃을 위한 〈div〉, 〈span〉 태그
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 크롬 개발자모드 활용하기
