추가 적립 안내

'실무테크닉' 시리즈, 제17권 『HTML + JAVASCRIPT & CSS 실무테크닉』. 이 시리즈는 전문가가 오랫동안 축적해온 경험을 예제를 통해 이해하기 쉽게 설명하는 종합적인 인문서이자 활용서다. 실무에서 부딪히는 문제를 해결할 수 있도록 도와준다.

제17권에서는 홈페이지를 제대로 만드는 데 필요한 HTML과 JAVASCRIPT, 그리고 CSS에 대해 다루고 있다. 청와대 사이트 등처럼 대형 프로젝트 개발에 참여해온 저자만의 노하우를 공개한다.

가장 먼저 HTML, JAVASCRIPT, CSS의 이론을 익힐 수 있다. 아울러 최신 트렌드를 반영한 예제를 실습함으로써 실무에서 활용하고 응용하는 방법을 배우게 된다.

홈페이지를 제대로 만들고 싶다면, HTML+JavaScript & CSS를 잡아라!

홈페이지를 제대로 만들고 싶은데, 그 방법이 궁금하다고요. 이 책은 HTML을 비롯하여 JavaScript, DHTML, CSS에 대한 사용법이 들어 있습니다. 청와대 사이트를 비롯하여 대형 프로젝트 개발에 참여한 저자가 홈페이지를 만들면서 터득한 비법과 노하우를 공개합니다. 또한, 최신 트렌드에 맞는 자바스크립트 활용법을 담았습니다. [HTML+JAVASCRIPT & CSS 실무테크닉]은 HTML의 기본을 알아본 후 CSS, DHTML, JavaScript 등을 이론과 함께 실무에서 활용할 수 있는 최정상의 기본+활용서입니다.

특징 및 서평

첫째, HTML 기본을 확실하게 잡아주는 책!
나모 웹에디터나 드림위버 등을 통해 홈페이지를 만들 수는 있지만, HTML 코딩 기법은 자신 없는 분 또는 홈페이지의 기초를 배우고자 하는 사람들을 위한 책입니다. HTML의 기본을 배운 다음, 홈페이지를 자유롭게 편집할 수 있는 스타일 시트(CSS)와 DHTML, 자바스크립트를 단계별로 하나하나씩 이해하면서 익힐 수 있습니다.

둘째, 전문가의 비법과 활용 노하우 전격 공개!
홈페이지를 제작할 때 기본이 되면서도 가장 중요한 것은 탄탄한 HTML 실력입니다. 이 책은 초보자가 홈페이지를 만들 때 반드시 알아두어야 할 내용을 다루었습니다. 웹프로그래밍의 기본 원리를 설명하는 것을 시작으로 실무에서 어떻게 사용하는지 예제를 중심으로 설명하였습니다. 전문가의 숨결이 느껴지는 경험과 노하우를 여러분 것으로 만들어 보세요.

셋째, 실전에서 바로 통하는 자바스크립트!
‘홈페이지를 만들 때는 어떤 기술이 필요할까?’라는 생각을 하는 분들이 많습니다. 이 책은 실제 홈페이지 제작에 사용되는 자바스크립트 기법을 설명하였습니다. 이 책에 사용된 예제는 최신 트렌드를 반영하여 설명하고 있고, 소스를 분석하면서 설명하기 때문에 언제 어디서든 써 먹을 수 있습니다. 자바스크립트의 놀라운 경험을 직접 만끽해보세요.

부별 요약

Part 01. 홈페이지 최적화를 위한 웹 프로그래밍
‘프로그래밍’을 처음 배우는 사람들은 ‘딱딱하고 어렵다.’라는 생각을 갖게 됩니다. ‘프로그래밍=전문가’처럼 생각될 수 있는데, 어려울 것 같은 프로그래밍 분야도 홈페이지 언어와 연결해서 배우면 쉽게 익힐 수 있습니다.

