이미지 검색을 사용해 보세요
검색창 이전화면 이전화면
최근 검색어
인기 검색어

소득공제
Do it! HTML5+CSS3 웹 표준의 정석
베스트
IT 모바일 top20 35주
가격
32,000
10 28,800
YES포인트?
1,600원 (5%)
5만원 이상 구매 시 2천원 추가 적립
결제혜택
카드/간편결제 혜택을 확인하세요
  • 본 도서의 개정판이 출간되었습니다.

이미 소장하고 있다면 판매해 보세요.

  •  해외배송 가능?
  •  문화비소득공제 가능

상세 이미지

책소개

목차

·[직접]은 ‘직접해보세요’ 코너 입니다. 눈으로만 읽지 말고 직접 해보세요!
·[Special]은 실생활에서 사용할 수 있는 예제를 모아놓은 코너 입니다. 학습한 HTML5와 CSS3를 응용해 보세요.

첫째마당
기초 태그부터 시작하는 HTML5의 모든 것

01장 HTML 기본 다지기
01-1 웹, HTML 이해하기
01-2 왜 HTML과 CSS를 배워야 할까?
01-3 웹 표준은 무엇인가?
01-4 실습 준비하기
[직접] 무료 편집기 노트패트++ 설치하기
[직접] 책에 있는 실습과정 준비하기
[직접] 닷홈에 무료 호스팅 서비스 신청하기
[직접] 무료 FTP 프로그램 FileZilla 설치하기
01-5 처음 만드는 HTML 문서
[직접] 기본 구조의 HTML 문서 만들기
[직접] 내가 만든 문서 웹 서버에 올리고 확인하기
01-6 HTML 문서의 구조
01-7 자주 쓰는 기본 태그 익히기
01-8 이 사이트는 어떻게 만든 거지? - 개발자 도구

[Special 01] 블로그와 게시판에서 사용하는 HTML
[Special 02] 네이버 편집기에서 HTML 태그 연습해 보기

02장 HTML5와 시맨틱 태그
02-1 HTML5의 문서 구조
02-2 레이아웃을 위한 HTML5 시맨틱 태그들
02-3 웹 브라우저 버전 고려하기

03장 텍스트와 하이퍼링크 관련 태그들
03-1 텍스트를 묶어서 처리하는 태그들
03-2 다양한 텍스트 관련 태그들
03-3 목록을 만드는 태그들
[직접] 다양한 텍스트 태그 연습하기
03-4 표 관련 태그들
03-5 원하는 곳으로 연결해주는 하이퍼링크

04장 멀티미디어를 다루는 태그들
04-1 HTML5와 이미지
[Special 03] 이미지 맵으로 이벤트 페이지 만들기
04-2 이미지 파일에 캡션 붙이기
[직접] 웹 문서에 이미지 파일 넣기
04-3 멀티미디어 재생하기
[직접] 비디오 파일 변환하기
[직접] 웹 문서에 비디오 파일 넣기
[Special 04] 블로그에 유튜브 동영상 넣기

05장 폼과 관련된 태그들
05-1 폼 만들기
05-2 사용자가 정보를 입력하는 태그
05-3 태그의 다양한 속성
[직접] 상품 주문서 만들기1- 마크업 작성하기
[직접] 상품 주문서 만들기2- CSS 적용하기
05-4 여러 데이터 나열해서 보여주기
05-5 기타 다양한 폼 요소들

둘째마당
CSS로 완성하는 웹 표준 사이트

06장 스타일시트 기초
06-1 웹 디자인을 실현해 주는 CSS
06-2 스타일의 우선순위
06-3 선택자
06-4 속성 선택자
06-5 가상 클래스
06-6 다양한 효과를 만들어내는 CSS3

07장 텍스트 관련 스타일
07-1 글꼴 관련 스타일
07-2 텍스트 스타일
07-3 텍스트 간격을 조절하는 스타일
[직접] 텍스트 스타일을 이용해 문서 정리하기
07-4 목록 스타일
[직접] 목록 스타일을 이용해 문서 정리하기

08장 색상과 배경을 위한 스타일
08-1 색상과 관련된 스타일
08-2 배경색과 배경 이미지
[직접] 제목에 배경 이미지 사용하기
[직접] 배경색과 배경 이미지 채우기
08-3 그러데이션 효과로 배경 꾸미기

[Special 05] 티스토리 블로그에서 스킨 바꾸기

09장 레이아웃을 위한 스타일
09-1 박스 모델
09-2 테두리 관련 속성들
09-3 CSS3 박스 관련 속성들
[직접] 박스 모델로 콘텐츠 정리하기
09-4 배치와 관련된 블록 레벨과 인라인 레벨
09-5 여러 요소를 원하는 형태로 배치하기
[직접] 포지셔닝을 이용해 타일 형식으로 배치하기
09-6 다단으로 편집하기
[직접] 웹 문서 3단 편집하기
09-7 표 관련 스타일

