※ 이 책의 대상 독자 - HTML, CSS, 자바스크립트 문법은 조금 알지만 사이트를 직접 만든 적은 없는 코딩 초보자 - 웹 퍼블리셔가 되고 싶은 취업 준비생 - 실무에 익숙하지 않은 신입 웹 퍼블리셔 - 퍼블리싱도 함께 해야 하는 스타트업 기업의 웹 디자이너, 웹 개발자 - 빠르게 홈페이지를 만들어서 바로 사용해야 하는 1인 창업자 -------------------------------------------------------------------------------------------------- 실무 13년 차 웹 퍼블리셔가 화면에 입력하는 모든 코드의 처음과 끝을 이 책에 빠짐없이 담았다! -------------------------------------------------------------------------------------------------- 이 책은 HTML, CSS, 자바스크립트의 문법을 배우는 책이 아니라 실무에서 작업하는 방법 그대로 웹 사이트를 만들어 보는 책입니다. 그래서 저자가 현업에서 작업하는 방식 그대로 본문에 옮겨 놓았습니다. 본문은 실습 위주로 구성돼 있으며 이 책을 끝까지 공부하면 실제로 작동하는 자신만의 사이트를 가질 수 있습니다. 또한, 실습 중간마다 ‘김팀장의 실무 한 수!’를 통해 저자가 실무에서 직접 몸으로 배워 얻은 노하우까지 덤으로 챙길 수 있습니다. -------------------------------------------------------------------------------------------------- HTML, CSS, 자바스크립트 기본 지식만 있으면 웹 사이트는 5일 완성! 사이트가 만들어지는 게 눈에 보이니까 재미있다! -------------------------------------------------------------------------------------------------- 이 책은 전체적으로 하나의 사이트를 처음부터 끝까지 만들어 봅니다. 각 장별로 웹 페이지가 추가되기 때문에 한 장이 끝날 때마다 점점 완성되어 가는 사이트를 보는 재미가 아주 쏠쏠합니다. 03장에서는 사이트의 전체 레이아웃을 만들고 04장에서는 페이지 이동에 필요한 애니메이션을 배웁니다. 그리고 05장부터 웹 사이트 속 메뉴에 해당하는 페이지들을 순서대로 만들어 갑니다. 자신의 학습 목표에 따라 웹 사이트를 처음부터 끝까지 만들어 볼 수도 있고, 필요한 기능이 있다면 해당 장부터도 만들어 볼 수도 있습니다. -------------------------------------------------------------------------------------------------- 처음에 만들 때 제대로 만들어야 유지보수가 편하다! 실무에서는 철저하게 역할별로 나눠서 만든다! -------------------------------------------------------------------------------------------------- 사이트를 만들 때 레이아웃은 HTML로, 디자인은 CSS로, 동적 처리는 자바스크립트로 나눠서 만들어야 사이트를 완성한 후에 수정하거나 내용을 추가할 때 편합니다. 실무에서는 이렇게 역할별로 나눠서 개발하며 이 책에서도 실무와 똑같은 방법으로 웹 사이트를 만듭니다. 처음 배울 때부터 HTML, CSS, 자바스크립트를 나눠서 개발하는 습관을 들이면 나중이 편합니다. -------------------------------------------------------------------------------------------------- 사이트는 콘텐츠를 담는 그릇! 콘텐츠에 걸맞은 HTML, CSS, 자바스크립트 사용법을 배우세요! -------------------------------------------------------------------------------------------------- 이 책은 단순히 태그를 사용해서 사이트를 만드는 책이 아닙니다. 웹 사이트를 통해 사용자에게 효과적으로 정보를 전달하기 위해서 어떻게 콘텐츠가 제공되어야 하는지 배우는 책입니다. 그래서 장별로 웹 페이지를 만들 때 각각의 콘텐츠의 성격에 맞는 레이아웃, 디자인, 동적처리를 적용시켜 만듭니다. 콘텐츠의 성격을 파악하고 콘텐츠를 효과적으로 표현할 수 있는 기능들을 하나하나 짚어가며 콘텐츠에 적용하는 법을 배우세요. -------------------------------------------------------------------------------------------------- 혼자 공부해도 OK, 빠르게 결과물을 만들어 보는 단기 교육에도 OK 기본 지식 복습용 9일 진도표, 속성 실습용 5일 진도표 제공! -------------------------------------------------------------------------------------------------- HTML, CSS, 자바스크립트의 기본 지식이 있지만 복습이 필요한 독자들을 위한 9일 진도표와 바로 실습으로 진행할 수 있는 5일 진도표를 제공합니다. 독학하는 사람, 학교나 학원에서 공부하는 사람 모두 자신이 선택한 진도표에 목표 날짜를 적어서 자신만의 속도로 웹 사이트를 만들어 보세요. 책의 마지막 장을 넘길 때쯤이면 현업 웹 퍼블리셔의 작업 방식도 몸에 익고 한 줄 한 줄씩 만든 웹 사이트도 손안에 들어와 있을 거예요. ------------------------------------------------------------------------------------------------- 책으로 공부하며 발전하는 지적인 독자들을 만나 보세요! 공부 계획 세우고 스터디 노트 올리면 책 선물까지! Do it! 스터디룸! -------------------------------------------------------------------------------------------------- 자신이 알고 있는 내용은 다른 사람과 나누고, 궁금한 내용은 나와 비슷한 고민을 하는 사람들과 함께 풀어보면 어떨까요? 지식을 공유하는 뿌듯함과 함께 자신의 능력이 한층 더 발전되어 가는 모습을 발견할 수 있을 거예요. 또한 Do it! 스터디룸에 공부 계획 세우고 스터디 노트를 꾸준히 올리면 새 책을 받을 수 있어요. 공부하고 책 받고 다시 공부하는 행복한 무한루프에 빠져 자신의 능력을 키워보세요! - Do it! 스터디룸 카페 [cafe.naver.com/doitstudyroom → ‘웹 사이트 따라 만들기’ 메뉴] - Do it! 스터디룸 카페 [cafe.naver.com/doitstudyroom → ‘Do it! 공부단 지원&책 선물 받기’ 메뉴]

