본문내용 바로가기
무료배송 이벤트 소득공제

처음 만나는 HTML5 & CSS3 알기 쉬운 설명! 모바일 중심 예제!

First Step 시리즈 4
카노 스케하루 지음 | 김완섭 옮김 | 제이펍 | 2017년 12월 15일 출간
  • 정가 : 25,000원
    판매가 : 22,500 [10%↓ 2,500원 할인]
  • 혜택 :
    [기본적립] 1250원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2,000원 추가적립 안내 [회원혜택] 회원 등급 별, 3만원 이상 구매 시 2~4% 추가적립 안내 [리뷰적립] 리뷰 작성 시 e교환권 최대 300원 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    당일배송 지금 주문하면 오늘(20일,금) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
  • 6월 2일 개발자 북콘서트 사전신청하고 선물 받자!
    2022.05.11 ~ 2022.05.31
  • 기술스택 별 개발자 채용공고 비중 공개+추천도서!
    2021.12.24 ~ 2022.12.31
상품상세정보
ISBN 9791188621040(1188621041)
쪽수 384쪽
크기 171 * 225 * 27 mm /616g 판형알림
이 책의 원서/번역서 いちばんよくわかるHTML5&CSS3デザインきちんと入門 / 狩野祐東

책소개

이 책이 속한 분야

알기 쉬운 설명! 모바일 중심 예제!
이 책은 반응형 웹디자인이 당연한 시대에 새로운 지침서로서 자리 잡을 수 있도록 집필됐다. 특히 스마트폰 시대의 HTML/CSS 코딩에 역점을 두고 있다. HTML은 작성할 때의 ‘개념’에 중점을 두었고, CSS는 단순한 기능을 설명하는 것이 아니라 다양한 실전 기술을 다루었다. 또한, 저자의 생생한 경험을 책에 잘 녹여내었고, HTML과 CSS 기능 중에서도 실무에서 자주 사용하는 기술들을 자세하게 설명하고 있다. (지은이의 ‘머리말’ 중에서)

상세이미지

처음 만나는 HTML5 & CSS3(First Step 시리즈 4) 도서 상세이미지

목차

CHAPTER 1 웹사이트의 구조를 알자 ... 1
SECTION 1 웹사이트가 표시되는 구조 _2
SECTION 2 URL _5
SECTION 3 웹사이트에 사용되는 파일 종류 _9
SECTION 4 웹사이트의 파일 및 폴더 구조 _16
SECTION 5 웹사이트 제작 환경을 준비하자 _22

CHAPTER 2 HTML 기초 지식과 마크업 실전 예제 ... 29
SECTION 1 HTML이란? _30
SECTION 2 HTML 형식 _33
SECTION 3 HTML 문서 구조 _37
SECTION 4 마크업의 구성 방식 연습하기 _40

CHAPTER 3 CSS 기초 지식과 페이지 디자인 실전 예제 ... 55
SECTION 1 CSS 기초 지식 _56
SECTION 2 CSS 형식 _58
SECTION 3 페이지에 CSS를 적용하는 훈련 _61

CHAPTER 4 텍스트 꾸미기 ... 73
SECTION 1 제목이나 본문의 폰트 크기 조정하기 _74
SECTION 2 읽기 쉽게 행간 조절하기 _82
SECTION 3 단락에서 리드 문장을 굵은 글씨로 설정 _85
SECTION 4 폰트 설정하기 _88
SECTION 5 텍스트의 정렬 방식 변경하기 _96
SECTION 6 두 번째 행 이후를 한 글자 내린다 _99
SECTION 7 텍스트 색 변경하기 _102
SECTION 8 제목에 부제목 붙이기 _111

CHAPTER 5 링크 설정과 이미지 표시 ... 115
SECTION 1 텍스트에 링크 추가하기 _116
SECTION 2 텍스트 링크에 CSS 적용하기 _129
SECTION 3 이미지 표시하기 _139
SECTION 4 이미지 링크 걸기 _145
SECTION 5 이미지 주변에 텍스트 배치하기 _150

CHAPTER 6 박스와 정보 정리 ... 155
SECTION 1 인라인 박스와 블록 박스 _156
SECTION 2 항목 나열하기(리스트)의 마크업 _159
SECTION 3 리스트를 정보 정리에 사용하자 _162
SECTION 4 능숙한
사용법 _173
SECTION 5 CSS의 박스 모델 _178
SECTION 6 패딩, 보더 설정 _183
SECTION 7 두 개 이상의 박스 나열하기 _189
SECTION 8 박스의 디자인 조절하기 _197

CHAPTER 7 테이블 ... 209
SECTION 1 테이블 작성하기 _210
SECTION 2 접근성을 고려한 테이블 _220
SECTION 3 테이블의 디자인 변경 _227

CHAPTER 8 폼 ... 235
SECTION 1 폼 및 폼의 데이터 전송 구조 _236
SECTION 2 다양한 폼 부품 _239
SECTION 3 표준 폼의 예 _263

CHAPTER 9 페이지 전체 레이아웃과 내비게이션 ... 267
SECTION 1 실전 코딩을 위해 알아 두면 좋은 CSS 지식 _268
SECTION 2 1단 칼럼형 레이아웃 _275
SECTION 3 플렉스 박스를 사용한 칼럼 레이아웃 _292
SECTION 4 내비게이션 메뉴 작성하기 _304

CHAPTER 10 반응형 웹디자인 페이지 만들기 ... 317
SECTION 1 반응협 웹디자인이란? _318
SECTION 2 반응형 웹디자인 사이트 만들기 _323

책 속으로

https는 해당 웹페이지를 요청할 때와 응답이 돌아올 때 모두 전송 중인 데이터가 암호화되고 있다는 것을 나타낸다. 데이터가 암호화되면 인터넷상의 제3자가 혹 데이터를 가로채더라도 그 내용을 확인할 수 없다. https는 이전까지만 해도 주로 신용카드 번호나 로그인 암호 등 노출되면 위험한 데이터를 전송할 때 사용됐다. 하지만 최근에는 보안에 대한 의식이 높아지면서 사이트 전체적으로 암호화를 하는 경우가 많아졌다. 참고로 스킴이 http인 경우는 전송되는 데이터(브라우저와 웹서버가 주고 받는 데이터)가 암호화되지 않는다. _6p... 더보기
바로가기
  • 우측 확장형 배너 2
  • 우측 확장형 배너 2
최근 본 상품