Part 02. 부딪혀보자! HTML 기본 태그 맛보기
웹프로그래밍의 기본이 HTML 입니다. 기본을 튼튼히 하면 활용은 쉬워집니다. 홈페이지의 기본 언어인 HTML을 알아두면 자바스크립트, CSS 등을 쉽게 익힐 수 있습니다. HTML 의 기본 태그만 익혀도 멋진 홈페이지를 만들 수 있다는 것, 알아두세요.

Part 03. HTML 200% 활용하기
HTML의 기본을 익혔으니 이젠 본격적으로 활용법에 대해 알아볼까요? 이곳에서는 하이퍼링크를 비롯하여 테이블, 아이프레임 등에 대해서 알아봅니다. 여러분의 HML 실력을 업그레이드 할 수 있습니다.

Part 04. 홈페이지의 코디네이터, 스타일시트
연예인의 스타일을 만들어주는 ‘코디네이터’의 역할을 하는 것이 홈페이지에서는 스타일시트입니다. 스타일 시트를 이용하면 홈페이지에 통일감을 줄 수 있을 뿐만 아니라 글자 크기나 모양, 배경 등을 자유롭게 제어할 수 있습니다. ‘스타일시트(StyleSheet)’를 놓치지 마세요.

Part 05. 홈페이지를 새롭게 하는 힘, 자바스크립트
홈페이지에 강력한 엔진을 달아주는 역할을 하는 것이 ‘자바스크립트’입니다. 이 엔진을 통해 조건문, 반복문, 객체 등의 어려운 언어를 쉽게 이해할 수 있습니다. 홈페이지에서 방문자의 시선을 끌고 잡아두는 여러 가지 요소인 ‘자바스크립트(JavaScript)’를 확실하게 터득해보세요.

Part 06. 홈페이지를 강력하게 만드는 레이어
홈페이지에 레이어를 사용하면 역동적인 홈페이지를 만들 수 있습니다. 이렇게 만든 홈페이지의 기법을 ‘DHTML(Dynamic HTML)’이라고 하는데, 이것을 통해 홈페이지에서 여러 효과를 넣을 수 있습니다. 홈페이지의 클립 효과와 웹 갤러리 등을 직접 만들어보세요.

Part 07. 홈페이지를 완성하는 노하우, 자바스크립트 활용하기
지금까지 HTML과 자바스크립트를 배웠다면 이제는 실무에서 사용하는 홈페이지 제작 기법을 배워야 할 차례입니다. 실무에서 곧바로 사용할 수 있는 자바스크립트 예제를 통해 멋진 홈페이지를 만들 수 있습니다. 자바스크립트의 15가지 효과를 직접 만끽해보세요.

Part 01. 홈페이지 최적화를 위한 웹 프로그래밍
Lesson 01. 웹 브라우저로 말하는 HTML
Lesson 02. 자바스크립트란?
Lesson 03. 너무 편리한 에디트플러스
〈Upgrade Plus〉 HTML 편집기 vs 웹 에디터
Lesson 04. 부록 CD는 이렇게 활용하세요!

Part 02. 부딪혀보자! HTML 기본 태그 맛보기
Lesson 01. HTML 들여다보기
Lesson 02. 웹 사이트의 안내자 〈HEAD〉와 〈META〉 태그
Lesson 03. 웹 문서를 채우는 〈BODY〉 태그
〈Upgrade Plus〉 파일을 가볍게! GIF와 JPEG
Lesson 04. HTML 기본 태그로 타이포에 마술을 걸자
Lesson 05. 똑똑한 비서, 정리 태그 알아보기
Lesson 06. 내 맘대로 주무르는 특수 문자
Lesson 07. 보기 좋은 목록을 만드는 태그
Lesson 08. 웹 문서를 재미있고 다양하게 꾸미는 태그
〈Upgrade Plus〉 그림과 문장을 정렬해주는 align

Part 03. HTML 200% 활용하기
Lesson 01. 웹 공간을 마음대로 헤엄치는 하이퍼링크
Lesson 02. 하이퍼링크, 연결에서 이동까지
Lesson 03. 만능 재주꾼 하이퍼링크!
Lesson 04. 깔끔한 웹 문서의 필수 요소! 〈TABLE〉
Lesson 05. 웹 사이트의 재간꾼, 테이블 활용 방법
Lesson 06. 프레임으로 여러 문서를 한 번에 보자!
〈Upgrade Plus〉 웹 문서 속 웹 문서, 아이프레임(iframe)을 잡아라!
Lesson 07. 폼(FORM)으로 방문자와 대화하자!

