메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

IT CookBook, 웹 프로그래밍 입문 : XHTML, CSS2, JavaScript

IT CookBook, 웹 프로그래밍 입문 : XHTML, CSS2, JavaScript

한빛아카데미

집필서

절판

  • 저자 : 김형철 , 안치현
  • 출간 : 2011-06-28
  • 페이지 : 560 쪽
  • ISBN : 9788979148329
  • 물류코드 :1832
  • 본 도서는 대학 강의용 교재로 개발되었으므로 연습문제 해답은 제공하지 않습니다.
  • 초급 초중급 중급 중고급 고급
2.8점 (5명)
좋아요 : 24
웹 표준을 지키는 Best 웹 사이트, 이렇게 시작하자

웹 프로그래밍, 웹 디자인을 처음 배우는 학생과 웹 표준 기술에 관심 있는 일반인을 위한 책이다. 예제 180개로 XHTML, CSS2, 자바 스크립트의 웹 표준을 단계별로 익힌 후, 실전 프로젝트로 학습 내용을 정리할 수 있도록 구성하였다. 예제를 차근차근 따라하다보면 웹 표준에 맞는 홈페이지를 만들 수 있을 것이다. 

 

무엇을 다루는가?

이 책은 XHTML, CSS2, JavaScript의 기본 지식과 응용 방법을 예제를 통해 익힌 뒤, 프로젝트 형식으로 홈페이지를 직접 만들 수 있도록 하였다. 다양한 예제와 실전 프로젝트를 통해 웹 표준 기술들의 개념과 사용법을 정리할 수 있을 것이다. 

  • 준비학습 : 인터넷과 웹 표준(1장) 
    웹 페이지 제작기술을 익히는 부분으로 인터넷과 웹에 대한 기본 개념을 학습한다. 
  • XHTML과 CSS2 익히기(2장~5장) 
    웹 페이지 제작을 위하여 XHTML의 기본 형태와 구조를 익힌다. 또한 블록 엘리먼트와 인라인 엘리먼트의 사용법을 익히고 페이지의 구조와 표현을 담당하는 CSS2를 이용하여 문서를 표현하는 방법을 예제를 통해 학습한다. 
  • XHTML과 CSS2 활용하기(6장) 
    학습한 XHTML과 CSS2를 활용하여 웹 페이지 레이아웃을 설정하고 이미지를 필터링하는 방법을 학습한다. 
  • 자바스크립트 익히기와 활용(7장~10장) 웹 페이지에 동적인 효과를 부여하는 기술인 자바스크립트를 이해하고 각 객체의 사용 형태와 적용 예를 통하여 동적인 페이지의 작성 방법을 익힌다. 
  • 실전 프로젝트: 홈페이지 구축(11장) 홈페이지 기획에서부터 제작, 등록하는 방법을 알아보고 실제 홈페이지를 제작해본다. 실전 프로젝트를 통해 XHTML 엘리먼트로 웹 페이지의 기본 레이아웃을 만들어보고 CSS2를 이용하여 웹 페이지를 표현해본다.
김형철 저자

김형철

경희대학교 전자공학과에서 네트워크 및 컴퓨터 통신을 전공하였고, 다양한 사이트 및 온라인 예약 시스템 등을 개발하였다. 경희대학교 교양연계학부 교수를 거쳐 현재는 열린사이버대학교 정보통신공학부에 교수로 재직중이다.
안치현 저자

안치현

경희대학교 전자공학과에서 Mobile IPv6를 전공하였으며, 김포대학 겸임교수로 재직하면서 경희대, 중소기업연수원, 열린사이버대학교 등에서 인터넷 및 프로그래밍 관련 특강을 진행하는 등 다양한 강의 경험이 있다.

제1장 인터넷과 웹 표준의 이해

01 인터넷이란?

01 인터넷의 정의

02 인터넷의 특징

03 인터넷의 역사

04 인터넷의 발전 배경

05 인터넷의 활용 분야

02 웹 서비스의 작동 원리 

01 웹의 이해

02 웹의 역사

03 웹 2.0

04 웹 서비스의 작동 원리

03 웹 표준의 이해 

01 웹 표준의 출현 배경

02 W3C

03 W3C 표준의 종류

04 ECMA와 ECMAScript

04 왜 웹 표준을 지켜야 하는가?

요약

연습문제

 

제2장 XHTML의 기초

01 XHTML 소개하기 

01 XHTML이란?

02 XHTML의 동향

03 XHTML의 장점

02 XHTML의 기본 구조 

01 HTML과 XHTML의 기본 구조

02 DOCTYPE 선언

03 XHTML의 규칙

04 html element

05 head element

06 주석

03 블록 레벨 element

01 DTD 문서 형식에 무관한 블록 레벨 element

[실습 2-1] address element 사용하기

