01부 웹에서 시작하기
1장 웹의 원리 이해하기
1 l HTML과 월드 와이드 웹(World Wide Web)의 역사
2 l 웹 콘텐츠 만들기
3 l 웹 콘텐츠 전달 과정 이해하기
4 l 웹 호스팅 공급자 선택하기
5 l 여러 웹 브라우저에서 테스트하기
2장 웹 콘텐츠 게시하기
1 l 이번 장의 예제 파일 만들기
2 l FTP를 사용하여 파일 전송하기
3 l 웹 서버에서 파일 저장 위치 이해하기
4 l 웹 서버 없이 콘텐츠 배포하기
3장 HTML과 XHTML의 연결 이해하기
1 l 간단한 웹 페이지로 시작하기
2 l 모든 XHTML 웹 페이지가 가져야 하는 HTML 태그들
3 l 문단과 줄바꾸기를 포함하는 페이지 구성하기
4 l 표제(heading)를 사용하여 웹 콘텐츠 구성하기
5 l 웹 콘텐츠 유효성 검증하기
6 l HTML, XML, XHTML과 HTML5
4장 CSS(Cascading Style Sheet) 이해하기
1 l CSS의 원리
2 l 기본적인 스타일 시트
3 l CSS 스타일 기초
4 l 스타일 클래스 사용하기
5 l 스타일 ID 사용하기
6 l 내부 스타일 시트와 인라인 스타일
02부 실제 웹 디자인에서 블록 작성하기
5장 텍스트 블록과 리스트 작성하기
1 l 웹 페이지에서 텍스트 정렬하기
2 l HTML 리스트의 세 가지 종류
3 l 리스트 내에 리스트 추가하기
6장 글꼴 사용하기
1 l 굵은체, 이탤릭, 그리고 특수한 텍스트 서식
2 l 글꼴 변경하기
3 l 특수문자 사용하기
7장 테이블을 사용하여 정보 표시하기
1 l 간단한 테이블 만들기
2 l 테이블 크기 변경하기
3 l 테이블 내에서 정렬하고 합치기
4 l 테이블을 이용하여 페이지 레이아웃 구성하기
8장 외부와 내부 링크 사용하기
1 l 웹 주소 사용하기
2 l 앵커(Anchor)를 사용하여 페이지 내의 링크 만들기
3 l 자신의 웹 콘텐츠끼리 연결하기
4 l 외부 웹 콘텐츠에 연결하기
5 l Email 주소에 연결하기
6 l 새 창에서 링크 열기
7 l CSS를 사용하여 스타일 하이퍼링크 사용하기
9장 색깔 사용하기
1 l 색깔을 선택하는 가장 좋은 방법
2 l 웹 색깔 이해하기
3 l 색깔의 16진수 값 사용하기
4 l CSS를 사용하여 배경, 텍스트, 테두리 색깔 지정하기
10장 웹에 사용할 이미지 만들기
1 l 그래픽 소프트웨어 선택하기
2 l 그래픽에 대하여 알아야할 기본 지식
3 l 사진 이미지 준비하기
4 l 배너와 버튼 만들기
5 l 이미지에서 색깔 수 줄이기
6 l 투명 이미지 만들기
7 l 타일 형식의 배경 만들기
8 l 애니메이션 웹 그래픽 만들기
11장 웹 사이트에서 이미지 사용하기
1 l 웹페이지에 이미지 삽입하기
2 l 텍스트로 이미지 설명하기
3 l 이미지 높이와 너비 지정하기
4 l 이미지 정렬하기
5 l 이미지를 링크로 전환하기
6 l 배경 이미지 사용하기
7 l 이미지맵(Imagemap) 사용하기
12장 웹 사이트에 멀티미디어 사용하기
1 l 멀티미디어 파일 연결하기
2 l 멀티미디어 파일 삽입하기
3 l 멀티미디어 사용에 대한 팁
13장 프레임(Frame) 사용하기
1 l 프레임(Frame)은 무엇인가?
2 l 프레임셋(Frameset) 만들기
3 l 프레임과 창 연결하기
4 l 인라인 프레임 사용하기
03부 CSS를 이용한 고급 웹 페이지 디자인
14장 여백, 패딩, 정렬과 플로팅 사용하기
1 l 여백 사용하기
2 l 구성 요소에 패딩(padding) 적용하기
3 l 모든 것들의 정렬 상태 유지하기
4 l Float 속성 이해하기
15장 CSS Box 모델과 배치 이해하기
1 l CSS Box 모델
2 l 배치에 대한 전반적인 소개
3 l 요소를 겹쳐서 표시하는 방법 지정하기
4 l 텍스트 흐름 관리하기
16장 CSS와 리스트
1 l HTML 리스트
2 l CSS Box 모델과 리스트
3 l 리스트 항목 표식
4 l 리스트 항목과 CSS로 이미지맵 만들기
17장 CSS를 사용하여 탐색 기능 만들기
1 l 탐색 리스트와 일반 리스트의 차이
2 l CSS로 수직 방향의 탐색기 만들기
3 l CSS로 수평 방향의 탐색기 만들기
18장 마우스 동작을 사용하여 텍스트 화면 변경하기
1 l CSS로 툴 팁(Tool Tip) 만들기
2 l CSS로 추가적인 텍스트 표시하기
3 l 이벤트에 접근하기
4 l onclick을 사용하여
의 모양 바꾸기
19장 고정 또는 유동적인 레이아웃 만들기
1 l 고정적 레이아웃(Fixed Layout) 이해하기
2 l 유동적 레이아웃 이해하기
3 l 고정/유동 하이브리드 레이아웃 만들기
04부 고급 웹 사이트 기능과 관리
20장 인쇄를 위한 웹 페이지 만들기
1 l 인쇄에 적합한 페이지 만들기
2 l 매체 고유의 스타일 시트 적용하기
3 l 인쇄 페이지용 스타일 시트 만들기
4 l 인쇄 미리보기에서 웹 페이지 살펴보기
21장 동적인 웹 페이지 이해하기
1 l 다양한 종류의 스크립트 이해하기
2 l HTML에 JavaScript 포함시키기
3 l 임의의 콘텐츠 표시하기
4 l DOM(Document Object Model) 이해하기
5 l 사용자 동작에 따라 이미지 변경하기
22장 웹 기반의 폼 사용하기
1 l HTML 폼 사용하기
2 l 폼 만들기
3 l 텍스트 입력 받기
4 l 폼 데이터의 각 항목에 이름 지정하기
5 l 폼에 감춰진 데이터 포함하기
6 l 폼 입력 컨트롤 살펴보기
7 l 폼 데이터 전송하기
23장 웹 사이트 구성하고 관리하기
1 l 한 페이지로 충분한 경우
2 l 간단한 사이트 구성하기
3 l 규모가 큰 사이트 구성하기
4 l 유지보수가 가능한 HTML 코드 작성하기
24장 자신의 웹 페이지 알리기
1 l 웹 사이트 광고하는 방법
2 l 주요 검색 사이트에 여러분의 페이지 등록하기
3 l 검색 엔진에 힌트 제공하기
4 l 검색 엔진 최적화(SEO)를 위한 팁
05부 부록
부록 A 인터넷에서의 HTML과 CSS 자원
1 l 일반적인 HTML, XHTML, 그리고 CSS 정보
2 l 웹 브라우저
3 l 웹 페이지 디자인
4 l 소프트웨어
5 l 색깔과 그래픽
6 l 멀티미디어
7 l 고급 개발자 자원
8 l 웹 사이트 호스팅
9 l 웹 사이트 서비스
부록 B XHTML 1.1과 CSS2 간단한 참조
1 l XHTML 구조
2 l XHTML 텍스트 구문과 문단
3 l XHTML 텍스트 서식 지정 요소
4 l XHTML 리스트
5 l XHTML 링크
6 l XHTML 테이블
7 l XHTML 삽입 콘텐츠
8 l XHTML 스타일
9 l XHTML 폼(Form)
10 l XHTML 스크립트
11 l XHTML 공통 속성
12 l CSS 크기 스타일 속성
13 l CSS 텍스트와 글꼴 스타일 속성
14 l CSS 배경 스타일 속성
15 l CSS 테두리 스타일 속성
16 l CSS 여백 스타일 속성
17 l CSS 패딩 스타일 속성
18 l CSS 레이아웃과 화면 표시 스타일 속성
19 l CSS 리스트와 마커(Marker) 스타일 속성
20 l CSS 테이블 스타일 속성
저자소개
- 저자 줄리 C. 멀로니(Julie C. Meloni)는 i2i interactive의 기술책임자이며, Washington State University에서 박사과정에 있다. 저서로는 Teach Yourself PHP, MySQL 그리고 Aphache All in One 등이 있다.
도서소개
최신 웹 표준, 이 책만 있으면 준비 끝!
이 책은 최신 웹 표준인 HTML5와 CSS3을 쉽고 빠르게 익힐 수 있도록 도와주는 가이드북이다. HTML을 습득하는 과정을 간단한 단계로 구성하여 각 단계를 정확히 어떻게 진행해야 하는지를 보여준다. 모든 HTML 코드 예제는 웹 페이지 그림 이전에 직접 나열해놓아 어떻게 진행되는지를 볼 수 있고, 그 원리를 명확하고 간단하게 설명했다. 매 과정이 끝날 때마다 간단한 퀴즈와 연습문제, 그리고 해답 과정을 수록했다. 하루 한 시간씩 24시간이면 인터넷에 자신의 페이지를 멋지게 구축할 수 있을 것이다.
