<b>요즘 시대에 꼭 필요한 웹페이지 만들기 </b></br></br>웹 콘텐츠 제작에 흥미가 있지만, HTML&CSS는 복잡하고 어렵다고 느끼는 사람이 많다. 멋진 디자인이나 편리한 기능을 제공하는 웹페이지를 만들기 위해서는 관련 기술이나 다른 프로그래밍 언어에 대한 지식이 필요한데, HTML과 CSS 자체는 텍스트 편집기로도 입력할 수 있는 단순한 언어이므로 비교적 접근하기 쉽고 프로그래밍의 기초로서 시작하기 좋다.</br></br>이 책은 일러스트를 활용하여 HTML/CSS의 구조와 활용법 등의 기본을 직관적으로 이미지화하여 이해할 수 있도록 구성했다. 기존의 도서와 다르게 새로운 시각으로 접근해서 웹페이지 제작의 기본을 일러스트와 그림을 다양하게 활용해 차근차근 배울 수 있도록 했으며, HTML이나 CSS를 모르는 초보자도 그 기초를 학습할 수 있도록 설명했다. 또한 인터넷이나 WWW 등 웹페이지 제작에 필요한 용어나 지식도 이해하기 쉽게 소개했다.</br>

소프트웨어 개발부터 웹 시스템 구축, 디자인, 도서 집필까지 폭넓게 활동하는 회사이다. 주요 저서로는 『C가 보이는 그림책(개정증보판)』, 『C++가 보이는 그림책(개정판)』, 『PHP가 보이는 그림책(개정판)』, 『Python이 보이는 그림책』 등 그림책 시리즈와 사전 시리즈로 『홈페이지 사전』, 『HTML5&CSS3 사전』, 『HTML 태그 사전』, 『CSS 사전 제5판』, 『JavaScript 사전 제4판』 등 다수가 있다.

<B>머리말</b></br></br><b>제0장 HTML과 CSS 학습을 시작하기 전에</b></br>인터넷과 WWW</br>웹사이트란?</br>HTML 과 CSS란?</br>웹서버</br>동적인 웹페이지</br>클라이언트 사이드 스크립트</br>인터넷의 변화</br>웹브라우저의 종류</br> </br><b>제1장 웹사이트의 개요</b></br>제1장에서 꼭 알아야 할 키포인트</br>웹사이트</br>HTML과 CSS</br>웹브라우저와 웹서버</br>서버와 클라이언트</br>데이터베이스</br>쿠키</br>도메인과 URL</br>칼럼 ~ W3C 사양이 정해지는 과정 ~</br></br><b>제2장 HTML의 기초</b></br>제2장에서 꼭 알아야 할 키포인트</br>현재 표준 HTML에 대해서</br>HTML 파일 만들기</br>태그와 요소, 속성</br>부모 요소와 자식 요소, 주석</br>요소 지정하기</br>DOCTYPE 선언, 문자 코드 지정</br>절대 URL과 상대 URL</br>칼럼 ~ 콘텐츠 모델 ~</br></br><b>제3장 HTML의 요소</b></br>제3장에서 꼭 알아야 할 키포인트</br>문서의 기본 요소</br>문서의 구성에 관한 요소</br>그룹화와 단락의 요소(1)</br>그룹화와 단락의 요소(2)</br>범위를 설정하는 요소</br>텍스트에 관한 요소(1)</br>텍스트에 관한 요소(2)</br>텍스트에 관한 요소(3)</br>링크와 이미지에 관한 요소</br>테이블</br>폼 만들기</br>폼의 요소(1) </br>폼의 요소(2)</br>폼의 요소(3)</br>폼의 요소(4)</br>샘플 프로그램</br>칼럼 ~ meta 요소에 대해서 ~</br></br><b>제4장 CSS의 기초</b></br>제4장에서 꼭 알아야 할 키포인트</br>CSS란?</br>CSS를 기술하는 위치(1)</br>CSS를 기술하는 위치(2)</br>CSS의 기본 형식</br>적용 대상 지정(1)</br>적용 대상 지정(2)</br>적용 대상 지정(3)</br>색과 길이를 지정하는 방법</br>칼럼 ~ 특수한 문자 표시 ~</br></br><b>제5장 CSS의 속성 (1)</b></br>제5장에서 꼭 알아야 할 키포인트</br>텍스트에 관한 속성(1)</br>텍스트에 관한 속성(2)</br>글꼴에 관한 속성</br>박스 모델</br>박스에 관한 속성(1)</br>박스에 관한 속성(2)</br>박스에 관한 속성(3)</br>배경에 관한 속성(1)</br>배경에 관한 속성(2)</br>표시와 배치(1)</br>표시와 배치(2)</br>리스트와 테이블</br>샘플 프로그램</br>칼럼 ~ 마진 상쇄에 대해서 ~</br> </br><b>제6장 CSS의 속성 (2)</b></br>제6장에서 꼭 알아야 할 키포인트</br>다단 레이아웃</br>플렉스 박스</br>투명도와 그러데이션</br>트랜지션</br>애니메이션</br>샘플 프로그램(1)</br>샘플 프로그램(2)</br>칼럼 ~ 스타일의 상속에 대해서 ~</br> </br><b>제7장 반응형 디자인</b></br>제7장에서 꼭 알아야 할 키포인트</br>레이아웃 패턴</br>다중 칼럼 레이아웃 만들기</br>디바이스와 UI</br>반응형 디자인(1)</br>반응형 디자인(2)</br>샘플 프로그램</br>칼럼 ~ 세계 최초의 웹사이트 ~</br></br><b>제8장 JavaScript</B></br>제8장에서 꼭 알아야 할 키포인트</br>자바스크립트란?</br>Hello World!!</br>자바스크립트를 기술하는 위치</br>자바스크립트로 할 수 있는 일</br>칼럼 ~ Ajax ~</br> </br><b>부록</b></br>웹사이트를 만드는 과정</br>웹사이트 공개</br>이미지 형식</br>웹사이트 제작을 도와주는 환경</br>웹사이트 제작 시 주의사항</br></br>찾아보기