[실습 2-2] blockquote element의 cite 속성 사용하기

[실습 2-3] div element의 class 속성 사용하기

[실습 2-4] dl element 사용하기

[실습 2-5] p element 사용하기

[실습 2-6] pre element 사용하기

[실습 2-7] hn element 사용하기

[실습 2-8] hr element 사용하기

[실습 2-9] hr element의 noshade와 style 속성 사용하기

[실습 2-10] ol, ul element 사용하기

[실습 2-11] table의 caption element 사용하기

[실습 2-12] table element의 style 속성 사용하기

[실습 2-13] table element의 cellspacing과 cellpadding 속성 사용하기

[실습 2-14] 셀 병합하기

02 Strict DTD에서 사용할 수 없는 블록 레벨 element

04 인라인 element 

01 DTD 문서 형식에 무관한 인라인 element 

[실습 2-15] abbr element의 title 속성 사용하기

[실습 2-16] acronym element의 title 속성 사용하기

[실습 2-17] b, big, i, small, tt element 사용하기

[실습 2-18] dfn element 사용하기

[실습 2-19] bdo element의 dir 속성 사용하기

[실습 2-20] br element 사용하기

[실습 2-21] cite element와 i element 비교하여 사용하기

[실습 2-22] em element 사용하기

[실습 2-23] span element 사용하기

[실습 2-24] strong element와 b element 비교하여 사용하기

[실습 2-25] iframe element의 width와 height, src 속성 사용하기

[실습 2-26] sub, sup element 사용하기

[실습 2-27] code element와 tt element 비교하여 사용하기

02 Strict DTD에서 사용할 수 없는 인라인 element

05 기타 element 

[실습 2-28] del과 ins element의 cite, datetime 속성 사용하기

요약

연습문제

 

제3장 XHTML의 추가 요소

01 폼 삽입 

01 폼 삽입 element 개요

02 폼과 관련된 element

[실습 3-1] fieldset element를 이용한 그룹화

[실습 3-2] button element를 이용한 버튼 만들기

[실습 3-3] checkbox에 checked 속성 이용하기

[실습 3-4] label element 사용하기

[실습 3-5] 리스트 박스 만들기

[실습 3-6] 다중 선택 리스트 박스 만들기

[실습 3-7] optgroup element를 이용한 <option> 태그 그룹화하기

[실습 3-8] 다중라인 텍스트 입력상자 만들기

02 하이퍼링크 

01 하이퍼링크 만들기

[실습 3-9] 하이퍼링크 만들기

[실습 3-10] 하이퍼링크에 책갈피 지정하기

02 이미지 맵

[실습 3-11] 문서에 이미지 삽입하기

[실습 3-12] 이미지 맵 만들기

03 오브젝트 삽입 

01 오브젝트 element 개요

[실습 3-13] 웹 문서에 동영상 삽입하기

04 프레임 삽입 

01 프레임 문서 개요

02 프레임과 관련된 element

[실습 3-14] 3개의 프레임으로 구분된 문서 만들기

[실습 3-15] 다중 프레임 문서 만들기

[실습 3-16] 메뉴 구조를 가지는 프레임 문서

요약

연습문제

 

제4장 CSS2의 기초

01 CSS의 정의 

01 CSS의 등장 배경

02 CSS의 장점과 단점

03 CSS 용어와 추가 태그

02 CSS의 기본 구조 및 적용 방법 

01 CSS의 기본 구조

[실습 4-1] CSS 시작

02 CSS의 위치에 따른 사용 방법

[실습 4-2] 인라인 스타일 정의하기

[실습 4-3] 인라인 스타일을 여러 곳에 적용하기

[실습 4-4] 임베디드 스타일시트 적용하기

[실습 4-5] <link> 태그를 이용하여 외부 스타일시트 적용하기

[실습 4-6] "@import"를 이용하여 외부 스타일시트 적용하기

03 선택자의 종류

[실습 4-7] 유형 선택자를 이용하여 스타일시트 작성하기

[실습 4-8] 클래스 선택자를 이용하여 스타일시트 작성하기

[실습 4-9] ID 선택자를 이용하여 스타일시트 작성하기

03 박스 모델 

01 박스 모델의 규격

02 여백, 테두리, 안쪽 여백

[실습 4-10] 박스 모델의 영역과 범위 설정하기

03 박스 모델 관련 프로퍼티

[실습 4-11] margin 관련 프로퍼티를 이용하여 여백 설정하기

[실습 4-12] 안쪽 여백 영역 설정하기

[실습 4-13] 테두리 영역 설정하기

[실습 4-14] 테두리 영역에 색상 설정하기

[실습 4-15] 테두리 스타일 지정하기

[실습 4-16] 테두리 프로퍼티 이용하기

[실습 4-17] 테두리 프로퍼티를 이용하여 테두리 영역의 스타일 설정하기

