나의 첫 HTML & CSS 웹 디자인

나의 첫 HTML & CSS 웹 디자인

$23.40
Description
배우기 쉽고, 재미있고, 결과물이 멋지기까지 한 나의 첫 웹 디자인 책
누구나 한 번쯤 ‘나만의 웹사이트’를 꿈꿔봤을 것이다. 이 책의 편집자도 코딩을 배우자마자 웹사이트를 만들었다. 템플릿을 써서 어찌어찌 만들어보기는 했으나 더 멋지게 만들려면 어떻게 해야 하는지는 오리무중이었다. 이 책을 편집하면서 내가 바라던 초보자를 위한 웹 디자인 책이 바로 이 책이라는 것을 깨달았다.

책을 펼치면 귀여운 카피바라 캐릭터 ‘카피조우’가 우리를 반긴다. 카피조우는 카피코에게 데이트 신청을 하기 위해 SNS 링크 모음 사이트를 만들고, 당근 농장 홍보를 위해 업무용 블로그 사이트를 만든다. 카피코와 결혼하기로 한 카피조우는 웹 초대장 사이트도 만들고, 레스토랑을 차려 레스토랑 사이트도 만든다. 카피조우의 삶을 따라가다 보면 나만의 멋진 웹사이트를 4종류나 만들 수 있게 된다.

중간중간 나오는 ‘인간’ 웹 디자이너와 마크업 디자이너의 설명은 이해하기 쉬우며 웹 디자인의 핵심을 짚어준다. 기초부터 차근차근 알려줘 관련 지식이 전혀 없는 상태에서 시작한 사람도 문제없다. 부록은 총 네 가지다. ‘웹사이트 공개 방법’에서는 ‘나만의 웹사이트’를 사람들에게 공개하는 방법을 알려주고, ‘추천 사이트 모음’에서는 저자(또는 역자)가 실제 업무에서 사용하고 있는 사이트 47개를 소개한다.

‘샘플 디자인 XD 데이터’는 이미지 잘라내기나 색상 추출 등 연습용으로 사용하고 디자인 파일 제작에 참고할 수 있다. 가장 유용했던 부록 ‘치트시트’는 학습할 때뿐 아니라 앞으로 웹사이트를 만들고 관리할 때 두고두고 참고할 수 있다. 웹사이트 제작을 처음부터 배우고 싶은 초보자, 웹 디자이너가 되고 싶은 사람들에게 추천한다.

주요 내용
● HTML & CSS의 기본
● SNS 링크 모음 사이트
● 블로그 사이트
● 웹 초대장 사이트
● CSS 애니메이션
● 반응형 웹 디자인
● 레스토랑 사이트
● 웹사이트 공개 방법

북 트레일러

  • 출판사의 사정에 따라 서비스가 변경 또는 중지될 수 있습니다.
  • Window7의 경우 사운드 연결이 없을 시, 동영상 재생에 오류가 발생할 수 있습니다. 이어폰, 스피커 등이 연결되어 있는지 확인 하시고 재생하시기 바랍니다.

저자

CapybaraDesign외

저자:CapybaraDesigns

저자:다케우치나오토

저자:다케우치루미

역자:문지현

목차

옮긴이머리말x
베타리더후기xii
들어가며xiii
이책을읽는방법xv
각파트의학습포인트xvi
이책에서만들사이트xvii
실습용데이터다운로드xxi
4개의부록을다운로드하자xxii
프롤로그만화xxvi

PART1HTML작성하기
CHAPTER1시작하기전에
SECTION1학습을시작하기전에2
SECTION2웹사이트의구조이해하기3
SECTION3필요한애플리케이션설치하기4
SECTION4효율적으로학습하기9
SECTION5초간단예제로워밍업하기12

CHAPTER2HTML의기본
SECTION1마크업이중요한이유14
SECTION2러브레터내용정리하기16
SECTION3HTML첫발딛기20
SECTION4러브레터마크업하기24
SECTION5읽기쉬운코드작성하기38

