본문내용 바로가기
MD의선택 무료배송 사은품 소득공제

완성된 웹사이트로 배우는 HTML&CSS 웹 디자인 5개 예제로 배우는 효율적인 웹사이트 제작 노하우

Mana 지음 | 신은화 옮김 | 한빛미디어 | 2022년 05월 10일 출간
클로버 리뷰쓰기
  • 정가 : 22,000원
    판매가 : 19,800 [10%↓ 2,200원 할인]
  • 혜택 :
    [기본적립] 1100원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2,000원 추가적립 안내 [회원혜택] 회원 등급 별, 3만원 이상 구매 시 2~4% 추가적립 안내 [리뷰적립] 리뷰 작성 시 e교환권 최대 300원 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    당일배송 지금 주문하면 오늘( 4일,월) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
  • 상반기 베스트/추천도서 확인하고 머그&노트 사은품도!
    2022.06.24 ~ 2022.07.31
  • [교보단독] 코로나보드 이모티콘 스티커
    2022.04.20 ~ 2022.07.31
상품상세정보
ISBN 9791162245606(1162245603)
쪽수 360쪽
크기 183 * 236 * 18 mm /733g 판형알림
이 책의 원서/번역서 ほんの一手間で劇的に變わるHTML & CSSとWEBデザイン實踐講座 / MANA

책소개

이 책이 속한 분야

일본 전국 서점 MD가 선택한 컴퓨터 도서 1위!
웹 디자인 인플루언서 저자 Mana가 알려주는
오늘 당장 적용 가능한 웹사이트 개발의 모든 것
활용도 높고 실무에 자주 쓰이는 테크닉을 엄선해 한 권에 꽉 채웠다. 코드부터 배우고 웹사이트를 만들던 다른 책들과는 다르다. 이미 완성된 웹사이트를 먼저 살펴보고 각 디자인 요소에 적용된 HTML, CSS를 뜯어보며 익힌다. 프런트엔드에 입문했지만 막상 웹사이트를 만들려고 하면 손이 움직이지 않는 이들을 위해 너무 긴 코드나 복잡한 방법은 피했다. 이를 확인할 수 있는 연습 문제도 있어 직접 작성한 코드가 어떻게 반영되는지 확인 가능하다. 약간의 노력으로 극적인 효과를 내는 HTML, CSS 노하우가 궁금하다면 바로 이 책을 추천한다.

상세이미지

완성된 웹사이트로 배우는 HTML&CSS 웹 디자인 도서 상세이미지

목차

CHAPTER 1 웹사이트의 기본과 필수 도구
1.1 웹 페이지 구조
1.2 HTML 기초
1.3 HTML 속성
1.4 CSS 기초
1.5 CSS를 더욱 쉽게 관리하는 방법
1.6 자바스크립트 사용법
1.7 브라우저에 따라 다르게 보이는 차이
1.8 개발자 도구를 자유자재로 사용하기
1.9 앞으로 배울 내용

CHAPTER 2 랜딩 페이지로 배우는 반응형 웹 디자인과 글꼴
2.1 랜딩 페이지 만드는 법 소개
2.2 1단 레이아웃이란
2.3 풀사이즈 배경 이미지로 눈에 띄는 디자인 만들기
2.4 글꼴을 사용하는 자세한 방법
2.5 아이콘 폰트 사용법
2.6 스마트폰에 대응 가능한 반응형 웹 디자인
2.7 브레이크 포인트 알아보기
2.8 표시 영역으로 빠르게 이동하는 방법
2.9 연습 문제
2.10 커스터마이징

CHAPTER 3 블로그 사이트로 배우는 다단 레이아웃과 꾸미는 방법
3.1 샘플 블로그 사이트 살펴보기
3.2 2단 레이아웃에 대해
3.3 크기가 다른 화면에도 대응할 수 있는 전환 방법
3.4 요소별 꾸미기 ①(제목, 이미지, 버튼)
3.5 요소별 꾸미기 ②(번호 없는 목록, 번호 있는 목록)
3.6 요소별 꾸미기 ③(인용문, 페이지네이션, 테두리)
3.7 요소별 꾸미기 ④(헤더, 푸터, 내비게이션, 표, 폼)
3.8 스크롤에 맞춰 따라오기
3.9 연습 문제
3.10 커스터마이징

CHAPTER 4 회사 사이트로 배우는 표, 그래프, 폼, 자바스크립트
4.1 구현할 회사 사이트 소개
4.2 틀에서 벗어난 요소 만드는 법
4.3 그래프로 한눈에 보기 쉬운 데이터 만드는 법
4.4 이미지와 텍스트를 서로 다르게 표시하는 법
4.5 표로 데이터를 표현하는 법
4.6 타임라인 만드는 법
4.7 폼 꾸미는 법
4.8 속성 셀렉터
4.9 연습 문제
4.10 커스터마이징

CHAPTER 5 이벤트 사이트로 배우는 특정 페이지 만드는 법과 애니메이션
5.1 구현할 이벤트 사이트 소개
5.2 CSS로 페이지 안에서 부드럽게 움직이는 법
5.3 블렌드 모드로 이미지 색 바꾸는 법
5.4 커스텀 속성(변수) 사용하는 법
5.5 CSS로 애니메이션 만드는 법 ①
5.6 CSS로 애니메이션 만드는 법 ②(키 프레임)
5.7 사선 모양 디자인 만드는 법
5.8 그러데이션 만드는 법
5.9 슬라이드 메뉴 넣는 법
5.10 연습 문제
5.11 커스터마이징

