알라딘

Do it! HTML5 + CSS3웹 표준의 정석 - 전면 개정 2판

고경희 (지은이) | 이지스퍼블리싱
  • 등록일2020-11-03
  • 파일포맷cpub
  • 파일크기92 M  
  • 지원기기아이폰, 아이패드, 안드로이드, 태블릿, PC
  • 평점 평점점 평가없음

책소개

<b>;7년 연속 웹 분야 1위!<BR>;시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다!</b>;<BR>;7년 연속 웹 분야 1위를 굳건히 지키고 있는 《Do it! HTML5+CSS3 웹 표준의 정석》이 전면 개정 2판으로 더욱 새로워졌다! 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 독자도 쉽고 빠르게 예제를 따라해 볼 수 있는 실습 환경을 제공하여 웹 개발 환경에 빠르게 적응할 수 있도록 했다. 또한 독자들이 직접 만들면서 실습하고, 배운 내용을 복습하고, 연습문제까지 풀어보는 학습 설계로 구성되어 있어 한번 배운 내용을 절대로 까먹지 않는다. 웹을 제대로 배우고 싶다면 기본기는 정석으로 탄탄하게 쌓자!<BR>;<BR>;<b>;[개정 2판의 주요 변화]</b>;<BR>;● 5만 독자의 피드백 반영 -&gt; 누구나 쉽게 읽을 수 있어요!<BR>;● 최신 HTML5, CSS3 표준안, 모던 웹 브라우저 반영 -&gt; 시대에 뒤처지지 않게 배울 수 있어요!<BR>;● 실습 환경 개선 -&gt; 웹이 처음이어도 예제를 쉽게 따라 할 수 있어요!<BR>;● 예제마다 제목 추가 -&gt; 원하는 기능을 더 빠르게 찾을 수 있어요!<BR>;● 자주 쓰는 기능 위주로 정리 -&gt; 더 유용한 내용으로 채우고 가격 부담은 줄였어요!<BR>;<BR>;<b>;웹 분야 1위! 그만한 이유가 있다!<BR>;꼭 알아야 하는 내용만 누구나 이해하기 쉽게 담았다!</b>;<BR>;이 책의 집필 목표는 ‘누구나 쉽게 이해할 수 있는 HTML5 책’이었다. 2013년 9월에 첫 출간된 이후, 2014년에 국립중앙도서관의 컴퓨터 분야 대출 1위 도서로 선정되는 등 오랫동안 웹 분야에서 1위를 놓치지 않았다. 하루가 빠르게 변하는 웹 분야이지만 이 자리를 꾸준히 지킬 수 있었던 이유는 HTML과 CSS를 가장 기본답게 다루기 때문이다. 웹을 공부한다면 꼭 알아야 하는 내용만 모아 누구라도 이 책을 읽고 실습만 따라하면 이해할 수 있게 상세하게 풀어쓴 본문과 실무에서도 쓰임새 있는 예제들이 뒷받침해준다.<BR>;<BR>;<b>;아무것도 몰라도 할 수 있다!<BR>;태그의 의미부터 반응형 웹까지 한번에!</b>;<BR>;수많은 독자가 입을 모아 이 책을 ‘웹 분야의 교과서’라고 부른다. 공부를 하려면 교과서로 기초를 쌓아야 문제를 풀 수 있듯이 웹 분야를 배우고 싶은 독자라면 자연스럽게 이 책을 선택하게 된다. 태그가 무엇인지부터 시작해 다양한 개념을 간단명료한 예제들로 충분히 익힐 수 있다. 그리고 직접 만들어 보는 실습은 손으로 입력해 눈으로 결과를 확인한다. 또한 이제는 웹 개발의 기본이 된 반응형 웹까지 놓치지 않고 배울 수 있도록 모두 한 권에 실었다.<BR>;<BR>;<b>;태그를 이해하긴 쉽다. 문제는 기억력!<BR>;텍스트보다는 예제로! 까먹을 틈을 안 주는 철저한 복습 설계!</b>;<BR>;HTML과 CSS를 조금이라도 공부해 본 사람이라면 ‘HTML과 CSS는 암기 과목’이라는 말에 공감할 것이다. 기본을 익힌 다음에는 배운 내용을 기억해 활용하는 것이 중요하기 때문이다. 그래서 이 책에서는 개념을 익힐 때 긴 텍스트보다는 예제를 많이 사용했다. 그리고 반복 학습할 수 있도록 설계했다. <BR>;[직접 해보세요!]를 통해 그 장에서 배운 내용을 직접 만들고 결과를 눈으로 확인한다. 또한 예제 중간마다 들어 있는 [1분 복습]을 통해 그동안 배웠던 내용을 간단하게 복습하고, [기억을 되살리는 연습문제]까지 풀면 자신이 배웠던 내용을 잊어버릴 틈이 없을 것이다.<BR>;<BR>;<b>;대학, 학원 강의에 최적화된 교재! <BR>;모든 예제 소스 파일과 동영상 강의도 제공!</b>;<BR>;이 책에서 다루는 모든 예제 파일들은 이지스퍼블리싱 홈페이지 [자료실]에서 무료로 다운로드받을 수 있다. 예제를 하나하나 직접 입력해 보는 것도 좋고 소스 파일을 다운로드받은 후 예제를 실행해 결과 화면을 보면서 익히는 것도 좋다. 개념을 잘 이해했다면 각 장 끝에 있는 [기억을 되살리는 연습문제]는 꼭 풀어보자! 문제를 풀었을 때의 성취감은 물론 본문에서 배운 내용을 확실하게 자신의 것으로 만들 수 있다. 실습에 필요한 준비 파일과 함께 완성 파일도 함께 제공되니 학원이나 대학 교재로도 적합하다. 또한 무료로 제공되는 저자 직강 동영상 강의도 놓치지 말고 활용하자!<BR>;<BR>;- 예제 파일 다운로드 : www.easyspub.co.kr ▶ [자료실] 게시판<BR>;- 동영상 강의 : www.easyspub.co.kr ▶ [동영상 강의] 게시판<BR>;<BR>;<b>;자신의 공부 속도에 맞는 학습 계획표로 독학도 문제없다!<BR>;30일 정석 코스, 15일 집중 코스 진도표 제공!</b>;<BR>;무엇이든 목표가 있으면 더 힘차게 달릴 수 있다. 이 책에서는 웹 표준을 공부하려는 독자를 위한 ‘학습 계획표’를 제공한다. 코딩 왕초보라면 [30일 정석 코스]로 기초부터 활용까지 하나씩 차근차근 따라하고, 좀 더 빠르게 공부하고 싶은 독자라면 [15일 집중 코스]에 도전해 보자. 자신이 선택한 진도표에 직접 날짜를 적고 목표를 세워서 한 달 안에 HTML, CSS 표준 공부를 끝내보자!<BR>;<BR>;<b>;이 책으로 공부하는 지적인 독자들과 이야기를 나눠보자!<BR>;지식 나눔은 물론 함께 공부할 멤버까지 찾을 수 있다! - Do it! 스터디룸</b>;<BR>;혼자 공부하다가 궁금한 내용이 생기거나 공부를 포기하고 싶을 때는 ‘Do it! 스터디룸을 활용해 보자. 친구들과 만나 자신이 알고 있는 내용을 서로 나누며 공부할 수 있어 뿌듯함을 느낄 수 있을 뿐 아니라 이 책을 끝까지 포기하지 않고 마칠 수 있다. 그리고 이 책에 대한 질문이나 의견은 저자가 운영하는 카페에 올리면 직접 답변을 얻을 수 있다.<BR>;- 저자에게 질문하고 싶을 때 : cafe.naver.com/doithtml5 ▶ 웹 표준의 정석 ▶ [정석] Q&A게시판<BR>;- 함께 공부할 스터디 멤버를 찾고 싶을 때 : cafe.naver.com/doitstudyroom

