HTML, CSS, Javascript 웹페이지 제작을 위한 기초부터 고급 활용까지 배울 수 있도록 구성한 책. 단순히 원리만을 설명하지 않고 자세한 설명과 다양한 활용예제를 통하여 설명했다. 웹디자이너, 웹마스터를 꿈꾸는 이들을 위한 입문 활용서.
각 섹션마다 공부한 내용을 확인해 볼 수 있는 Q&A와 활용능력을 기를 수 있는 객관식 문제를 담아 자신의 실력을 확인해 볼 수 있다. HTML, CSS, Javascript의 문법보다는 실제의 활용예를 중심으로 디자인 감각을 담아 구현하는 방식을 보여주고 있다. 따라서 각각의 기능들을 어떻게 홈페이지에 멋있게 구현할지 고민하는 독자들에게 유용하다.
책 속의 책, How to 파트에서는 실무에서 많이 활용되는 웹페이지 제작팁 25가지를 소개하고, 특히 Part 9에서는 자바스크립트 고급 활용예제를 다룬다.
별책부록은 HTML 태그, CSS 속성, Javascript 레퍼런스 가이드와 본문에 수록된 연습문제, Cut&Paste에 대한 풀이집으로 구성되어 있다. 부록 CD-ROM 에는 본문 예제 파일, 드림위버 4, 플래시 5.0, GIF Animator 5.0 트라이얼 버전/기타 유용한 프로그램, 추천사이트 등을 담았으며, 브로마이드로 216가지 웹 안전 컬러 포스터 등을 제공한다.
How to 홈페이지 제작 팁
1. 한 줄 스크립트로 롤오버(Rollover)버튼 만들기
[비법전수] 툴팁 만들기(1)
2. 깔끔한 테이블 만들기
3. 깔끔한 로그인 폼 만들기
[비법전수] 툴팁 만들기(2)
4. 다양한 텍스트 링크 만들기
5. 1024X768과 800X600호환방법
6. CSS를 이용한 드롭다운(dropdown)메뉴 만들기
7. 롤오버(Rollover)했을 때 테이블의 셀 배경색 바꾸기
8. 파비콘(Favicon)만들기 (주소창에 아이콘 넣기)
9. 스크롤 바에 색상 입히기
10. 원하는 크기로 새 창 띄우기
11. 클릭할 때마다 크기가 다른 새창 띄우기
12. 한 번 클릭으로 원하는 위치에 4개의 새창 띄우기
13. 접속할 때마다 다른 이미지 보여주기
14. 마우스 오른쪽 버튼 사용금지 시키기
15. 소스 보여주기(Notepad open)
16. 페이지 내부에 주소 입력창 만들기
17. 주민등록번호 입력시 다음 칸으로 자동으로 넘기기
18. 페이지 열림과 동시에 새창 띄우기
19. 새창 다시 열지 않기
20. 현재 페이지를 즐겨찾기에 등록하기
21. 현재 페이지를 시작페이지로 만들기
22. 문서의 수정된 날짜 자동으로 보여주기
23. 뒤로가기/앞으로 가기/새로고침 활용하기
24. 폼안에 글자 타이핑 효과주기
25. 텍스트필드를 클릭하면 텍스트가 지워진다
[알아두기] CSS에서 사용하는 색상
Part 1 HTML 기초지식, 두고두고 읽어보자 1
1. HTML을 시작하기 전에…
2. HTML 제대로 알고 이용하기
3. 태그 처음부터 시작하기 HEAD
페이지에 제목 달기
메타 태그의 숨겨진 비밀을 알고 있나요?
링크의 기준이 되는 URL 설정
4. 모든 건 내 안에 있다 BODY
배경색 삽입하기
배경 이미지 삽입하기
링크된 글자에 색상 지정하기
브라우저에 여백 없애기
회사명/연락처 삽입하기
복잡한 문서에 주석달기
5. 텍스트를 내 맘대로 TEXT
줄바꿈을 할 때
단락의 제목을 적어줄 때
글자의 크기를 조절할 때
글자의 기본 크기를 설정할 때
선 그리기
단락을 나누어 줄 때
글자/이미지/표 등을 중앙에 정렬할 때
글자의 위치를 자유롭게
띄어쓰기를 할 때
문장의 들여쓰기
줄바꿈을 하고 싶지 않을 때
강제 줄바꿈을 할 때
스크롤되는 문자를 만들 때
문자를 장식할 때
특수문자 표기법
6. 이미지와 멀티미디어
이미지 삽입하기
이미지에 테두리 선을 내 맘대로
이미지에 대체 텍스트 달기
이미지 배치하기
이미지 옆 글자 텍스트 위치 설정
이미지와 글자의 간격 설정
이미지 옆 문자 삽입 중지
이미지의 2단계 표시
홈페지이에 사용되는 사운드
홈페이지에 사운드 삽입하기
7. 리스트(목록) 만들기
비순차적 목록 만들기
비순차적 목록의 마크 변경하기
순차적 목록 만들기
순차적 목록의 번호 형식 변경하기
순차적 목록의 번호 순서 변경하기
정의 리스트
Part 2 HTML 기초지식, 두고두고 읽어보자 2
1. 원하는 곳으로 자유롭게 이동하기
텍스트나 이미지에 링크걸기
특정 위치로 이동하기(현재 페이지)
특정 위치로 이동(다른 페이지)
링크로 전자메일 보내기
2. 보기 좋은 레이아웃을 위한 제안 TABLE
표를 사용하는 이유
표의 기본형식
표의 제목 삽입하기
표의 크기와 위치 지정하기
셀과 셀 사이에 여백 지정하기
표의 외곽선에 색상 넣기
표에 배경색 넣기
표에 배경 이미지 넣기
복수의 셀 합치기
셀의 크기 지정하기
셀 내에서의 데이터 위치 지정
셀 내에서의 줄바꿈 금지
[연습문제] 움직이는 점선 테두리 만들기 테이블 테두리 일부만 보이게 하기
3. 프레임으로 문서 구조를 내 맘대로 FRAME
프레임이란?
프레임을 활용한 레이아웃
프레임 셋의 구조
프레임 셋의 구성
가로와 세로로 프레임 나누기
프레임의 크기 고정하기
프레임에서 스크롤바 제어하기
프레임의 여백조절
HTML 문서 특정 위치에 프레임 삽입하기