PART2SNS링크모음페이지만들기
이파트에서만들사이트▶SNS링크모음사이트42

CHAPTER3CSS의기본
SECTION1CSS첫발딛기44
SECTION2개발자도구사용하기46
SECTION3HTML과CSS연결하기48
SECTION4브라우저기본스타일리셋하기52
SECTION5박스모델이해하기54

CHAPTER4SNS링크모음CSS작성하기
SECTION1CSS작성하기56

PART32칼럼페이지만들기
이파트에서만들사이트▶2칼럼레이아웃디자인74

CHAPTER5블로그사이트HTML작성하기
SECTION1웹사이트의영역구분하기76
SECTION2블로그의문서구조마크업하기78
SECTION3아웃라인과섹션알아보기83
SECTION4그외에새로운HTML태그배우기86

CHAPTER6블로그사이트CSS작성하기
SECTION1Flexbox레이아웃알아보기90
SECTION2페이지전체와헤더의CSS작성하기94
SECTION3메인영역과사이드바의CSS작성하기100
SECTION4아티클영역과푸터의CSS작성하기110

PART41칼럼페이지만들기
이파트에서만들사이트▶1칼럼레이아웃디자인120

CHAPTER7웹초대장사이트HTML작성하기
SECTION1HTML구조파악하기122
SECTION2페이지내부링크넣기124
SECTION3폼마크업하기125

CHAPTER8웹초대장사이트CSS작성하기
SECTION1CSS작성순서132
SECTION2웹폰트를사용하는방법134
SECTION3글꼴관련CSS작성하기136
SECTION4레이아웃관련CSS작성하기137
SECTION5공통디자인CSS작성하기139
SECTION6헤더CSS작성하기140
SECTION7msg섹션CSS작성하기149
SECTION8date섹션CSS작성하기153
SECTION9form섹션CSS작성하기157
SECTION10footer와패럴랙스효과CSS작성하기162

CHAPTER9CSS애니메이션추가하기
SECTION1CSS애니메이션의기초164

CHAPTER10반응형웹디자인지원하기
SECTION1멀티디바이스지원의기본170
SECTION2반응형웹디자인준비하기172
SECTION3각파트를화면안에넣기177
SECTION4각파트의디자인조정하기180
SECTION5고해상도디스플레이지원이미지만들기184

PART5멀티페이지사이트만들기
이파트에서만들사이트▶멀티페이지사이트188

CHAPTER11사이트제작과웹디자인의기본
SECTION1웹사이트제작의흐름190
SECTION2웹디자인개요193
SECTION3웹디자인의기본194

CHAPTER12레스토랑사이트CSS작성하기(모바일)
SECTION1멀티페이지사이트제작의포인트198
SECTION2TOP페이지CSS작성하기200
SECTION3CONCEPT페이지CSS작성하기208
SECTION4MENU페이지CSS작성하기220
SECTION5INFO페이지CSS작성하기224

CHAPTER13레스토랑사이트CSS작성하기(PC)
SECTION1TOP페이지CSS작성하기(PC)234
SECTION2CONCEPT페이지CSS작성하기(PC)240
SECTION3MENU페이지CSS작성하기(PC)246
SECTION4INFO페이지CSS작성하기(PC)248

CHAPTER14참고사이트활용방법배우기
SECTION1웹상의정보활용하기250
SECTION2샘플코드를사이트에끼워넣기252

CHAPTER15웹사이트공개준비하기
SECTION1파비콘설정하기254
SECTION2OGP설정하기256

이책을읽은후의공부방법258

출판사 서평

주요내용
-HTML&CSS의기본
-SNS링크모음사이트
-블로그사이트
-웹초대장사이트
-CSS애니메이션
-반응형웹디자인
-레스토랑사이트
-웹사이트공개방법