요약

연습문제

 

제5장 CSS2의 활용

01 텍스트 관련 CSS 스타일 

01 text- decoration 프로퍼티

[실습 5-1] text-decoration 프로퍼티 사용하기

02 text-align 프로퍼티

[실습 5-2] text-align 프로퍼티 사용하기

03 text-indent 프로퍼티

[실습 5-3] text-indent 프로퍼티 사용하기

04 letter-spacing 프로퍼티 / word-spacing 프로퍼티

[실습 5-4] letter-spacing/word-spacing 프로퍼티 사용하기

05 text-transform 프로퍼티

[실습 5-5] text-transform 프로퍼티 사용하기

06 white-space 프로퍼티

[실습 5-6] white-space 프로퍼티 사용하기

02 글꼴 관련 CSS 스타일 

01 글꼴의 표현과 규격

02 글꼴 관련 프로퍼티

[실습 5-7] font-family 프로퍼티 사용하기

[실습 5-8] font-style 프로퍼티 사용하기

[실습 5-9] font-variant 프로퍼티 사용하기

[실습 5-10] font-weight 프로퍼티 사용하기

[실습 5-11] font-size 프로퍼티 사용하기

[실습 5-12] font 프로퍼티 사용하기

03 색상 및 배경 관련 CSS 스타일 

01 색상 관련 프로퍼티

[실습 5-13] color 프로퍼티 사용하기

02 배경 관련 프로퍼티

[실습 5-14] background-color 프로퍼티 사용하기

[실습 5-15] background-image 프로퍼티 사용하기

[실습 5-16] background-repeat 프로퍼티 사용하기

[실습 5-17] background-position 프로퍼티 사용하기

[실습 5-18] background-attachment 프로퍼티 사용하기

[실습 5-19] background 프로퍼티 사용하기

04 표 관련 CSS 스타일 

01 테이블 모델

02 테이블 관련 프로퍼티

[실습 5-20] display 프로퍼티 사용하기

[실습 5-21] caption-side 프로퍼티 사용하기

[실습 5-22] table-layout 프로퍼티 사용하기

[실습 5-23] border-collapse 프로퍼티 사용하기

[실습 5-24] border-spacing 프로퍼티 사용하기

05 리스트 관련 CSS 스타일 

01 리스트 개요

02 리스트 관련 프로퍼티

[실습 5-25] list-style-type 프로퍼티 사용하기

[실습 5-26] 이미지를 마커로 사용하기

[실습 5-27] list-style-position 프로퍼티 사용하기

[실습 5-28] list-style 프로퍼티 사용하기

요약

연습문제

 

제6장 XHTML과 CSS2를 활용한 실전 예제

01 CSS 레이아웃 

01 CSS로 2단 레이아웃 만들기

02 유동(부유) 위치 지정 모델 관련 프로퍼티

[실습 6-1] float 프로퍼티 사용하기

[실습 6-2] clear 프로퍼티 사용하기

03 float 프로퍼티를 이용한 레이아웃

[실습 6-3] float 레이아웃 첫 번째 단계

[실습 6-4] float 레이아웃 두 번째 단계

[실습 6-5] float 레이아웃 세 번째 단계

[실습 6-6] float 레이아웃 네 번째 단계

04 절대 위치 지정 모델과 관련된 프로퍼티

[실습 6-7] 박스 오프셋 표현

05 포지셔닝 방법을 이용한 레이아웃 만들기

[실습 6-8] position 레이아웃 첫 번째 단계

[실습 6-9] position 레이아웃 두 번째 단계

[실습 6-10] position 레이아웃 셋 번째 단계

[실습 6-11] position 레이아웃 네 번째 단계

[실습 6-12] 3단 레이아웃 만들기

02 이미지 필터 

01 이미지 필터

[실습 6-13] 이미지 필터

02 필터의 종류

[실습 6-14] 이미지 필터:Alpha 필터 사용

[실습 6-15] 이미지 필터:FlipH 필터/ FlipV 필터 사용

[실습 6-16] 이미지 필터:Gray 필터 사용

[실습 6-17] 이미지 필터:Invert 필터 사용

[실습 6-18] 이미지 필터:XRay 필터 사용

[실습 6-19] 이미지 필터:Blur 필터 사용

[실습 6-20] 이미지 필터:Chroma 필터 사용

[실습 6-21] 이미지 필터:DropShadow 필터 사용

[실습 6-22] 이미지 필터:Glow 필터 사용

[실습 6-23] 이미지 필터:Shadow 필터 사용

요약

연습문제

 

제7장 자바스크립트의 기초

01 자바스크립트의 시작 

01 자바스크립트의 정의

02 자바스크립트 특징과 기능

03 자바스크립트 장점과 단점

