목차 일부
1 웹표준 기초다지기 ... 18
1. 웹표준의 정의 ... 20
1 웹표준이란? ... 20
2 웹표준의 장점 ... 21
2. 웹 접근성의 중요성 ... 24
1 웹 접근성이란? ... 24
2 웹 접근성의 현실 ... 25
3 웹 접근성을 높이기 위해 고려할 점 ... 25
3. D...
더보기
목차 전체
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 & Tech ... 57
1) 핵 사용법 ... 58
각분야 전문가들 미니 인터뷰 ... 60
2. 텍스트 스타일 ... 61
1 텍스트 효과 소개 ... 61
2 텍스트 활용법 ... 64
3 응용 및 관리하는 법 ... 67
4 Tip & Tech ... 69
각분야 전문가들 미니 인터뷰 ... 71
3. 웹표준 코딩해보자! ... 72
1. 레이아웃 - 레이아웃 나누기 ... 74
1 레이아웃의 종류 및 코딩방법 ... 74
2 예제의 레이아웃 완성하기 ... 80
3 Tip & 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 & Tech ... 137
각분야 전문가들 미니 인터뷰 ... 138
4. 테이블(게시물 리스트) - 공지사항/커뮤니티 게시판/리스트 영역 ... 139
1 게시판/리스트의 종류와 코딩방법 ... 139
2 예제의 커뮤니티 게시판/리스트 완성하기 ... 147
3 Tip & Tech ... 155
각분야 전문가들 미니 인터뷰 ... 155
5. 폼ㆍ로그인 영역 ... 156
1 브라우저의 폼 종류 ... 156
2 예제의 로그인과 투표 완성하기 ... 159
3 Tip & Tech ... 175
각분야 전문가들 미니 인터뷰 ... 176
6. TAB 리스트/광고달기 - 탭 게시물 영역(동영상/갤러리) ... 177
1 탭 게시물의 종류와 코딩방법 ... 177
2 구글 애드센스 달기 코딩방법 ... 184
3 Tip & 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 & 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
더보기 닫기