책 이미지
책 정보
· 분류 : 국내도서 > 컴퓨터/모바일 > 프로그래밍 개발/방법론 > 웹 서비스/웹 프로그래밍
· ISBN : 9788960775855
· 쪽수 : 488쪽
책 소개
목차
1장 기초 다지기
__구조가 탄탄한 코드 만들기
____마크업의 역사
______의미의 중요성
______ID와 클래스 이름 짓기
______엘리먼트 이름
______ID 또는 클래스 사용
______div와 span
______마이크로포맷
______HTML과 CSS 버전
____문서 유형, DOCTYPE 전환, 브라우저 모드
____유효성 검사
______브라우저 모드
______DOCTYPE 전환
__요약
2장 스타일을 꾸밀 대상 선택하기
__선택자 활용 기초
______유사 클래스 선택자
__전체 선택자
__고급 선택자
______자식 선택자, 인접 형제 선택자
______속성 선택자
__캐스케이드 효과와 적용 순서
______지정 순위
______스타일시트에서 지정 순위 활용하기
______body 태그에 클래스나 ID 지정하기
______스타일시트를 계획 구성 관리하는 방법
__문서에 스타일 적용하기
______구조 표시를 위한 주석
______작업 기록을 위한 주석
______주석을 제거하고 스타일시트 최적화하기
__스타일 가이드
__요약
3장 화면 표시를 위한 모델 완벽 정리
__박스 모델 완벽 정리
______인터넷 익스플로러의 박스 모델
______마진 겹침 현상
__포지셔닝 완벽 정리
______화면 표시 모델
______상대 위치
______절대 위치
______고정 위치
______플로팅
__라인 박스와 플로트 해제 방법
__요약
4장 배경 이미지와 이미지 대치 기법
__배경 이미지 기초 다지기
______고정폭 둥근 모서리 상자
__둥근 모서리 상자 모양 만들기
______유동폭 둥근 모서리 상자
______마운틴탑 코너
______복수 배경 이미지
______border-radius
______border-image
__그림자 효과
______간단한 그림자 효과 내기
______Clagnut 스타일 그림자 효과
______Box-shadow
______CSS 투명도
__투명도
______RGBa
______PNG 투명도
______시점차를 활용한 움직이는 배경 기법
__이미지 대치 기법
______FIR 방법
______파크 방법
______sIFR 방법
__요약
5장 링크 모양 꾸미기
__링크 스타일 기초
__밑줄 치며 놀기
______기본 링크 꾸미기
______예쁜 링크 밑줄 만들기
__방문했던 링크 스타일
__링크 대상에 스타일 입히기
__링크 유형별로 스타일 지정하기
______문서나 뉴스 피드 다운로드용 링크 꾸미기
__버튼처럼 보이는 링크
______롤오버 기초
______이미지를 사용한 롤오버 효과
______픽시 방법을 이용한 롤오버 효과
______CSS 스프라이트
______CSS3를 사용한 롤오버
__CSS로만 만드는 툴팁
__요약
6장 리스트 스타일과 내비게이션
__리스트 스타일 기초
__세로형 내비게이션바 만들기
__내비게이션바에서 현재 페이지 표시하기
__단순한 가로형 내비게이션바
__이미지를 사용한 내비게이션바
__슬라이딩 도어 효과의 탭 내비게이션바 만들기
__CSS 드롭다운
__CSS 이미지맵 만들기
______플리커 스타일의 이미지맵 만들기
__리모트 롤오버 만들기
__정의 리스트
__요약
7장 접근성 높은 폼과 테이블 만들기
__데이터 테이블 스타일 꾸미기
______테이블 관련 엘리먼트 소개
________써머리와 캡션
________thead, tbody, tfoot
________col, colgroup
______데이터 테이블 마크업 만들기
______테이블 스타일 꾸미기
______화면 모양 만들기
__간단한 폼 레이아웃 만들기
______유용한 폼 엘리먼트
______폼 레이블
______기본 레이아웃
______기타 엘리먼트 처리 방법
______장식 마무리
______필수 입력 항목
__복잡한 폼 레이아웃 만들기
______접근성을 고려한 데이터 입력 방식
______다단 레이아웃의 체크 박스
______서브밋 버튼
______폼 에러 메시지 만들기
__요약
8장 레이아웃
__레이아웃 계획 수립
__기반 구조 정의
______가운데 레이아웃 만들기
__플로트 기반의 레이아웃
______플로트를 이용한 2단 레이아웃
______플로트를 이용한 3단 레이아웃
__고정 레이아웃, 유동 레이아웃
______화면 비례형 레이아웃
______글자 비례형 레이아웃
______글자와 화면 크기에 따라 늘어나는 이미지
__가짜 단 모양 만들기
__동일 높이 다단 구조
__CSS3 컬럼
__CSS 프레임워크 vs CSS 시스템
__요약
9장 브라우저 버그 해결하기
__흔히 발생하는 CSS 문제
______버그 잡기
______지정 순위와 정렬 방법 오류
______마진 겹침 현상
______버그 잡기 기초
______처음부터 버그 만들지 않기
______문제 분리하기
______테스트 범위 최소화하기
______증상이 아닌 문제 원인 바로 잡기
______도움 요청
__레이아웃
______레이아웃이란
______레이아웃 때문에 생기는 효과
__문제 해결
______인터넷 익스플로러 조건 주석문
______핵과 필터 사용에 대한 경고
______핵 사용 시 유의점
______밴드 패스 필터
______별표 HTML 필터
______자식 선택자 핵
______더블 마진 플로트 버그
__흔히 발생하는 버그 해결 방법
______텍스트 주변에 3픽셀 공간 표시 버그
______IE 6의 문자 중복 표시 버그
______IE 6의 피커부 버그
______상대 좌표 컨테이너에서 절대 좌표 지정
______인터넷 익스플로러 관련 이야기
__단계적 브라우저 지원
__요약
10장 케이스 스터디: 로마 이탈리아
__케이스 스터디 개요
__기반 구조
______HTML5 미리 보기
______reset.css
__1080 레이아웃과 그리드
______웹 디자인과 그리드
__고급 CSS2와 CSS3 기능들
______Dowebsitesneedtolookexactlythesameineverybrowser.com
______속성 선택자
______Box-shadow, RGBa, text-overflow
______1999년식 font-size 지정
__폰트 연결과 더 나은 웹 타이포그래피
______꾸밈 구두점
______다단 구조 텍스트 레이아웃
______@font-face
______Cufon, @font-face로의 중간 과정
__AJAX와 jQuery를 사용한 인터랙션
______AJAX
______jQuery
______AJAX와 jQuery 검색 사용
__요약
11장 케이스 스터디: 클라임 더 마운틴스
__케이스 스터디 개요
__스타일시트 구성 및 규칙
______제일 많이 사용하는 screen.css
______설명 붙이기
______초기화
______조건 주석을 사용한 인터넷 익스플로러용 스타일시트
__자유로운 그리드 사용
______예제 사이트의 레이아웃
__클래스를 사용한 내비게이션
______현재 페이지 하이라이트
______인용구 표시
__엘리먼트 타깃팅
______하위 선택자
______:first-child 의사 선택자
______인접 형제 선택자
__투명도, 그림자, 둥근 모서리
______목표
______설명 이미지 겹침 표현 및 RGBa 투명도
______클래스 결합
______border-radius
______box-shadow
__목록 위치/구성 및 콘텐트 표현
______동근 모서리
______등고선 차트 표현
__요약