02 자바스크립트의 기본 문법 

01 자바스크립트의 기본 구조 

02 자바스크립트의 실행 위치

[실습 7-1] <head> 태그 영역에 자바스크립트 선언하기

[실습 7-2] <body> 태그 영역에 자바스크립트 선언하기

[실습 7-3] 외부 파일로 저장된 자바스크립트를 불러서 사용하기

03 자바스크립트의 표현 방식

[실습 7-4] 주석 사용하기

[실습 7-5] 문자열을 출력하는 자바스크립트 객체

03 변수와 자료형 

01 변수

02 자료형

[실습 7-6] 정수형 변수 사용하기

[실습 7-7] 실수형 변수 사용하기

[실습 7-8] 문자형 변수 사용하기

[실습 7-9] 논리형 변수 사용하기

04 연산자의 이해 

01 연산자

[실습 7-10] 산술 연산자 사용하기

[실습 7-11] 대입 연산자 사용하기

[실습 7-12] 관계 연산자 사용하기

[실습 7-13] 논리 연산자 사용하기

[실습 7-14] 조건 연산자 사용하기

[실습 7-15] 증감 연산자 사용하기

05 제어문과 반복문 

01 제어문

[실습 7-16] if 문 사용하기

[실습 7-17] if~else 문 사용하기

[실습 7-18] 다중 if 문 사용하기

[실습 7-19] switch 문 사용하기

02 반복문

[실습 7-20] while 문 사용하기

[실습 7-21] do~while 문 사용하기

[실습 7-22] for 문 사용하기

[실습 7-23] 다중 for 문 사용하기

06 함수 

01 함수의 정의

[실습 7-24] 함수 사용하기:매개변수가 없는 경우

[실습 7-25] 함수 사용하기:매개변수가 있는 경우

[실습 7-26] 함수 사용하기:리턴 값이 있는 경우

요약

연습문제

 

제8장 이벤트와 객체

01 이벤트와 이벤트 핸들러 

01 이벤트와 이벤트 핸들러 정의 및 종류

02 이벤트 핸들러 활용

[실습 8-1] onclick, onmouseover 이벤트 처리하기

[실습 8-2] 포커스 IN-OUT되는 경우 경고창 만들기

[실습 8-3] onload, onunload 이벤트 처리하기

02 객체와 속성 

01 객체의 이해

02 객체의 계층 구조와 특징

03 객체의 표현 방법

03 웹 브라우저 객체 

01 window 객체

[실습 8-4] window 객체를 이용한 새 창 열기

]실습 8-5] 윈도우 창 이동 버튼 만들기

02 document 객체

[실습 8-6] 새 창을 열고 write( ) 메소드를 이용하여 내용 출력하기

03 history 객체

[실습 8-7] 원하는 페이지로 이동하기

04 location 객체

[실습 8-8] 페이지 이동하기

05 frame 객체

[실습 8-9] 상하로 구분된 프레임 문서 만들기

06 image 객체

[실습 8-10] 마우스를 올리면 이미지가 변경되도록 하기

07 event 객체

[실습 8-11] 엔터키를 눌렀을 때 경고창 나타내기

04 내장 객체 

01 String 객체

[실습 8-12] 이벤트에 의해 대문자로 변경하기

[실습 8-13] 특정 문자 검색하고 잘라내기

[실습 8-14] 글자 수 체크하기

[실습 8-15] 라디오 버튼 체크하기

02 Date 객체와 Array 객체

[실습 8-16] 현재 날짜와 요일 출력하기

[실습 8-17] 나이 계산하기

03 Math 객체

[실습 8-18] 난수 발생하기

04 Screen 객체

[실습 8-19] 화면 해상도와 색상 수 확인하기

요약

연습문제

 

제9장 Form 관련 객체

01 form 객체 

01 form 객체

[실습 9-1] 폼 양식 이름 출력하기

[실습 9-2] onsubmit( ) 이벤트 핸들러 다루기

02 텍스트 입력상자와 리스트 박스 

01 텍스트 입력상자

[실습 9-3] onfocus( ) 이벤트 핸들러 이용하기

[실습 9-4] onblur( ) 이벤트 핸들러 연습하기

02 리스트 박스

[실습 9-5] 리스트 박스 연습하기

[실습 9-6] 동적으로 변하는 리스트 박스 만들기

03 button, radio, checkbox 객체 

01 button 객체

[실습 9-7] button 객체를 이용한 click 이벤트 처리하기

02 radio 객체와 checkbox 객체

[실습 9-8] radio 객체 연습하기

[실습 9-9] checkbox 객체 연습하기

요약

연습문제

 

제10장 자바스크립트 활용하기

01 자바스크립트를 이용한 다양한 웹 페이지 구성하기 

01 버튼 색상 변경하기

[실습 10-1] 버튼 색상 변경하기

