머리말
베타테스터의 말! 말! 말!
이 책의 구성 미리보기
부록 CD 들여다보기
Sample Gallery

첫째마당 홈페이지, 기본은 알고 시작하자

[01 웹 디자인 시작하기]
1. 좋은 홈페이지의 조건 살펴보기
잠. 웹디자인을 위한 필수 프로그램에는 무엇이 있나요?
2. 웹 디자인의 기본 상식 알아보기
3. 웹 디자인과 색상의 관계 이해하기
잠. 색 감각을 키우는 방법에는 무엇이 있나요?
잠. 색 이론을 좀더 자세히 알고 싶어요
잠. 메타포 이해하기
4. 홈페이지 제작 순서 살펴보기
잠. 서버 컴퓨터에 파일 올리기

[02 드림위버 8 시작하기]
1. 드림위버 8의 새로운 특징 살펴보기
2. 드림위버 8의 작업화면과 시작 페이지 둘러보기
3. 로컬 사이트 정의하기
무. 새로운 로컬 사이트 정의하기
4. 드림위버 8의 기본 환경 설정하기
잠. Page Properties 대화상자 카테고리가 3개만 나타나요
무. 드림위버 8의 작업환경 설정하기
무. 문서 만들고 저장하기
잠. 문서창의 모습이 오고가면서 작업하기
무. 문서 사이를 오고가면서 작업하기
무. 문서의 제목 입력하기
잠. 브라우저로 미리보기를 할 때 바뀐 내용을 곧바로 보고 싶어요
무. 문석의 배경색과 글자색 바꾸기
잠. 아이드로퍼로 원하는 색상을 가져오세요
무. 글자의 크기 바꾸기

둘째마당 표와 텍스트를 이용해 깔끔한 홈페이지 만들기

[03 레이아웃을 작성하기 위한 표 다루기]
1. 레이아웃에 표를 사용하는 이유 알아보기
잠. 홈페이지에서 숨어 있는 표 확인하기
2. 표를 만드는 방법 살펴보기
무. 표 만들기
무. 표의 크기 조절하기
3. 표에서 행과 열 추가 및 삭제하기
무. 행과 열 추가 삭제하기
잠. 표 너비 도구 감추기
웹. 테두리가 가는 표 만들기
4. 표와 셀의 속성창 살펴보기
무. 셀 합치기와 나누기
잠. 표와 셀을 선택하는 또 다른 방법은 무엇인가요?
무. 표 안에 표 삽입하기
잠. 표의 너비를 설정하는 단위 살펴보기
무. 표와 셀에 배경색 넣기
무. 표와 셀 정렬하기
잠. 확장 표 모드가 무엇인가요?
5. 데이터를 표로 옮기기
무. 텍스트 자료를 표로 변환하기
무. 엑셀 문서를 HTML 표로 만들기
잠. MS 워드 문서를 HTML 문서로 변환하고 싶어요
웹. 모서리가 둥근 표 만들기

[04 텍스트로 간단한 웹 문서 만들기]
1. 웹 문서에 텍스트 사용하기
무. 텍스트를 복사하여 문서에 붙여넣기
잠. 웹 문서를 복사할 때 주의하세요
무. 글자 크기 바꾸기
잠. 픽셀과 포인트의 차이점은 무엇인가요?
무. 글자색 바꾸고 텍스트 스타일 사용하기
2. 텍스트 속성창 살펴보기
무. 텍스트 정렬하기
3. 한글 글꼴 추가하기
무. 한글 글꼴 및 글꼴 목록 추가하기
4. 목록 만들기
무. 순서 없는 목록 만들기
무. 원하는 이미지로 불릿 이미지 만들기
잠. 불릿으로 사용할 수 있는 이미지 구하기
무. 순서 목록 만들기
잠. Head 요소 삽입하기
5. 수평선 삽입하기
무. 문서에 수평선 넣기
무. 특수문자 입력하기
잠. 다양한 특수문자 찾아보기
무. 흘러가면서 움직이는 텍스트 만들기
잠. 태그의 주요 속성 살펴보기
웹. 웹 폰트 활용하기
잠. 웹 2.0과 시맨택 웹은 무엇인가요?

셋째마당 기본기를 이용해 세련된 홈페이지를 만들기

[05 레이아웃 모드로 레이아웃 한 번에 해결하기]
1. 셋째마당에서 만들 홈페이지 살펴보기
무. 로컬 사이트 정의하기
2. 표준 모드와 레이아웃 모드 살펴보기
무. 트레이싱 이미지 삽입하기
잠. 스페이서 이미지는 무엇인가요?
무. 레이아웃 표와 레이아웃 셀로 레이아웃 만들기
무. 레이아웃 모드에서 내용 삽입하기
무. 레이아웃 모드에서 배경색 적용하기

[06 이미지를 이용해 분위기 연출하기]
1. 웹 문서와 이미지의 관계 이해하기
무. 이미지 삽입하기
2. 이미지의 상대 경로와 절대 경로 이해하기
무. 상대 경로 이미지와 절대 경로 이미지 삽입하기
잠. 이미지를 깜빡거리게 만들고 싶어요
3. 이미지의 속성 바꾸기
무. 이미지 정렬하기
잠. 텍스트와 이미지 어울리게 배치하기
4. 외부 편집기 활용하기
무. 외부 이미지 편집기 등록하기
잠. 외부 이미지 편집기로 이미지 수정하기
5. 이미지 편집 기능 살펴보기
무. 이미지 오려내기
잠. 브라우저에서 미리 보기를 했는데 이미지가 안 보여요
무. 이미지의 밝기와 색상 대비 조절하기
6. 눈에 띄는 롤오버 이미지 만들기
무. 롤오버 이미지를 삽입할 틀 만들기
잠. 익스플로러에서 이미지 도구 모음을 없애고 싶어요
무. 롤오버 이미지 삽입하기
잠. 이미지 플레이스홀더의 기능 알아보기

[07 한 번에 연결하는 링크 정복하기]
1. 텍스트에 링크 적용하기
무. 텍스트에 링크 만들기
무. 텍스트 링크의 글자색 바꾸고 밑줄 없애기
2. 이미지에 링크 적용하기
무. 이미지에 링크 만들기
잠. 링크를 적용한 후 파일 이름을 바꾸고 싶어요
무. 링크로 연결된 홈페이지 새 창에 열기
잠. 도구 모음이 없는 새 창을 열고 싶어요
3. 문서 안에서 특정 위치로 이동하는 앵커 만들기
무. 앵커 삽입하기
잠. 앵커 이름을 수정하고 싶어요
무. 이미지 맵으로 앵커 연결하기
잠. 핫스폿 영역의 크기를 조절하고 싶어요
4. 다양한 링크 만들기
무. 메일 링크, 음악 링크, 다운로드 링크 만들기
잠. 메일 링크를 클릭했을 때 웹 메일로 메일을 보내고 싶어요