저자소개

HTML5와 CSS3의 모든 태그를 집대성하여 베스트셀러에 오른 《Do it! HTML5+CSS3 웹 표준의 정석》 등 지금까지 40여 종의 책을 집필했다. 이번에는 생활코딩에 올라와 있는 이고잉 님의 깃(Git)과 깃허브(GitHub) 강의 영상을 학습서 형태로 처음부터 끝까지 새롭게 쓰고, 더 필요한 부분을 추가로 집필했다.
홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부했다. 한국디지털대학교에서 웹 기초(HTML) 분야를 강의했고, 한국 전자정보통신산업진흥회 등에서 웹 기술에 관한 강의를 진행해 왔다. Developer Technologies 분야의 마이크로소프트 공인 최고기술전문가(Most Valuable Professional)로 현재 활동 중이다.

목차

-------------------------------------------------------------
\r\n첫째마당 처음 시작하는 HTML5
\r\n-------------------------------------------------------------
\r\n
\r\n01 HTML 기본 다지기
\r\n01-1 HTML과의 첫 만남
\r\n01-2 웹 브라우저와 웹 편집기
\r\n01-3 HTML 기본 문서 구조
\r\n01-4 웹 문서 만들고 업로드하기
\r\n[오늘 바로 써먹는 HTML5+CSS3]
\r\n 블로그와 게시판에서 사용하는 HTML 태그
\r\n
\r\n02 텍스트 관련 태그들
\r\n02-1 텍스트를 덩어리로 묶어 주는 태그
\r\n02-2 텍스트를 한 줄로 표시하는 태그
\r\n02-3 목록을 만드는 태그
\r\n02-4 표를 만드는 태그
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n03 이미지와 하이퍼링크
\r\n03-1 이미지
\r\n03-2 링크 만들기
\r\n03-3 SVG 이미지
\r\n[오늘 바로 써먹는 HTML5+CSS3]
\r\n 이미지 맵으로 이벤트 페이지 만들기
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n04 폼 관련 태그들
\r\n04-1 폼 만들기
\r\n04-2 사용자 입력을 위한 <input> 태그
\r\n04-3 <input> 태그의 다양한 속성
\r\n04-4 여러 데이터 나열해 보여 주기
\r\n04-5 기타 다양한 폼 요소들
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n-------------------------------------------------------------
\r\n둘째마당 CSS3로 완성하는 웹 표준
\r\n-------------------------------------------------------------
\r\n
\r\n05 CSS 기초
\r\n05-1 스타일과 스타일 시트
\r\n05-2 주요 선택자
\r\n05-3 캐스케이딩 스타일 시트(CSS)
\r\n05-4 CSS3와 CSS 모듈
\r\n
\r\n06 텍스트 관련 스타일
\r\n06-1 글꼴 관련 스타일
\r\n06-2 텍스트 스타일
\r\n06-3 문단 스타일
\r\n06-4 목록 스타일
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n07 색상과 배경을 위한 스타일
\r\n07-1 웹에서 색상 표현하기
\r\n07-2 배경 색과 배경 이미지
\r\n07-3 그러데이션 효과로 배경 꾸미기
\r\n[오늘 바로 써먹는 HTML5+CSS3]
\r\n HTML로 마케팅용 메일 작성하기
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n08 CSS 박스 모델
\r\n08-1 CSS와 박스 모델
\r\n08-2 테두리 관련 속성들
\r\n08-3 여백을 조절하는 속성들
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n09 CSS 레이아웃
\r\n09-1 CSS 포지셔닝과 주요 속성들
\r\n09-2 다단으로 편집하기
\r\n09-3 표 스타일
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n-------------------------------------------------------------
\r\n셋째마당 HTML, CSS 한 걸음 더 나가기
\r\n-------------------------------------------------------------
\r\n
\r\n10 HTML5와 시맨틱 태그
\r\n10-1 HTML5 문서
\r\n10-2 문서 구조를 위한 HTML5 시맨틱 태그
\r\n10-3 IE8 이하 버전에서는 어떻게 하나요?
\r\n
\r\n11 HTML5와 멀티미디어
\r\n11-1 웹과 멀티미디어
\r\n11-2 오디오 & 비디오 재생하기
\r\n[오늘 바로 써먹는 HTML5+CSS3]
\r\n 동영상으로 홈페이지 대문 만들기
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n12 다재다능한 CSS3 선택자
\r\n12-1 연결 선택자
\r\n12-2 속성 선택자
\r\n12-3 가상 클래스와 가상 요소
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n13 CSS3와 애니메이션
\r\n13-1 변형
\r\n13-2 변형과 관련된 속성들
\r\n13-3 트랜지션
\r\n13-4 애니메이션
\r\n[오늘 바로 써먹는 HTML5+CSS3]
\r\n 상품 페이지에 가격 떠오르게 만들기
\r\n[기억을 되살리는 연습문제]
\r\n
\r\n-------------------------------------------------------------
\r\n넷째마당 반응형 웹 사이트 만들기
\r\n-------------------------------------------------------------
\r\n
\r\n14 반응형 웹이란?
\r\n14-1 모바일 기기와 웹 디자인
\r\n14-2 가변 그리드 레이아웃
\r\n14-3 가변 레이아웃과 가변 요소
\r\n
\r\n15 미디어 쿼리
\r\n15-1 미디어 쿼리 이해하기
\r\n15-2 미디어 쿼리 적용하기
\r\n15-3 미디어 쿼리를 사용해 웹 문서 만들기
\r\n
\r\n16 플렉스 박스 레이아웃
\r\n16-1 플렉스 박스 레이아웃과 기본 속성들
\r\n16-2 플렉스 박스 항목 배치를 위한 속성들
\r\n
\r\n부록
\r\n찾아보기

한줄 서평