02 마우스 오버될 때 포인트를 손가락 모양으로 변경하기

[실습 10-2] 이벤트에 따라 마우스 포인트 모양 변경하기

03 리스트 박스 간 항목 이동하기

[실습 10-3] 리스트 박스 항목 이동하기

04 쿠키값 만들기와 저장된 쿠키값 읽어오기

[실습 10-4] 쿠키값 처리하기

05 웹 페이지에 시계 만들기

[실습 10-5] 타이머 실습하기

06 주민등록번호에서 정보 가져오기

[실습 10-6] 문자열 처리하기

07 이미지에 필터 효과 이용하기

[실습 10-7] 필터 효과 활용하기

08 팝업 메뉴 만들기

[실습 10-]8 팝업 메뉴 만들기

09 간단한 슬라이드 메뉴 만들기

[실습 10-9] 슬라이드 메뉴 만들기

10 하이퍼링크에 네온 효과 적용하기

[실습 10-10] 네온 효과 적용하기

요약

연습문제

 

제11장 홈페이지 제작하기

01 홈페이지 기획하기 

01 홈페이지 제작 과정

02 홈페이지 기획하기

02 홈페이지 제작하기 

01 리소스 관리하기

[실습 11-1] 개인 홈페이지 제작에 필요한 폴더 구성하고 리소스 관리하기

02 템플릿 페이지 제작하기

[실습 11-2] 템플릿 페이지 만들기

03 홈페이지를 구성할 페이지 제작하기

[실습 11-3] 초기 페이지 만들기

[실습 11-4] 템플릿을 복사해 다른 페이지 제작하기

03 홈페이지 등록하기 

01 홈페이지 업로드

요약

연습문제

 

Appendix A. 부호화된 문자 세트

Appendix B. ISO 639-1 언어 코드

Appendix C. XHTML 특수문자 코드

찾아보기

- 표지 느낌: 반질반질한 표지에 모니터를 배경으로 한 WEB 카페 그림이 정말 귀엽습니다. 500페이지가 조금 넘긴 하지만 평소 두꺼운 책만 봐서 그런지 얇아보이네요.

- 전체적인 소감: 장점보다 단점이 너무 많아 아쉬움이 남는 책. 내용의 구성이나 설명방식에 대해서는 칭찬을 하고 싶지만 오탈자로 인해 내용의 정확성에 일부 의심이 드는 책. 후반부가 부실하다는 느낌을 지울 수 없는 책.

- 책의 구성:
프로그래밍 언어 관련 대학교재라면 내용의 정확성과 독자들로 하여금 이해하기 쉬운 구성이 중요하다고 생각합니다. 이 책은 대학교재 뿐만 아니라 입문서로 사용하기에 괜찮을 것 같습니다. 학습순서도 잘 짜여져 있고, 혼자 공부하기에도 이해하기 쉽도록 정리도 잘 되어 있는 편 입니다.

저자만의 설명방식을 제시하고 그 틀에 맞추어 설명합니다. 각 Element의 의미와 사용방법을 명확하게 제시하고 예제의 실행 화면을 첨부하여 이해를 도와줍니다. 그림형태로 Element와 하위 Element, 속성들 간의 계층도를 곳곳에 배치하고 있어서 한눈에 알아보기가 용이합니다. 이 부분이가장 마음에 들었습니다.
Element에 대한 추가 설명으로 공통점과 차이점, 장점과 단점으로 정리한 부분도 돋보입니다. 초보자 입장에서 보았을때 문법적인 요소들이 어떤 의미를 가지고 있고, 어떻게 활용되는지, 다른 요소들과의 관계는 어떠한지 자세히 기술하려고 한 저자의 의도가 엿보입니다(후반부로 갈수록 열정이 점점 사라지는 것 같은 느낌은 지울 수가 없네요).

각 챕터마다 요약, 연습문제가 있어서 제대로 이해했는지 점검도 가능합니다. 연습문제는 답이 없어서 답답하기는 합니다 :) 빽빽한 실습코드와 실행화면이 책을 가득 메우고 있고, 책의 앞과 뒤에 색상표와 특수문자 관련 코드표를 수록하고 있습니다.
크게 XHTML, CSS2, JAVASCRIPT로 주제를 나누고 각 주제를 설명하기 위해 등장배경과 발전과정을 알려줍니다(팀 버너스 리의 사진은 이 책에서 처음 보았습니다. 도메인 네임 서버의 개념은 덤으로 알게 되네요). 그리고 문법적인 요소에 대하여 의미를 해설하고 표를 통해 정리해주고 실습예제와 실행화면을 제공합니다.
용어 선정에도 신중을 기한것 같습니다. 레퍼런스가 전부 영어이다보니 번역하는 사람에 따라 다르게 기술하기 마련인데, 용어에 대해서도 일관성을 유지하려고 한것 같네요.