Part 04. 홈페이지의 코디네이터, 스타일시트
Lesson 01. CSS로 나만의 스타일을 살린다
Lesson 02. 스타일 시트 적용 방법
Lesson 03. 기초부터 알아보는 스타일 시트
Lesson 04. 스타일 시트로 다양한 글씨 표현하기
〈Upgrade Plus〉 글꼴 추가하기 & 웹폰트
Lesson 05. 스타일 시트로 문자와 문단 꾸미기
Lesson 06. 스타일 시트로 내 맘대로 문서 꾸미기
Lesson 07. 스타일 시트로 배경을 만들어보자!
Lesson 08. 목록을 꾸미는 스타일 시트
Lesson 09. 근사한 테두리를 폼나게 꾸며보자!
Lesson 10. 느낌이 살아나는 여백 설정하기
Lesson 11. 스타일 시트로 하이퍼링크 꾸미기
Lesson 12. 스타일 시트 활용법 제대로 알기
〈Upgrade Plus〉 편리하고 매끄러운 스크롤바 설정하기

Part 05. 홈페이지를 새롭게 하는 힘, 자바스크립트
Lesson 01. 자바스크립트 파악하기
〈Upgrade Plus〉 비슷한 이름 다른 성격, 자바와 자바스크립트
Lesson 02. 자바스크립트 살짝 맛보기
Lesson 03. 자바스크립트 기본기 익히기
Lesson 04. 자바스크립트 기본 문법 이해하기
Lesson 05. 자료 처리를 도와주는 연산자
Lesson 06. 조건문 사용하기
Lesson 07. 반복문 사용하기
Lesson 08. 자바스크립트 함수 사용하기
Lesson 09. 자바스크립트의 기반, 객체
Lesson 10. 다양한 내장 객체 알아보기
Lesson 11. 사건을 바로바로 전달하는 이벤트
Lesson 12. 웹 브라우저 객체 이해하기
Lesson 13. 윈도 객체의 하위 객체 이용하기
Lesson 14. 폼 기반 개체로 입력 폼 제어하기
〈Upgrade Plus〉 완벽한 가입신청서 작성하기

Part 06. 홈페이지를 강력하게 만드는 레이어
Lesson 01. 영역을 내 맘대로! 레이어
Lesson 02. 레이어 배경 만들기
Lesson 03. 레이어에도 순서가 있다!
Lesson 04. 레이어의 보이기와 감추기
Lesson 05. 레이어로 다이내믹한 페이지 만들기
Lesson 06. 펼치고 사라지는 효과, 클립
Lesson 07. 레이어로 멋진 웹 갤러리 만들기

Part 07. 홈페이지를 완성하는 노하우, 자바스크립트 활용하기
Lesson 01. 내 맘대로 팝업 창 조정하기
Lesson 02. 레이어로 팝업 공지 보여주기
Lesson 03. 하루 동안 나타나지 않는 팝업 창 설정하기
Lesson 04. 레이어로 롤오버 메뉴 만들기
Lesson 05. 복잡한 구조도 문제없다! 트리 메뉴
Lesson 06. 화면 이동시 따라 움직이는 퀵 메뉴 만들기
Lesson 07. 미리보는 업로드 이미지
Lesson 08. 화려한 이미지 슬라이드쇼 만들기
Lesson 09. 간단한 코드로 등록하는 즐겨찾기
Lesson 10. 마우스만 움직여도 변경하는 탭 설정하기
Lesson 11. 예쁜 셀렉트 박스 만들기
Lesson 12. 이미지 없이 둥근 테두리 박스 만들기
Lesson 13. 풍선 도움만 만들기
Lesson 14. 멋있는 디지털 시계 만들기
Lesson 15. 반짝이는 효과 주기