첫째마당 웹과 HTML 시작하기
01 웹은 어떻게 움직일까
__01-1 여러 형태의 웹 사이트
__01-2 네트워크 이해하기
__01-3 웹의 기본 동작 이해하기
__01-4 웹 접근성 알아보기
__01장 되새김 문제
02 웹 개발 시작하기
__02-1 웹 개발, 어디서부터 시작할까
__02-2 웹 개발 환경 설정하기
03 HTML 기본 문서 만들기
__03-1 HTML과 첫 만남
__03-2 HTML의 구조 파악하기
__03-3 HTML 파일 만들기
__03-4 웹 문서의 구조를 만드는 시맨틱 태그
__03장 되새김 문제
04 웹 문서에 다양한 내용 입력하기
__04-1 텍스트 입력하기
__04-2 목록 만들기
__04-3 표 만들기
__04-4 이미지 삽입하기
__04-5 오디오와 비디오 삽입하기
__04-6 하이퍼링크 삽입하기
__04장 되새김 문제
05 입력 양식 작성하기
__05-1 폼 삽입하기
__05-2 사용자 입력을 위한 input 태그
__05-3 input 태그의 주요 속성
__05-4 폼에서 사용하는 여러 가지 태그
__05장 되새김 문제
둘째마당 CSS 다루기
06 CSS의 기본
__06-1 스타일과 스타일 시트
__06-2 CSS 기본 선택자 알아보기
__06-3 캐스케이딩 스타일 시트 알아보기
__06장 되새김 문제
07 텍스트를 표현하는 다양한 스타일
__07-1 글꼴 관련 스타일
__07-2 웹 폰트와 아이콘 폰트 사용하기
__07-3 텍스트 관련 스타일
__07-4 목록 스타일
__07-5 표 스타일
__07장 되새김 문제
08 CSS 박스 모델
__08-1 CSS와 박스 모델
__08-2 테두리 스타일 지정하기
__08-3 여백을 조절하는 속성
__08-4 웹 문서의 레이아웃 만들기
__08-5 웹 요소의 위치 지정하기
__08장 되새김 문제
09 이미지와 그러데이션 효과로 배경 꾸미기
한 권으로 끝내는 웹 기본 교과서!
《Do it! HTML+CSS+자바스크립트 웹 표준의 정석》 전면 개정판 출간!
2021년 초판 발행 이후 수많은 웹 개발 입문자와 함께한 《Do it! HTML5+CSS3+자바스크립트 웹 표준의 정석》의 전면 개정판이 출간되었습니다. 초판을 출간한 뒤 새롭게 등장한 최신 기술과 트렌드를 반영하고자 절반이 넘는 내용을 수정했고, 그 결과 지금 웹 개발에 입문하는 사람에게 딱 맞는 책으로 다시 태어났습니다.
최신 웹 표준부터 반응형 웹, ES6+까지
실무에 가장 가까운 웹 기본을 익힌다!
생성형 AI가 등장하면서 개발자라는 직업이 사라질 것이라고 누군가는 말했지만, 이 책은 다르게 말합니다. 생성형 AI 역시 개발을 아는 만큼 편리하게 사용할 수 있는 도구일 뿐이라고요. 그리고 웹 개발을 바닥에서 떠받치는 핵심 기술이 HTML, CSS, 자바스크립트라는 건 변하지 않습니다.
이 책은 웹에 입문한 독자가 기본을 완벽하게 다질 수 있도록 HTML의 태그가 무엇인지부터 친절하게 알려 줍니다. 또한 이 책을 다 공부하면 바로 실무에 활용할 수 있도록 반응형 웹, ES6+ 등 최신 기술과 트렌드까지 파악할 수 있습니다.
실습→복습→평가까지 한 번에!
체계적인 학습 설계로 공부 효과가 3배!
이 책은 한 번만 읽어도 세 번 읽은 것 같은 효과를 얻을 수 있도록 구성했습니다. 장이 시작할 때마다 ‘이 장을 다 공부하면!’ 코너에서 학습 목표를 미리 파악한 뒤 다양한 예제를 직접 코딩하며 실습을 진행합니다. 장 하나를 다 공부하면 ‘확인’ 코너의 질문에 답하며 그 장에서 무엇을 배웠는지 돌아봅니다. 마지막으로 ‘되새김 문제’로 배운 내용을 얼마나 이해했는지 스스로 평가합니다. 이렇게 체계적인 구성에 따라 공부하다 보면 1번 읽었는데 마치 3번을 읽은 것과 같은 학습 효과를 기대할 수 있습니다.
500여 개의 다양한 예제를 풀며
기본부터 활용까지 확실하게 익힌다!
HTML, CSS, 자바스크립트