- 기억에 남는 부분: 특히 p296에서 언급한 흔히 사용하는 방법이 가져오는 부작용에 대해 서술한 저자의 조언에 200% 공감합니다. 저도 table element를 여러번 중첩하여 사용했거든요.

- 아쉬운 점:
웹 표준을 준수하기 위해 주요 브라우저에서 지원되는 속성만 표시하고 있습니다. 일부 Element에 대하여 웹표준 방식과의 비교제시로 같은 효과를 낼 수 있지만 어떤 표현이 호환성이 높은지 알 수 있었습니다. 모든 Element에 대하여 일관성을 맞춰주었으면 좋았을 것 같습니다.
문제는 오탈자가 적지 않고 각 버전에 맞지 않는 속성들도 언급되어 있고... 내용의 정확성이 부족하다고 느껴지게 됩니다.
웹표준에 초점을 두고자 웹표준 준수의 필요성을 강조하면서도 책의 내용은 XHTML, CSS, JAVASCRIPT의 단순 설명에만 중점을 두고 있습니다.
윈도우7과 IE를 기준으로 실행화면을 제시하고 있습니다. 5개의 브라우저(모질라의 파이어폭스, 구글의 크롬, 오페라, 애플의 사파리, MS의 인터넷 익스플로어) 모두 다루진 못해도 지원여부를 표시해주었으면 좋았을 것입니다.
책의 집필목적이 바이블이나 레퍼런스 번역본이 아니므로 각 Element의 모든 속성과 프로퍼티를 다루고 있지는 못하며 실습예제 또한 본문에서 설명한 내용 대비 100% 모두 제공하지는 않고 있기는 합니다. 저자가 판단했을 때 덜 중요하다고 생각되는 속성에 대해서는 한 두개 정도 실습예제를 생략한 것 같습니다.
책에서 기술한 버전은 CSS2인데, 설명하려고 언급한 프로퍼티들은 CSS3 버전인 경우도 있습니다. 표 형식으로 Element와 속성, 속성값을 설명하는 방식에 추가적으로 열을 추가해서 적용버전을 함께 기술하고 다른 열을 추가해서 지원 브라우저를 기술했으면 좋았을 것 같습니다.
오타가 적지 않은 편입니다. 문장내 어절의 조사부터, 속성과 값을 설명한 표에도 있고, 실습코드에 탈자도 있고, 볼드체 처리가 균형을 이루지 못하는 경우도 있네요. 실습코드에도 일관성을 유지했으면 좋았을 것 같습니다.
"11장 홈페이지 제작하기"는 부록으로 구성했으면 좋았을 것 같습니다. 자바스크립트의 활용 방법에 대하여 더 설명했으면 좋았을 것 같습니다. 프로그래밍 언어 교재는 설계 프로젝트가 한두개 있기 마련인데 11장의 내용은 이론적인 성격이 강하고 기획에 가까운 것 같습니다. 그래서 차라리 부록으로 구성했으면 하는 것입니다.
2~3쪽의 굵직한 실습예제는 지금의 설명방식을 약간 변경하여 문제해결식으로 결과화면을 먼저 보여주고 어떤 기능이 필요한지, 풍선도움말이 첨부된 폼 설계 그림도 보여주고 주요코드를 통해 어떻게 구현하는지, 전체코드 식으로 설명하는 식으로 구성해도 좋을 것 같습니다.

- 후기 :
저는 아직 실무경험이 부족한 초보자 입니다. 웹프로그래밍에 대하여 항상 어려워하는 제 입장에서 보았을 때 "이 책은 정리가 잘된 책이다!" 라는 느낌을 받고는 좋은 책이다, 이 책으로 클라이언트측에 보여지는 웹페이지의 코딩을 시작하라고 하고 싶었습니다.
개인적으로 이 책은 제게 그동안의 갈증 원인을 해소해 주었습니다. 웹프로그래밍에는 흥미가 적었고 화려해야 한다는 강박관념과 동적으로 유연하게 작동하기 위한 스크립트 처리에 손이 많이 간다는 생각에 기피하곤 했습니다. 가끔씩 웹 페이지를 수정하거나 작성하곤 했는데 항상 스타일시트가 골치거리 였습니다. 디자인 감각도 꽝인데다가 완성일에 맞추느라 COPY & PASTE 식으로 다른 사이트에서 짜집기해서 사용하곤 했습니다. 남이 짠 소스를 보고 필요한 부분만 수정하거나 가져다 사용하는 것 자체는 어렵지 않았습니다. 단지 정확히 알고 하지 않는 것이라 불필요한 부분까지 가져다가 사용하게 되었습니다. 시간도 많이 걸렸고 삽질도 여러번 했습니다. 원하는 결과를 얻을때까지 페이지 새로고침은 계속 되었습니다.

