추가 적립 안내

최신 웹 표준, 이 책만 있으면 준비 끝!

이 책은 최신 웹 표준인 HTML5와 CSS3을 쉽고 빠르게 익힐 수 있도록 도와주는 가이드북이다. HTML을 습득하는 과정을 간단한 단계로 구성하여 각 단계를 정확히 어떻게 진행해야 하는지를 보여준다. 모든 HTML 코드 예제는 웹 페이지 그림 이전에 직접 나열해놓아 어떻게 진행되는지를 볼 수 있고, 그 원리를 명확하고 간단하게 설명했다. 매 과정이 끝날 때마다 간단한 퀴즈와 연습문제, 그리고 해답 과정을 수록했다. 하루 한 시간씩 24시간이면 인터넷에 자신의 페이지를 멋지게 구축할 수 있을 것이다.

최신 웹 표준, HTML5와 CSS3! 가장 쉽고 빠르게 배우기!

웹 사이트를 디자인하고, 제작 관리할 수 있는 HTML5와 CSS3의 사용 방법
배우고 활용하는 데 24시간이면 충분하다!
명확하고 섬세한 단계별 설명으로 기초부터 배워야 하는 완전 초보자들도 각 과정의 내용을 빠르게 배울 수 있으며, 실무적이면서 간단한 예제를 통해 배운 내용을 바로 적용하는 방법을 쉽게 이해할 수 있다. 각 과정에서 제공하는 퀴즈와 연습 예제를 통해 배운 내용을 확실하게 테스트하고 응용해보자.

＊웹 페이지를 작성하고 인터넷에 곧바로 올리기
＊명확하고 가독성 있는 텍스트 서식 지정하기
＊다른 페이지나 사이트와 링크하기
＊웹 페이지에 그래픽 및 색깔과 다양한 시각적 효과 추가
＊투명한 이미지와 배경 이미지의 사용
＊CSS를 사용하여 사이트의 레이아웃과 조판 구성하기
＊웹 기반의 폼을 이용한 사용자 입력
＊다른 브라우저와의 호환성 검사
＊검색 엔진에서 보다 쉽게 검색되는 사이트 만들기
＊쉽게 관리 및 업데이트 가능한 사이트 만들기

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을 사용하여