CHAPTER 6 갤러리 사이트로 배우는 이미지와 동영상을 사용하는 방법
6.1 구현할 갤러리 사이트 소개
6.2 배경에 동영상 넣는 법
6.3 반응형 웹사이트에 맞게 이미지 넣는 법
6.4 다중 컬럼 레이아웃 적용하는 법 ①
6.5 다중 컬럼 레이아웃 적용하는 법 ②
6.6 필터로 이미지 색 바꾸는 법
6.7 커서를 갖다 두면 이미지가 확대되도록 구현하는 법
6.8 요소에 그림자 추가하는 법
6.9 라이트 박스로 이미지를 꽉 차게 표시하는 법
6.10 애니메이션 추가하는 법
6.11 다크 모드에 대응하는 법
6.12 연습 문제
6.13 커스터마이징

CHAPTER 7 HTML과 CSS를 더 빠르고 쉽게 관리하는 방법
7.1 에밋으로 빠르게 코딩하기
7.2 calc 함수로 계산식 사용하는 법
7.3 Sass로 효율적인 코딩하기
7.4 VSCode로 Sass 사용하는 법
7.5 네스트 자유자재로 구사하기(Sass 활용하기 ①)
7.6 파셜 파일로 분할하기(Sass 활용하기 ②)
7.7 mixin으로 스타일 재사용하기(Sass 활용하기 ③)

CHAPTER 8 사이트 올리는 법과 문제 해결 방법
8.1 체크 리스트
8.2 오류 메시지 해결 방법
8.3 구현하다가 모르는 것이 있다면 웹사이트에 질문하기

출판사 서평

아직도 사각형 박스로만 웹사이트를 만들고 있나요?

지금까지 웹사이트를
● 요소는 반드시 사각형 안에 두고
● 고정된 박스를 배열해 레이아웃을 잡았으며
● 예쁜 폰트, 아이콘을 이미지로
만들었다면,

이 책을 읽고 난 다음에는
● 주위 어떠한 요소나 여백과 상관없이, 심지어는 겹쳐 보이게 요소를 배치하고
● 플렉스 박스를 활용한 반응형 웹 디자인으로 다양한 화면에 대응 가능하며
● 복사 가능한 예쁜 폰트의 텍스트, 확대해도 깨지지 않는 아이콘을 제공하는
웹사이트를 만들 수 있습니다.

더 나아가 자바스크립트 라이브러리로 그... 더보기

Klover 리뷰 (0)

북로그 리뷰 (4) 전체보기 쓰러가기

북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
  • 항상 CSS를 공부해야지 생각했었는데 이 책을 통해 많은 도움이 되었다. 책은 기본적으로 '약간은' 웹 개발을 해봤다는 것을 전제로 진행된다. 그렇기 때문에 HTML이나 CSS 속성에 대한 설명은 거의 없다. 그래도 웹 개발에 대한 기초 지식만 있으면 크게 어려움은 없다고 생각한다. CSS의 모든 속성을 암기하는 것이 목표가 아니고 프로젝트에 바로바로 써먹을수 있는 레퍼런스를 원하는 경우라면 이 책이 도움이 될 거라 생... 더보기
  • 웹에 관심을 가지고 공부 한 이래로 웹을 만지작 댄지는 20여년이 넘었지만 백앤드를 제외한 CSS를 이용한 레이아웃 구성이나 활용 스킬은 웹 초창기인 2000년대부터 2015년 정도의 그것에 머물러있기 항상 부족함을 느끼고 있던 터이지만 늘 우선순위에 밀려서 제대로 공부를 하기 쉽지 않았는데 이 책의 리뷰를 진행하면서 반 강제적으로 공부를 할 수 있었다.   이 책은 HTML과 CSS를 아예 모르는 사람보다는 그래도 약간은 경험이 있는 분들이 공부하기에 정말 좋은 것 같다. 하나부... 더보기
  • 이 책을 보면서 좋았던 것 하나! 꼭 필요한 것을 가지고 결과물을 만드는 것이었습니다. 예를 들면 되도록 이미지, 자바스크립트를 쓰지 않고 css 만으로 결과물을 만드는 것이죠. 그렇다고 어렵다거나 코드의 양이 많지 않습니다. 오히려 간결하죠. 이것이 내용에 대한 신뢰를 높여주었습니다. 'css로 이런 것도 가능하구나'하고 감탄하기도 했습니다. 이 책은 저의 경험과 지식의 폭이 얼마나 좁은지 알게 해주었죠. 내용을 얼마나 알차게 구성했는지 보여주었답니다.   눈에 보이는 것을 만드는데 매력... 더보기
  • 5개 예제로 배우는 효율적인 웹사이트 제작 노하우, 완성된 웹사이트로 배우는 HTML&CSS 웹 디자인                             이 책은 활용도 높고 실무에 자주 쓰이는 테크닉을 엄선해 한 권에 꽉 채웠다. 코드부터 배우고 웹사이트를 만들던 다른 책들과는 다르다. 이미 완성된 웹사이트를 먼저 살펴보고 각 디자인 요소에 ... 더보기

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다. 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①서양도서-판매정가의 12%, ②일본도서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 책의 원서/번역서

안내
바로가기
  • 우측 확장형 배너 2
  • 우측 확장형 배너 2
최근 본 상품