가장 중요한건 어디서부터 공부를 해야할 지 모른다는 것이었습니다. 이 책을 읽기 시작하면서 확신이 생겼습니다. 클라이언트측 웹 프로그래밍의 시작은 이 책으로 하셔도 무난할 것입니다. XHTML, CSS, JAVASCRIPT의 전체적인 구성과 특징을 모르고 일부분만 그때 그때 찾아서 웹페이지를 작성하는 것은 나무의 뿌리와 줄기는 잘 모르고 잎사귀만 찾아 헤매는 격이라 부담이 따를 수 있기 때문입니다.

html, xhtml, css2에서 javascript 까지.

이제 막 웹에 관심을 가지는 사람들이 편하게 볼 수 있게 깊이 보다는 각각의 특징들과 사용예에 대해 설명이 되어 있습니다. 초기의 웹 언어에서 부터 최근에 많이 쓰이는 언어까지 순차적으로 소개가 되어 앞에서 구현했던 부분을 다른방식으로 좀더 편하고 간단하게 할 수 있는 것들을 비교하며 볼 수 있어 좋았으며, 소개 - 기초 - 활용 순으로 내용이 이루어져 더욱 몰입 할 수 있었던 것 같습니다.

마지막 챕터에서는 홈페이지를 제작하는 과정에 대한 실습이 있어 책을 덮기 전에 간단하지만 자신만의 홈페이지를 만들수 있어 왠지모를 뿌듯함도 느낄 수 있을 것 같습니다. 물론 더 나아가서 그 과정에서 새로운 것들을 해보기 위해 더 공부를 해야지 라는 생각을 가질수도 있을 것입니다.

웹프로그래밍 입문. 입문서 답게 깊이보다는 소개와 흥미를 느낄수 있을 정도의 예제, 내용들로 구성된 것 같아 괜찮았던 것 같습니다. 중간중간 설명이나 소스에서 오타들이 나오긴 했지만 흐름을 파악하는데 어려움을 느낄정도는 아니어서 큰 부담은 없었습니다. 아쉬운점을 꼽자면 입문서라면 초보자들에게 작은 것 하나도 영향을 끼칠 수 있는데 그런부분을 조금은 편하게 생각한것 아닌가 싶어 아쉽습니다. 예로 자바스크립트를 설명하는 곳에서 "자바스크립트에서는 세미콜론이 필수가 아니다"라는 부분이 있는데 적어도 책의 예제에서는 통일성을 가지고 세미콜론을 사용하는 것으로 하던 안하는 것으로 하던 하나로 갔으면 하는 아쉬움이 남습니다. 마지막으로 예제 소스중에 copy&paste 한 부분이 있었는데 (실습 10-8/10-9) 이런 부분은 독자들에게 많이 성의 없이 보일 수 있는 부분인 것 같습니다.

지극히 주관적인 생각으로 작성을 해서 다른 분들과 느끼는 부분이 다를 수 있겠지만 개인적으로 입문서로 택하는데 있어 괜찮은 책이라고 생각합니다.

웹 프로그래머는 아니지만 웹 기술에 관심이 많은 독자입니다. HTML, CSS, JavaScript를 한 번 정리한다는 마음으로 이 책을 읽었는데 아쉬운 점이 많아 리뷰 남깁니다.

책소개에도 나와 있는 것처럼, 이 책은 프로그래밍 경험이 없는 학생이나 일반인이 웹 기술을 쉽게 배우고, 간단한 웹사이트를 만들어 볼 수 있게 하려는 목적으로 쓰여졌습니다. 가장 아쉬운 점은 이 책의 목적에 비해 너무 많은 내용을 전달하려 하고 있다는 점입니다. 개요 부분의 줄글은 초보자가 받아들이기 어려워 보이는 내용들을 요약하여 설명하고 있구요. 예제는 지루할 정도로 단순하고, 나열식 구조라 인내심을 갖고 실습해야 할 것 같습니다. (오탈자 문제는 논외로 하더라도요.)

HTML, CSS, JavaScript 각각의 문법과 올바른 사용법을 모두 전달하려면 지면이 한없이 부족할 텐데요. 어차피 모든 내용을 전달하는 것이 힘들다면, 기술의 나열보다는 case study 형식으로 HTML, CSS, JavaScript이 어떻게 서로 역할을 분담하고 상호작용하는지, 그리고 그 속에서 기본적인 기술적 내용들을 알아갈 수 있도록 하는 것은 어땠을까 하는 생각이 듭니다. 그리고 부족한 부분은 어디에서 도움을 받을 수 있는지 안내해주는 것만으로도 충분하지 않나 싶습니다. 이 책의 많은 예제들을 실습해도 그것을 응용해서 나만의 웹페이지를 만들기는 쉽지 않아 보입니다.