10장 변형(transform)을 위한 스타일
10-1 변형(transtorm)
[직접] 변형을 이용해 그림 강조하기
10-2 변형과 관련된 속성들
10-3 시간에 따른 변화를 만들어 주는 트랜지션
10-4 애니메이션 속성
[직접] 트랜지션을 이용해 내용 강조하기

[Special 06] CSS로 다양한 사진 효과 만들기
[Special 07] 드롭다운 내비게이션 만들기

셋째마당
PC, 태블릿, 스마트폰용 웹사이트를 한 번에 만든다
반응형 웹사이트 만들기

11장 반응형 웹 디자인과 미디어 쿼리
11-1 자유자재로 변하는 반응형 웹 디자인
11-2 반응형 웹을 실현시켜주는 미디어 쿼리
11-3 미디어 쿼리를 적용하기
[직접] PC용 미디어 쿼리 작성하기
[직접] 스마트폰용으로 미디어 쿼리 작성하기

12장 반응형 웹을 만드는 또 다른 방법, 유동형 레이아웃
12-1 유동형 레이아웃
12-2 유동형 레이아웃 만들기
[직접] CSS로 유동형 레이아웃 구성하기
12-3 유동형 이미지와 비디오


13장 그리드 레이아웃으로 웹사이트 제작하기
13-1 반응형 웹사이트 만들기

[Special 08] 최신 웹 기술, HTML5+자바스크립트+API

저자 소개 1

홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부했다. 인터넷이 막 대중화되던 1990년대 후반부터 웹 기술을 쉽게 배우고 가르치는 일에 관심을 갖고, 지금까지 70여 권이 넘는 책을 집필했다. HTML, CSS, 자바스크립트, 깃·깃허브 등 웹의 기본기를 누구나 이해할 수 있도록 풀어내며 많은 독자들이 웹 개발의 첫걸음을 떼는 데 도움을 주었고, 특히 《Do it! HTML+CSS+자바스크립트 웹 표준의 정석》은 수많은 입문자들이 웹 개발을 시작할 때 가장 먼저 찾는 책으로 자리 잡았다. ‘기본기를 놓치지 않는 학습이 가장 중요하다’는 신념으로 독자들이 단단한 기
홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부했다. 인터넷이 막 대중화되던 1990년대 후반부터 웹 기술을 쉽게 배우고 가르치는 일에 관심을 갖고, 지금까지 70여 권이 넘는 책을 집필했다. HTML, CSS, 자바스크립트, 깃·깃허브 등 웹의 기본기를 누구나 이해할 수 있도록 풀어내며 많은 독자들이 웹 개발의 첫걸음을 떼는 데 도움을 주었고, 특히 《Do it! HTML+CSS+자바스크립트 웹 표준의 정석》은 수많은 입문자들이 웹 개발을 시작할 때 가장 먼저 찾는 책으로 자리 잡았다. ‘기본기를 놓치지 않는 학습이 가장 중요하다’는 신념으로 독자들이 단단한 기초 위에 실력을 쌓을 수 있도록 돕고 있다. 생성형 AI가 코딩의 판도를 바꾸고 있는 지금도 개발자의 기본 소양을 기르는 일에 변함없이 최선을 다하고 있다.

대표 저서
● 《Do it! 5일 만에 끝내는 깃 & 깃허브 입문》(이지스퍼블리싱, 2024)
● 《Do it! HTML + CSS + 자바스크립트 웹 표준의 정석》(이지스퍼블리싱, 2024)
● 《Do it! Node. js 프로그래밍 입문》(이지스퍼블리싱, 2023)
● 《Do it! 모던 자바스크립트 프로그래밍의 정석》(이지스퍼블리싱, 2022)
● 《Do it! 자바스크립트 입문》(이지스퍼블리싱, 2021)
● 《Do it! HTML5+CSS3 웹 표준의 정석》(이지스퍼블리싱, 2019)

고경희의 다른 상품

품목정보

발행일
2013년 09월 27일
쪽수, 무게, 크기
704쪽 | 1366g | 188*243*40mm
ISBN13
9788997390250

출판사 리뷰

