Detail View

직접 웹 에이전시를 운영하며 현장에서 뛰는 저자가 5개 분야별(회사 홍보, 쇼핑몰, 여행, 커뮤니티, 정보) 웹 프로젝트 디자인 유형 9가지와 그에 맞는 플래시 제작 방법을 소개한다. 예제를 만드는 기술뿐만 아니라 각각의 요소들이 모여 하나의 완성도 높은 프로젝트를 구축하는 실무 과정을 담고 있다.

각 프로젝트의 성격을 효과적으로 도출할 수 있도록 디자인 측면을 중요하게 다루었으며 각 프로젝트에 사용된 플래시 예제 역시 다른 요소들과 조화를 이룰 수 있게 구성하였습니다. 또한, 웹에서 사운드가 점점 중요한 요소로 부각됨에 따라 실무에서 꼭 필요한 사운드 변환 방법과 사운드 편집 방법까지 다루고 있습니다.

[부록 CD] 실습에 필요한 플래시 실무 프로젝트 템플릿

Information Provided By: :

목차
Project_Gallery = 4
머리말 = 14
우리가 먼저 따라했어요! = 15 
이 책을 읽기 전에 = 16
부록 CD엔 뭐가 들어 있을까? = 17 
첫째마당 웹 사이트 프로젝트 공통 과정
 01 웹 사이트 프로젝트 기획에서 오픈까지 = 24
  01 프로젝트 제작의 첫 시작 - 기획 단계 = 25
  02 메인 시안 디자인 과정 = 33
  03 HTML 문서 직업하기 = 40
  04 CSS 적용하고 업로드하기 = 49
둘째마당 커뮤니티 사이트 프로젝트
 02 게임 커뮤니티 사이트 프로젝트｜중급 = 55
  01 게임 커뮤니티 템플릿 디자인 작업 과정 = 57
   해상도 설정 및 면 분할 = 57
   상단 영역 디자인 과정 = 59
   컨텐츠 영역 디자인 과정 = 60
   빈 공간 활용 = 61
  02 테두리 라인에 빛이 흘러가는 마스트 효과｜마스크 01 = 63
  03 잔상이 남는 마우스 커서｜마우스 01 = 72
  04 마우스에 반응해 나타나는 게임 캐릭터 내비게이션｜내비게이션 01 = 78
  05 세로로 이동하는 마스크 바를 이용한 색상 변화｜마스크 02 = 92
  06 메뉴 설명이 나오는 풍선 도움말 내비게이션｜내비게이션 02 = 99
  〈실무 노트〉모션 트위닝이 적용된 심벌의 위치를 한꺼번에 옮기기 = 108
  〈실무 노트〉플래시 버튼에 메일 주소 링크하기 = 110
 03 여성 커뮤니티 사이트 프로젝트｜중급 = 111
  01 여성 커뮤니티 템플릿 디자인 작업 과정 = 113 
   레이아웃의 기본 면 분할 = 113 
   메인 그래픽 영역 디자인 과정 = 114
   메인 내비게이션 디자인 과정 = 117
   컨텐츠 영역 디자인 과정 = 117
  02 메뉴가 펼쳐지는 인터랙티브 내비게이션｜내비게이션 03 = 119
  03 마우스 커서에 반응해 이동하는 무비클립｜마우스 02 = 138
  04 마우스를 따라 돌아가는 롤링 버튼｜버튼 01 = 143