너무 혹평을 한 것은 아닌가 조심스럽네요. 입문서에 과도한 요구를 했다는 생각도 들구요.

다른 면에서, HTML이나 CSS에서 흔히 범하기 쉬운 실수나 명확한 정의가 필요한 부분을 잘 짚어주고 있구요. CSS를 이용해서 레이아웃을 잡아가는 과정은 너무나 마음에 들고 도움이 되었습니다.

앞으로도 좋은 책 많이 부탁드리겠습니다.
감사합니다.

컴퓨터를 전공했지만 사실 학교에서는 html, css, javascript는 배우지 않습니다. 인터넷에서 소스코드를 찾아서 긁어서 쓰는 경우도 많습니다. 하지만, 어느 선배님께서 javascript에 대해 역설을 하셔서 이 책을 고르게 되었습니다.
javascript만으로도 500page가 넘는 책이 있던데, html, css, javascript 세 개를 한꺼번에 모아서 압축을 하다보니 사실 오류도 많고 내용이 듬성듬성한 느낌인 부분도 많았습니다.
정말 프로그래밍을 처음 접하는 학생이라면 별로 추천하고 싶지 않습니다. 우선 언어에 대한 기본 지식이 있고 봐야지 책을 보는 눈이 생길 것 같습니다. 기본적으로 ";"을 쓰다가 말다가 하는 부분에서 부터 띄어쓰기도 엉성하게 되어있어서 소스코드는 초심자가 접하기엔 좋지 않은 것 같습니다.
그래도 html, css2, javascript 기능 중에 무엇이 있다 이정도로 한번 훑어 보기엔 나쁘지 않은 것 같습니다. 무엇보다 책의 두께가 얇아서 한 번 보기엔 나쁘지 않습니다.

요즘 하고 있는 일은 아니지만 웹에 대해 다시 살펴봐야 했기 때문에 대학교재로 적합한 이 책을 만나서 리뷰를 시작했습니다.

그리고 일주일 조금 넘는 시간동안 1시간씩 열심히 책을 리뷰한 결과.... 책의 타이틀과 다르게 편집 방향과 맞지 않는 내용들은 물론이고 엉뚱한 이야기와 제대로 검증해봤는지 의심되는 코드들까지...

사실 도서라는 것이 지식을 나르는 매개체라고 생각해왔고 저또한 최소 300여권 되는 개인 도서를 소장하고 보면서도 책에 대한 감사함을 단 한번도 잊은적이 없습니다.

그리고 이 책을 리뷰했습니다. 저는 지난 10년간 꾸준한 관심을 기울여왔고 그 만큼 많이 안다고 자부합니다.

책을 보면서 저는 가능하면 오탈자는 가능하면 없고, 정말 웹 표준이다! 라고 이야기할 수 있는 내용을 담고 있을줄 알았습니다.

헌데.. 도서의 절반을 채넘어가기 전부터 속속들이 발견되는 오타와 구문 오류는 도저히 참을 수 없더군요. 아예 대놓고 javascript 넘어가면서부터는 오탈자가 많이 발견되더군요. 도서의 11장 홈페이지 기획하기 분야도 가능하면 넣지 않는게 좋을뻔 했습니다. 책 내용의 본질을 흐릴 뿐만 아니라 안쓰니 못한 내용을 담고 있었습니다.

지금도 발견된 오류만 300여개를 훨씬 뛰어넘었습니다. 이정도면 도서를 재판해야 되는 것 아닌지 모를 정도입니다.

인간이니까 생각할 수 있는 사람이니까 네. 실수 할 수 있습니다. 그런데 책을 보면서 이렇게 많은 오류 처음 봅니다.

한 도서에서 300개가 넘는 오류가 나오면 그 책은 더 이상 볼 가치가 없다고 봅니다.

다소 격하게 리뷰를 남깁니다만, html과 css와 자바스크립트에 정통하신 분께서 보신다면 틀림없이 오류를 많이 보게 되실 겁니다.

마음 같아선 책 평가에 별 한개도 주고 싶지 않습니다만 최저 평가가 별 1개라서 별 1개로 서평을 마무리합니다.

감사합니다.

결제하기
• 문화비 소득공제 가능

도서구입 안내

<한빛아카데미> 도서는 한빛 홈페이지에서 더 이상 판매를 하지 않습니다. 도서 구입은 인터넷 서점을 이용하시기 바랍니다. 양해바랍니다.

리뷰쓰기

닫기
* 도서명 :
IT CookBook, 웹 프로그래밍 입문 : XHTML, CSS2, JavaScript
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
IT CookBook, 웹 프로그래밍 입문 : XHTML, CSS2, JavaScript
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
IT CookBook, 웹 프로그래밍 입문 : XHTML, CSS2, JavaScript
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실