목차
1 웹표준 기초다지기 ... 18
   1. 웹표준의 정의 ... 20
      1 웹표준이란? ... 20
      2 웹표준의 장점 ... 21
   2. 웹 접근성의 중요성 ... 24
      1 웹 접근성이란? ... 24
      2 웹 접근성의 현실 ... 25
      3 웹 접근성을 높이기 위해 고려할 점 ... 25
   3. DTD 종류, 웹 브라우저 종류 ... 28
      1 DTD란? ... 28
      2 DTD의 종류 ... 29
      3 웹 브라우저의 종류 ... 33
   4. CSS에 관하여 ... 37
      1 CSS란? ... 38
      2 CSS의 선언방법 ... 39
      3 CSS 적용 시 주의할 점 ... 43
   5. CSS의 사용방법 ... 45
      1 CSS 사용 기본규칙 ... 45
      2 스타일을 적용할 대상, 선택자 ... 46
      3 캐스케이드 효과와 적용순서 ... 49
      4 스타일 상속 ... 51
   <B><FONT color ... #0000
2 웹표준 코딩 준비하기 ... 54
   1. DTD 정의하기 ... 56
      1 우리가 사용할 DTD는? ... 56
      2 Tip &amp; Tech ... 57
        1) 핵 사용법 ... 58
      각분야 전문가들 미니 인터뷰 ... 60
   2. 텍스트 스타일 ... 61
      1 텍스트 효과 소개 ... 61
      2 텍스트 활용법 ... 64
      3 응용 및 관리하는 법 ... 67
      4 Tip &amp; Tech ... 69
      각분야 전문가들 미니 인터뷰 ... 71
3. 웹표준 코딩해보자! ... 72
   1. 레이아웃 - 레이아웃 나누기 ... 74
      1 레이아웃의 종류 및 코딩방법 ... 74
      2 예제의 레이아웃 완성하기 ... 80
      3 Tip &amp; Tech ... 91
        1) margin과 padding의 차이점 ... 91
        2) margin과 padding의 규칙 ... 92
      각분야 전문가들 미니 인터뷰 ... 93
   2. 내비게이션/레이어/검색창 - gnb 완성하기 ... 94
      1 gnb 영역 div 나누기 ... 94
      2 내비게이션의 종류 및 코딩방법 ... 97
      3 예제의 내비게이션 완성하기 ... 103
      4 로고 넣기 ... 108
      5 예제의 검색창 완성하기 ... 110
      6 예제의 레이어 만들기 ... 116
      7 gnb 완성하기 ... 122
      각분야 전문가들 미니 인터뷰 ... 130
   3. 이미지 기법/플래시 임베디드 방법 - 프로모션 영역 ... 131
      1 프로모션 배너와 이미지/플래시 기법 ... 131
      2 예제의 프로모션 완성하기 ... 133
      3 배너 시스템 완성하기 ... 135
      4 Tip &amp; Tech ... 137
      각분야 전문가들 미니 인터뷰 ... 138
   4. 테이블(게시물 리스트) - 공지사항/커뮤니티 게시판/리스트 영역 ... 139
      1 게시판/리스트의 종류와 코딩방법 ... 139
      2 예제의 커뮤니티 게시판/리스트 완성하기 ... 147
      3 Tip &amp; Tech ... 155
      각분야 전문가들 미니 인터뷰 ... 155
   5. 폼ㆍ로그인 영역 ... 156
      1 브라우저의 폼 종류 ... 156
      2 예제의 로그인과 투표 완성하기 ... 159
      3 Tip &amp; Tech ... 175
      각분야 전문가들 미니 인터뷰 ... 176
   6. TAB 리스트/광고달기 - 탭 게시물 영역(동영상/갤러리) ... 177
      1 탭 게시물의 종류와 코딩방법 ... 177
      2 구글 애드센스 달기 코딩방법 ... 184
      3 Tip &amp; Tech ... 186
      각분야 전문가들 미니 인터뷰 ... 187
   7. footer 만들기 ... 188
      1 footer의 종류와 코딩방법 ... 188
      2 예제의 footer 완성하기 ... 189
      각분야 전문가들 미니 인터뷰 ... 191
4 웹표준 마무리해보자! ... 192
   1. 완성된 소스 확인하기 ... 194
   2. 완성된 페이지 테스트하기 ... 210
      1 웹표준 검사 ... 210
      각분야 전문가들의 웹표준과 실무에 관한 다양한 인터뷰 ... 212
   3. Special Tip &amp; Tech ... 214
      1 가로 나열식 최근 게시물 ... 214
      2 아이콘 사용의 재발견 ... 216
      3 투명/반투명 이미지 사용하기 ... 218
      4 이미지 없이 라운드 박스 만들기 ... 220
      5 폰트 사이즈 비교 pt/px/em/% ... 223
      6 가로/세로 중앙 정렬하기 ... 224
별책부록 ... 226
   1. CSS핵 바이블 ... 228
   2. 유용한 프로그램 ... 233
      1 IETester ... 233
      2 multiple versions of IE ... 234
   3. 코딩을 위한 포토샵 팁 ... 235
      1 이미지 슬라이스 방법 ... 235
   4. 작업노트 ... 240
닫기