기초부터 반응형 웹까지! HTML 권위자에게 정석으로 배운다!
이 책은 HTML에 대한 사전 지식이 없는 사람들도 예제를 통해 쉽게 배울 수 있는 책이다. 국내 HTML 분야 권위자라 할 수 있는 고경희 선생이 웹 표준의 정석대로, 기초 태그부터 하나하나 제대로 알려준다.
이 책은 HTML5에서 바뀐 태그만 소개한 책이 아니고 실무에 사용되는 태그를 모두 담았으며, 단순히 태그만 배우고 끝나는 게 아니라, 블로그 스킨 꾸미기, 링크를 연결해 이벤트 페이지 단체 메일링하기, 모바일 웹 페이지를 위한 반응형 웹까지 다양한 예제가 들어가 있으므로 이 책을 보고 나면 실제 업무에 바로 들어가도 당황하지 않을 수 있는 실력을 갖출 수 있다.
특히 이 책과 함께 볼 수 있는 저자 직강 동영상 30강이 독자를 위해 무료로 공개된 것도 이 책의 특징이며, 책에 소개된 초보자와 중급자를 위한 50일(10주), 25일(5주) 완성 진도표가 제시되어 있는 점도 돋보이는 점이다.

기초 태그부터 시작한다! 문과생도 쉽게 배울 수 있는 책
《Do it! HTML5+CSS3 웹 표준의 정석》은 HTML에 대한 사전 지식이 전혀 없더라도 이 책 한권을 통해 기본 이론은 물론 실무를 진행할 수 있을 정도로 실제 업무에서 쓰는 태그를 모두 알려주는 책이다. HTML4부터 5에서 사용되는 태그를 기초 태그부터 모두 담고 있다. 무조건 외우며 학습하는 것이 아닌, 그대로 베껴 쓸 수 있는 150개 이상의 예제를 통해 태그가 어떻게 사용되는지 이해하며 익힐 수 있다.

1:1 과외 효과를 느낄 수 있는 저자의 동영상 강의 30강 무료 제공!
글보다 하나의 영상으로 보고 들으며 학습할 때 더 빠른 습득이 가능할 때가 있다. 그래서 《Do it! HTML5+CSS3 웹 표준의 정석》은 각 장에서 중요한 내용을 짚어주는 동영상 강의 30개를 제공한다. HTML 관련 분야에서 여러 강의를 진행해온 저자가 1:1 개인 강의를 받는 것처럼 동영상 강의로 더 쉽고 빠르게 배울 수 있도록 도와 줄 것이다. 팟캐스트나 유튜브를 이용하여 스마트폰으로도 볼 수 있어 자투리 시간을 활용하여 학습할 수도 있다.

HTML과 CSS의 권위자에게 직접 배워라!
이 책은 마이크로소프트에서 세계적으로 활동성을 입증한 Spotlight MVP(최고기술전문가)이자, HTML 정보를 제공하는 UserAgents에서 웹 전문가로 활동하는 저자 고경희 선생이 집필한 책이다. 고경히 선생은 HTML5를 국내 저자로는 처음 우리나라에 소개하여 베스트셀러가 되기도 한 《Do it! HTML5+CSS3》 (바뀐 태그만 빠르게 배우는 단기완성 도서) 저자이기도 하다. 이번 책에서 저자가 엄선한 다양한 예제와 실습 소스를 직접 실행하다 보면 기본적인 이론 뿐 아니라 실제 웹 디자인을 하는 환경에서도 소스를 해석하고 응용할 수 있는 실력을 갖추게 될 것이다.

생활 속에서, 실무에서 바로 써먹을 수 있게 해주는 책
태그는 꼭 ‘홈페이지를 만들 때만 사용한다?’ 그렇지 않다. 이 책은 태그만 배우고 끝나는 게 아니라, 이 태그와 속성을 생활 속에서 써먹는 방법을 알려준다. 예를 들어 블로그 스킨을 원하는 것으로 바꾸어 홈페이지처럼 꾸미거나 홍보용 이벤트 페이지에 이미지맵 태그를 사용하여 단체 메일링을 하는 방법 등 책에서 배운 태그와 속성을 일상생활과 회사 업무에서 바로 써먹을 수 있는 다양하고 실용적인 예제들을 추가해 놓았다.

목표 달성을 도와주는 페이스 메이커, 진도표!
스스로 학습할 때 계획을 세워 공부할 수 있도록 개인의 능력에 맞는 진도표를 제공한다. 진도표에는 각 학습을 할 때 꼭 기억해야할 학습 목표도 제시하고 있어 더 쉽게 HTML과 CSS를 배울 수 있다. 초급자는 10주 50일 동안 천천히 학습하며 익히는 진도표를 보면 되고, 중급자는 5주 25일 동안 완료하는 계획을 따라가면 더 수월하게 학습을 마칠 수 있을 것이다.