셋째마당 홍보용 사이트 프로젝트
 04 길벗출판사 홍보 사이트 프로젝트｜중고급 = 159 
  01 길벗출판사 홍보 템플릿 디자인 작업 과정 = 161
   레이아웃의 기본 면 분할 = 161
   메인 그래픽 영역 디자인 과정 = 162
   메인 내비게이션 = 163
   상단 면 마무리 작업 = 164
   컨텐츠 영역 디자인 과정 = 164
   기타 영역 디자인 과정 = 165
  02 순차적으로 나타나는 슬라이스 애니메이션｜애니메이션 01 = 167
  03 위로 서브 메뉴가 나타나는 내비게이션｜내비게이션 04 = 180
  04 텍스트가 슬라이스되어 나타나는 텍스트 애니메이션｜텍스트 01 = 207
  05 책 표지가 자동으로 롤링되는 광고 내비게이션｜내비게이션 05 = 214 
 05 일반 회사 홍보 사이트 프로젝트｜중급 = 225 
  01 일반 회사 홍보 템플릿 디자인 작업 과정 = 227
   레이아웃의 기본 면 분할 = 227
   메인 그래픽 영역 디자인 과정 = 228
   메인 내비게이션 = 230
   상단 영역 마무리 작업 = 230 
   컨텐츠 영역 디자인 작업 = 230
   왼쪽 영역 디자인 작업 = 232
   변화 = 232
   기타 영역 디자인 과정 = 233 
  02 오브젝트를 굴절시키는 새로운 마스크 기법｜마스크 03 = 234
  〈실무 노트〉로딩 무비(Loading Movie) 살펴보기 = 242
  〈실무 노트〉플래시 무비의 서사적 표현 방법 = 246
  03 숨어 있던 서브 메뉴가 슬라이딩되어 나타나는 내비게이션｜내비게이션 06 = 249
  04 포토샵과 연동해 생동감 있는 텍스트 효과｜텍스트 02 = 256
  〈실무 노트〉포토샵을 활용한 다양한 텍스트 효과 = 264
  05 포물선을 그리며 물결치는 애니메이션｜애니메이션 02 = 266 
넷째마당 정보 제공 사이트 프로젝트 
 06 경기도 선거관리위원회 프로젝트｜중급 = 277 
  01 경기도 선거관리위원회 템플릿 디자인 작업 과정 = 279 
   레이아웃의 기본 면 분할 = 279
   메인 그래픽 영역 디자인 과정 = 281 
   상단 로고 및 내비게이션 디자인 과정 = 282 
   컨텐츠 영역 디자인 과정 = 283
   메인 컨텐츠의 영역 구분 = 284
   2차 서브 컨텐츠 영역 디자인 과정 = 285 
   풋터 및 기타 작업 = 286
  02 메인 메뉴를 따라 바뀌는 이미지 내비게이션｜내비게이션 07 = 288
  03 빛이 랜덤하게 퍼지는 효과의 애니메이션｜애니메이션 03 = 300
  04 다중 마스크를 활용한 세련된 장면 전환 기법｜마스크 04 = 308
  05 setMask 액션을 사용한 무빙 마스크 기법｜마스크 05 = 314
  〈실무 노트〉플래시 무비의 배경을 투명하게 = 331
다섯째마당 쇼핑몰 사이트 프로젝트
 07 단품 전문 쇼핑몰 사이트 프로젝트｜중급 = 335
  01 단품 쇼핑몰 템플릿 디자인 작업 과정 = 337
   레이아웃의 기본 면 분할 = 337
   메인 그래픽 영역 디자인 과정 = 338
   로그인 폼과 메뉴 내비게이션 = 339
   기타 상단 영역 부분 = 339
   서브 컨텐츠 영역 디자인 작업 = 340
   메인 컨텐츠 영역 디자인 작업 = 341
   오른쪽 영역 활용 = 342
   풋터 영역 작업 및 마무리 작업 = 342
  02 색다른 방식의 독특한 마스크 기법｜마스크 06 = 344
  03 자연스럽게 서브 메뉴가 나타나는 투명 효과 내비게이션｜내비게이션 08 = 354
  04 롤링되다가 방향이 자동으로 바뀌는 광고 이미지 내비게이션｜내비게이션 09 = 364
  05 마우스의 위치를 표시하는 화살표 오브젝트｜버튼 02 = 372
  〈실무 노트〉웹 사이트의 플래시에서 필요 없는 빠른 메뉴 지우기 = 383
 08 종합 쇼핑몰 사이트 프로젝트｜중급 = 385
  01 종합 쇼핑몰 템플릿 디자인 작업 과정 = 387
   레이아웃의 기본 면 분할 = 387
   대분류 A영역 디자인 과정 = 389
   두 개의 면을 구분하는 매개체 = 392
   대분류 B영역 디자인 과정 = 393
   풋터 영역 작업 및 마무리 작업 = 395
   쇼핑몰 구축 전에 준비해야 할 사항 = 396
  02 윈도우 형태로 나타나는 서브 메뉴 내비게이션｜내비게이션 10 = 397
  03 공간을 효율적으로 활용하는 탭 개념의 버튼｜버튼 03 = 416
  04 부가 설명 풍선 도움말과 이미지 교체 버튼｜버튼 04 = 428
  05 사용자가 직접 마우스로 드래그해 옮기는 버튼 바｜마우스 03 = 439
  06 랜덤 & 버튼 제어 롤링 내비게이션｜내비게이션 11 = 443
