실전 웹 표준 가이드(2005.12 : 소프트웨어진흥원)

1250576097_web-standard-guide-2005.zip

실전 웹 표준 가이드
The Practice Guide for Development based on Web Standards
2005.12

한국소프트웨어진흥원

목차

목차 ························································································································································ 3
그림 목차················································································································································ 6
저자 소개················································································································································ 9
서론 ························································································································································ 10
이 가이드의 목적 ································································································································· 11
웹 표준에 대한 오해····························································································································· 15
웹 표준이란 무엇인가?························································································································ 16
웹 표준 스펙 소개 ······························································································································· 18
웹 표준 홈페이지 방법론 ···················································································································· 22
우리 나라 웹 표준 현실 및 과제 ········································································································ 29
실전 XHTML 가이드 ····························································································································35
XTHML 소개········································································································································· 36
XTHML이란 무엇인가? ······················································································································ 36
왜 XTHML을 사용해야 하는가?········································································································ 37
XTHML 문서 구조 ······························································································································ 38
XHTML 일반 문법 준수 ····················································································································· 40
구조적 XHTML 사용 방법··················································································································· 43
잘못 사용하고 있는 태그 ··················································································································· 43
그룹 요소: div, span··························································································································· 45
표제(Heading) ···································································································································· 45
문단(paragraph)·································································································································· 45
구문(em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym)······································ 46
형식을 가지고 있는 컨텐츠 (pre) ····································································································· 47
추가 및 삭제(ins, del) ························································································································ 47
목록 (ul, ol, dl)····································································································································· 47
실전 CSS 레이아웃·······························································································································49
CSS 제대로 사용하기 ························································································································· 50
CSS 개념 및 소개································································································································· 52
CSS(Cascading Style Sheet)란 무엇인가? ·················································································· 52
CSS 선택자(Selector)························································································································· 53
CSS 선언 방법 ····································································································································· 64
CSS 적용의 체크 포인트 4가지 ········································································································ 65
CSS 레이아웃(LAYOUT) 기초 ········································································································· 69

테이블 레이아웃 ································································································································· 69
CSS 레이아웃이란?···························································································································· 69
기본 레이아웃 ···································································································································· 71
컬럼형 레이아웃 ································································································································· 76
목록(List)············································································································································ 80
박스 모델(Box Model)························································································································ 82
테이블(Tables)···································································································································· 89
CSS Hack············································································································································ 92
실전 예제를 통한 CSS 레이아웃 ··········································································································· 94
전체적인 구조와 마크업 ···················································································································· 94
상단 부분(#head) ······························································································································· 96
좌측 영역 (#sub)································································································································ 100
본문 영역 (#body) ····························································································································· 104
하단 영역 (#foot)······························································································································· 106
완료····················································································································································· 108
고급 CSS 레이 아웃 ······························································································································ 109
CSS를 이용한 디자인 팁 ··················································································································· 109
CSS 개발 및 검증 도구 ····················································································································· 114
실전 DOM/Script 가이드 ···············································································121
표준 DOM 기반 개발 ···························································································································· 122
W3C DOM vs. MS DOM···················································································································· 122
DOM 기본 기능 ································································································································· 124
DOM 호환 기능 ································································································································· 127
이벤트(Events) 기능 ··························································································································· 130
XML 기능 ··········································································································································· 132
표준 JAVASCRIPT 사용 방법 ················································································································· 135
ECMAscript vs. Jscript?····················································································································· 135
스크립트 개발시 유의점 ···················································································································· 136
디버깅 및 품질 관리 ······························································································································ 142
기본 디버깅 방법론 ··························································································································· 142
디버깅 도구 이용 ······························································································································· 143
올바른 플러그인(PLUGIN) 사용 ············································································································· 148
외부 객체 이용 방법·························································································································· 148
ActiveX와 대안 Plugin 기술 ············································································································· 151
브라우저 내장 기술 ··························································································································· 155
웹 어플리케이션 표준화 동향 ··········································································································· 157

실전 표준 웹 프로그래밍··················································································161
표준 MIME 타입 설정··························································································································· 162
Apache에서 설정 방법 ······················································································································· 164
IIS에서 설정 방법 ······························································································································ 166
PHP에서 설정 방법 ··························································································································· 167
Apache Tomcat에서 설정 방법 ·········································································································· 167
Perl/Python 등으로 쓴 CGI·············································································································· 169
표준 문자 인코딩 지정··························································································································· 170
문서에서 지정 ···································································································································· 172
웹 서버 프로그램에서 지정 ··············································································································· 174
참고 문헌················································································································································ 178
실전 웹 표준 개발 프로세스··············································································180
기존 웹 개발 프로세스··························································································································· 181
현재 프로세스 소개(Waterfall 방식)································································································· 181
역할을 중심으로 한 개발 공정 ········································································································· 186
개선된 모델(퍼블리셔 중심) ·············································································································· 191
새로운 개발 프로세스 ···························································································································· 194
기획/분석/회의 ···································································································································· 194
기획자 공정 ········································································································································ 195
퍼블리셔 공정 ···································································································································· 198
디자이너 공정 ···································································································································· 208
프로그래머 공정 ································································································································· 209
맺음말····················································································································································· 212
부록. 웹 표준 브라우저 호환표 ··········································································213
웹 브라우저 현황 ··································································································································· 214
인터넷 익스플로러7 ··························································································································· 214
모질라(Mozilla) 계열 웹브라우저 : 파이어폭스··············································································· 215
오페라 브라우저 ································································································································· 216
사파리 ················································································································································· 217
장애인 웹 접근성 체크 리스트 ·············································································································· 219
참고 사이트 ············································································································································ 222
각 웹 표준 브라우저별 호환 여부 ···································································································· 222
국내 웹 표준 커뮤니티 ······················································································································ 222