본서는 끌리는 홈페이지 운영과 관리를 위한 7가지 기술을 전수한다. 홈페이지 내의 이미지 교체, 배너 제작, 이벤트 페이지 제작, 광고 메일 제작, 상품 소개 페이지 제작, 홈페이지 부분 리모델링 등으로 테마를 나누어 홈페이지 운영 시 꼭 알아두어야 하는 전반적인 작업 과정을 다양한 프로그램을 이용하여 단계별로 제작하고 활용할 수 있도록 구성하였다.

Part 01 이것만 알면 나도 홈페이지 운영자! 비전문가도 할 수 있는 홈페이지 운영 기술
[기초 지식]
Step 01 꼭 짚고 넘어가야 할 홈페이지 기초 지식
Step 02 홈페이지 제작에 사용되는 프로그램
Step 03 웹사이트 기획에서 오픈까지
Step 04 우리 홈페이지 계정 파악과 파일 관리하기

Part 02 다양한 이미지 편집 기술을 익혀 홈페이지에 활용하기
[이미지 편집]
Intro 작업 단계 미리 살펴보기
Step 01 이미지 편집의 기초 다지기 1 - 크기 변경 잘라내기 회전시키기
Step 02 이미지 편집의 기초 다지기 2 - 명암 보정하고 사진 외곽을 부드럽게 처리하기
Step 03 이미지 편집의 기초 다지기 3 - 맑고 선명한 색상으로 연출하기
Step 04 이미지 편집의 기초 다지기 4 - 지우개 툴을 이용한 이미지 합성하기
Step 05 이미지 편집의 기초 다지기 5 - 퀵 마스크와 레이어 마스크를 이용한 이미지 합성하기
Step 06 이미지 편집의 기초 다지기 6 - 그레이디언트 배경에 타원 형태로 이미지 합성하기
Step 07 이미지 편집의 기초 다지기 7 - 픽쳐 패키지를 이용하여 여러 크기의 이미지를 자동으로 만들기
Step 08 Action과 Batch 기능을 이용한 썸네일 이미지 만들기
Step 09 마우스를 가져다 대면 다른 이미지로 교체되는 갤러리 만들기

Part 03 홈페이지에서 살아 숨 쉬는 GIF 애니메이션&플래시 배너 만들기
[배너 제작]
Intro 작업 단계 미리 살펴보기
Step 01 지정한 크기로 배너 이미지 만들기
Step 02 GIF 애니메이션 만들기 1 - 서로 다른 이미지로 교체시키기
Step 03 GIF 애니메이션 만들기 2 - 투명도 조절하여 다른 이미지로 교체하기
Step 04 플래시 배너 만들기 1 - 위아래로 움직이는 글자 애니메이션
Step 05 투명 버튼을 이용한 하이퍼링크 지정하기
Step 06 플래시 배너 만들기 2 - 눈 깜박거리는 일러스트로 만드는 애니메이션
Step 07 다른 플래시 파일의 투명 버튼 재사용하기
Step 08 플래시 배너 만들기 3 - 연속해서 돌아가는 상품 이미지+반짝이는 별 애니메이션
Step 09 플래시 배너 만들기 4 - 마스크와 필터를 이용한 애니메이션
Step 10 플래시 배너 만들기 5 - 액션 스크립트를 이용한 애니메이션
Step 11 배너 삽입하고 결과 확인하기

Part 04 이제는 인터넷 마케팅 시대! 감각 넘치는 이벤트 페이지 만들기
[이벤트 페이지 제작]
Intro 작업 단계 미리 살펴보기
Step 01 팝업 창 삽입 이미지, '불꽃 장식' 만들기
Step 02 팝업 창 삽입 이미지, '마법 모자' 만들기
Step 03 팝업 창 삽입 이미지, '별 무리 장식' 만들기
Step 04 전체 레이아웃 잡고 글자 입력하기
Step 05 웹 용도에 맞추어 이미지 자르고 HTML 문서 편집하기
Step 06 창 닫기 기능이 추가된 팝업 창 띄우기
Step 07 애니메이션 되는 팝업 창 효과 적용하기

Part 05 메일로 홍보하자! 폼 나는 홍보 메일 만들어 보내기
[홍보 메일 제작]
Intro 작업 단계 미리 살펴보기
Step 01 HTML 문서의 전체 레이아웃 구성하기
Step 02 점선 패턴 만들어 배치하기
Step 03 광고 문구 입력하기
Step 04 웹 용도에 맞추어 이미지 자르고 HTML 문서 편집하기
Step 05 웹 계정에 등록하고 관련 파일 업로딩하기
Step 06 일반 게시판에 등록하기 위한 아이프레임 태그 삽입하기
Step 07 이미지의 경로를 절대 경로로 변경하고 이메일에 삽입하여 전송하기

Part 06 옥션, G마켓 등 오픈 마켓을 위한 눈에 띄는 상품 설명 페이지와 무비 만들기
[상품 소개 페이지 제작]
Intro 작업 단계 미리 살펴보기
Step 01 브러시를 이용한 상품 타이틀 이미지 만들기
Step 02 상품 이미지를 투명 처리하고 테두리 효과 적용하기
Step 03 점선 형태의 브러시와 타원을 이용하여 글자 디자인하기
Step 04 상품 소개 문서에 완성 이미지 삽입하여 결과 확인하기
Step 05 플래시 무비에 사용될 교체 이미지 만들기 1
Step 06 플래시 무비에 사용될 교체 이미지 만들기 2
Step 07 플래시 무비에 사용될 교체 이미지 만들기 3
Step 08 일정 시간이 지나면 다른 이미지로 변경되는 플래시 무비 만들기
Step 09 마우스를 가져다 대면 다른 이미지로 교체되는 상품 갤러리 만들기

Part 07 마음에 들지 않는 부분은 내가 직접 고친다! 홈페이지 리모델링 Step By Step!
[홈페이지 리모델링]
Intro 작업 단계 미리 살펴보기
Step 01 스타일시트를 이용해서 문단의 줄 간격, 들여쓰기 조절하기
Step 02 마우스를 가져다 대면 색상이 변경되는 롤오버 이미지 메뉴 만들기
Step 03 기존의 서브 문서에 새로운 문서 추가하기
Step 04 메인 문서의 이미지 교체하기
Step 05 제목 글자를 이미지화하고 프레임 만들어 홈페이지에 어울리게 다듬기
Step 06 딱딱한 이미지 메뉴 대신 화려한 플래시 메뉴로 거듭나기
Step 07 이리저리 랜덤하게 이동하는 꽃 무비 만들기
Step 08 제작 완료된 이미지로 기존의 홈페이지 변신시키기