여섯째마당 여행사 사이트 프로젝트 
 09 전문 여행 상품 사이트 프로젝트｜초중급 = 459 
  01 전문 여행 사이트 템플릿 디자인 작업 과정 = 461
   타깃 설정 및 컨셉 결정 = 461
   레이아웃의 기본 면 분할 = 462
   메인 그래픽 영역 디자인 과정 = 463
   메인 내비게이션 = 464
   기타 상단 영역 부분 = 465
   메인 컨텐츠 영역 디자인 과정 = 466 
   풋터 영역 및 마무리 작업  = 467
  02 마우스에 반응해 확대되는 버튼 속 무비클립｜버튼 05 = 469
  03 서브 메뉴와 그래픽이 슬라이드딩되는 장면 전환 내비게이션｜내비게이션 12 = 475
  04 자연스럽게 크기와 색상이 변하는 모션 버튼｜버튼 06 = 496
  05 다른 버튼에 반응하여 변하는 버튼｜버튼 07 = 509
 10 종합 여행 상품 사이트 프로젝트｜중급 = 519
  01 종합 여행 상품 사이트 템플릿 디자인 작업 과정 = 521
   레이아웃의 기본 면 분할 = 521
   세부 면 분할 = 522
   메인 그래픽 영역 디자인 과정 = 523
   상단 로고 및 내비게이션 영역 작업 = 524
   1차 메인 컨텐츠 영역 = 525
   메인 컨텐츠 영역의 구분 = 526
   2차 메인 컨텐츠 영역 = 526
   서브 컨텐츠 영역 작업 = 527
   풋터 영역 및 기타 작업 = 527
  02 은은하게 반짝이는 네온 사인 텍스트 효과｜텍스트 03 = 529 
  03 비행기 오브젝트로 선택 메뉴를 표시하는 내비게이션｜내비게이션 13 = 534
  04 하늘을 날아오는 섬세한 텍스트 애니메이션｜텍스트 04 = 544
  〈실무 노트〉가이드라인 텍스트 애니메이션 활용하기 = 555
  05 숨어 있다 나타나는 탭 내비게이션｜내비게이션 14 = 556
  06 사진의 분위기를 살려주는 베일 애니메이션｜애니메이션 04 = 563
  〈실무 노트〉멋진 플래시 무비를 내 컴퓨터에 저장하기 = 569
일곱째 마당 사운드 편집 프로그램
 11 사운드포지(Sound Forge) = 573
  컴퓨터 음악의 종류 = 573
  01 사운드포지에서 사운드 소스 녹음하기 = 576
  02 사운드포지에서 파일 포맷 변환하고 용량 줄이기 = 583
  03 사운드포지를 활용한 사운드 편집 기법 익히기 = 591
  04 스튜디오에서 녹음된 음악을 라이브 음반으로 만들기 = 604
 12 골드웨이브(Gold Wave) = 611
  프로그램 살펴보기 = 611
  메뉴 바 살펴보기 = 612 
  효과 도구 바 살펴보기 = 613
  01 골드웨이브를 활용한 사운드 편집 기법 익히기 = 614
찾아보기 = 628