대학 등 교육기관에서 환영받는 인기 교재 예감!
각 장마다 배운 것을 실행해볼 수 있도록 도전 미션을 제공하였다. 미션마다 난이도가 표시되어 있고, 응용문제를 제시하여 배운 것(學)을 다시 익히게(習)하여 학습 효과를 높일 수 있게 하였다.
각 장에서 배운 이론도 스스로 정리할 수 있도록 중요한 내용을 퀴즈로 바꾸어 두뇌를 자극하는 방식으로 만든 점도 돋보인다.

책에 대한 질문 및 소스 다운로드를 할 수 있는 곳
소스 다운로드 http://cafe.naver.com/doithtm5
질의응답 게시판 http://cafe.naver.com/doithtml5 → [HTML5+CSS3 정석] 메뉴

추천평

이 한 권이면 다른 책은 필요 없을 듯 ···
HTML5에 대한 이야기는 자주 들었지만, 솔직히 제게는 다른 세상 이야기, 관심 밖의 기술이었습니다. 그러던 중 저를 사로잡는 계기가 있었는데, ‘HTML5와 CSS3가 새로운 표현 도구로 유용한 기술이 될 수 있다.’라는 것이었습니다. HTML5로 화려하고 역동적인 프레젠테이션 도구를 만든 사례는 저를 단숨에 HTML5로 관심을 갖게 만들었습니다. 최근에는 윈도우 8용 HTML5 프레젠테이션 앱도 나왔습니다. HTML5가 안 쓰이는 데가 없다 보니 프레젠테이션 환경도 변화가 있을 것으로 기대됩니다. 이 책은 비전공자도 HTML의 기초 태그부터 차근차근 알려주면서 최신 기술인 HTML5, CSS3까지 정통으로 배울 수 있는 것이 가장 큰 장점입니다. 꼭 웹사이트를 만들 때만 HTML을 사용하는 것이 아닌, 실생활에서 이용할 수 있는 스페셜 예제가 있는 점도 눈에 뜨였습니다. 이 책 한 권이면 HTML과 CSS에 대해 다른 책은 필요 없을 듯하여 추천해 드립니다.
- 배준오 (마이크로소프트 MVP(Most Valuable Professional), PTIA 대표컨설턴트)

대학의 필수 강의가 된 HTML5. 기본부터 제대로 배우는 안성맞춤 책!

웹은 이제 새로운 플랫폼으로 부상하고 있다. 이런 최신 기술을 발 빠르게 익히고 실무에 나가 바로 적용하기 위해 대학에서도 HTML5 수업은 필수이다.
하지만 HTML의 기본부터 최신 기술인 HTML5까지 두루 배우기 쉽지 않았는데, 이 책은 HTML을 전혀 모르는 학생들도 쉽게 따라갈 수 있도록 구성되어 있다. 웹 기본 개념부터 웹 표준인 HTML5와 CSS3까지 차례로 배우면서 최신 기술인 반응형 웹 디자인까지 익힐 수 있어서 교육 현장에는 안성맞춤의 책이라는 생각이 든다. 이제 막 웹을 배우기 시작한 학생들뿐만 아니라 회사 실무에 웹 표준을 도입해야 하는 실무자까지 모두 쉽게 볼 수 있는 지침서로 적극 추천하고 싶다.
- 김현배 (부산교육대학교 컴퓨터교육학과 교수)

국내 집필자로는 처음으로 HTML5 책을 출간한 베스트셀러 저자의 책, 이번 책은 바이블이 될 것!
10년 넘게 HTML 관련 도서를 낸 고경희 님이 2010년에 바뀐 태그만 빠르게 배울 수 있는 HTML5 책을 출간했을 때도 역시 고경희 님이란 생각을 했습니다. 당시 번역한 도서뿐인 HTML5 분야에서 국내 집필자로는 처음으로 HTML 책을 출간하여 베스트셀러가 되었죠. 그 사이 HTML5는 IT 분야 종사자가 아니더라도 교양으로도 배워 두면 누구나 IT 세상을 살아가는 데 도움이 되는 분야가 되었습니다. 특히 이번 책은 중학생도 쉽게 직접 PC에 입력하며 따라할 수 있게 실습 환경부터 설명까지 하나하나 친절하게 배려해주어 HTML5를 빨리 업무에 적용하셔야 하는 분들뿐 아니라 IT 문외한들에게 큰 도움이 될 것으로 보입니다. 거기다 동영상까지 있으니 왕초보뿐 아니라 편하게 이 분야를 정복하려는 IT 분야 종사자에게도 적극 추천합니다.
강영미 ((주)비트리더 부설연구소 소장)

리뷰/한줄평34

리뷰

9.0 리뷰 총점

한줄평

8.2 한줄평 총점

클린봇이 부적절한 글을 감지 중입니다.

설정