첫째마당. 웹 사이트 만들기 준비하기 ------------------------------------------------- 01장 실습 전 익혀야 할 기본 지식 01-1 우리가 알아야 할 HTML 기본 상식 01-2 웹 페이지를 시각화하는 CSS 01-3 동적인 웹 페이지를 만들어 주는 자바스크립트 01-4 알아 두면 유용한 제이쿼리 01-5 자원과 시간 낭비를 막아주는 Ajax 02장 개발 환경 준비하기 02-1 개발 도구 설치하기 02-2 브라우저의 개발자 도구 02-3 크로스 브라우징 스페셜 01 웹 퍼블리셔에 대해서 알아보자! ------------------------------------------------- 둘째마당. 웹 페이지 만들기 ------------------------------------------------- 03장 전체 레이아웃 만들기 03-1 HTML과 레이아웃 03-2 HTML 구조화 03-3 HEADER 영역 03-4 FOOTER 영역 03-5 콘텐츠 영역 03-6 가상 요소 활용하기 04장 페이지 이동 효과 만들기 04-1 동적인 웹 사이트를 위한 자바스크립트 04-2 콘텐츠 영역의 이동 형태 살펴보기 04-3 제이쿼리로 슬라이드 효과 만들기 04-4 페이지 구성 후 콘텐츠 영역 표시하기 04-5 transition 속성으로 애니메이션 효과 만들기 05장 회사소개 페이지 만들기 05-1 사용자와 콘텐츠 05-2 회사소개 페이지 본문 채우기 05-3 다양한 CSS 활용법 05-4 CSS 애니메이션 고도화 구현하기 06장 도서소개 페이지 만들기 06-1 콘텐츠를 다루는 방법 06-2 도서 상세 내용 만들기 06-3 롤링 배너 만들기 06-4 롤링 배너에 스크립트 추가하기 07장 도서소개 페이지 추가하기 07-1 Ajax 사용하기 07-2 3D 모션 활용하기 08장 FAQ 페이지 만들기 08-1 사용자 인터페이스 이해하기 08-2 아코디언 형태로 FAQ 페이지 만들기 08-3 스크립트로 아코디언 기능 구현하기 09장 Contact Us 페이지 만들기 09-1 폼 요소 살펴보기 09-2 Contact Us 페이지 만들기 10장 구글 API로 Contact Us 폼 처리하기 10-1 구글 앱스 메일로 가상 서버 만들기 10-2 문의 내용 접수 완료 팝업창 만들기 스페셜 02 웹 호스팅, FTP, SNS 활용법 전체 소스 보기