• 컴퓨터/IT > 컴퓨터그래픽 > 그래픽일반/자료집

2013/4 컴퓨터/IT 7위 | 현재 컴퓨터/IT 97위 |

• [시리즈] 정보문화사 실력이 탐나는 시리즈 [17]

출판사 리뷰

출판사 서평 “탐나는 웹 사이트 제작을 위한 드림위버 CS5의 완벽 사용법!” 드림위버는 ‘드림(Dream)’과 ‘위버(Weaver)’가 조합된 단어로 ‘꿈을 짜는 기구’라고 해석할 수 있습니다. 여기서 꿈이란 웹 사이?트 즉, 홈페이지를 뜻하는 것으로, 드림위버는 홈페이지를 제작하는 최강의 기능을 보유하고 있는 웹 저작 도구입니다. 드림위버는 위지윅 방식의 편집 창과 더불어 코드를 직접 입력할 수 있는 코드 편집 창이 제공되는 웹 저작 도구로서, 세계적으로 많은 사용자를 확보하고 있는 프로그램입니다. 특히, 드림위버 CS5 버전은 CSS 레이... “탐나는 웹 사이트 제작을 위한 드림위버 CS5의 완벽 사용법!” 드림위버는 ‘드림(Dream)’과 ‘위버(Weaver)’가 조합된 단어로 ‘꿈을 짜는 기구’라고 해석할 수 있습니다. 여기서 꿈이란 웹 사이트 즉, 홈페이지를 뜻하는 것으로, 드림위버는 홈페이지를 제작하는 최강의 기능을 보유하고 있는 웹 저작 도구입니다. 드림위버는 위지윅 방식의 편집 창과 더불어 코드를 직접 입력할 수 있는 코드 편집 창이 제공되는 웹 저작 도구로서, 세계적으로 많은 사용자를 확보하고 있는 프로그램입니다. 특히, 드림위버 CS5 버전은 CSS 레이아웃 기능, 비활성화를 이용한 주석 처리 기능, CS Live를 이용한 온라인 서비스 기능, 간략화된 사이트 정의 기능, 라이브 뷰 내비게이션 기능과 같은 새롭고 강화된 기능으로 웹 종사자들에게 주목 받고 있습니다. 는 웹에 관련된 직업을 갖길 원하거나 스스로 웹페이지를 만들어내고 싶어 하는 사람을 대상으로 드림위버 CS5의 사용법을 친절하고 완벽하게 소개합니다. 시리즈의 체계적인 구성 방식으로 실전에 완벽하게 대비할 수 있도록 하였으며, 드림위버를 학습하는 데 있어 필요한 HTML과 CSS의 기초적인 내용과 그누보드, 고도몰 솔루션 등 실전 웹 사이트를 위한 다양한 연계 프로그램의 활용법에 대해서도 소개합니다. 웹 저작에 관련한 여러 권의 책을 학습하는 것이 부담스러워 중도에 포기했다거나 시작도 하지 못했다면, 이 책 한권으로 웹 저작의 기초부터 실전 테크닉까지 단계적으로 확실하게 배울 수 있습니다. 독자 타깃 ■ 전문적인 웹디자이너를 꿈꾸는 웹디자이너 지망생 ■ 웹 프로그래밍, 웹 기획 등 웹 관련 업무를 하는 웹 종사자 ■ 천편일률적인 블로그에서 벗어나 개성 넘치는 개인 웹사이트를 갖고 싶어 하는 일반인 ■ 웹 제작의 표준 도구, 드림위버를 체계적으로 익힐 수 있는 실전 대비 입문서! 웹 종사자라면 반드시 익혀야 하는 드림위버를 체계적으로 학습할 수 있는 입문서입니다. 수준 높은 예제들로 구성되어 있어 실전에 완벽하게 대비할 수 있습니다. ■ 디자인 편집 작업부터 웹 표준 코딩까지 아우르는 웹 제작 기법의 모든 것 소개! 디자인 편집 모드에서의 작업부터 웹 제작에 필수 요소인 HTML, CSS의 코딩 방법뿐만 아니라 최근 들어 각광받고 있는 웹 표준에 대해서도 설명합니다. 또한, XHTML과 CSS, 그리고 HTML5에 대한 특징과 구현 방법에 대해서도 소개합니다. ■ 실전 웹 사이트를 위한 다양한 연계 프로그램의 활용법 소개! 드림위버 CS5를 이용하여 제작한 웹 문서를 실전에 활용할 수 있도록 다양한 연계 프로그램의 활용법을 알려줍니다. 그누보드를 통한 게시판 사이트와 고도몰 솔루션을 통한 쇼핑몰 페이지의 제작 과정을 살펴볼 수 있습니다. 장별 요약 Chapter 01 업계를 선도하는 웹 사이트 제작 툴, 드림위버 CS5와의 첫 만남 드림위버는 홈페이지 저작 도구로 홈페이지를 처음 제작하는 초보자부터 블로그와 같은 CMS 기반의 제작 프로그램까지 전반적으로 다룰 수 있는 고급 사용자도 만족시킬 만한 막강한 기능을 가집니다. Chapter 01에서는 이러한 드림위버 CS5에 대한 신기능과 함께 설치와 실행 과정, 사이트 정의, 작업 레이아웃 구성 요소와 같이 기본적으로 알아야 할 주요 기능에 대해 알아봅니다. Chapter 02 웹 문서에 텍스트, 이미지, 멀티미디어 파일 삽입하기 화면에 표시되는 형태 그대로 문서로 만들어지는 위지윅(WYSIWYG) 방식을 제공하는 드림위버의 문서 편집 창을 이용하면, 웹 페이지에 삽입되는 텍스트, 이미지, 멀티미디어 무비와 같은 콘텐츠를 빠르고 직관적으로 확인할 수 있어 편집에 용이합니다. Chapter 02에서는 웹 문서에 기본적인 콘텐츠를 삽입하고 편집하는 방법에 대해 알아봅니다. Chapter 03 다양한 하이퍼링크 기능으로 웹 문서 연결하기 웹 문서 안의 텍스트, 이미지 등에 마우스 포인터를 가져가면 손가락 모양으로 형태가 변경되고, 클릭하면 새로운 웹 사이트로 이동되거나 파일을 다운로드 받을 수 있는 대화상자가 표시되거나 메일을 보낼 수 있는 프로그램이 실행됩니다. 이러한 기능을 담당하는 하이퍼링크는 웹사이트에서 문서와 문서를 연결해주는 중요한 역할을 합니다. Chapter 03을 통해 하이퍼링크에 관련된 기초적인 사용법부터 응용까지 함께 알아보겠습니다. Chapter 04 테이블 기능으로 데이터 정리와 문서 레이아웃 구현하기 셀, 행, 열로 구성되어 있는 테이블은 한눈에 데이터를 확인할 수 있도록 정리하는 용도 외에도 이미지, 텍스트, 플래시 무비와 같은 멀티미디어 요소를 상하좌우로 배치하는 레이아웃 구성의 용도로도 사용됩니다. Chapter 04에서는 테이블의 기본 삽입과 편집 방법에 대해 알아보고, [PROPERTIES] 패널을 이용하여 자유롭게 꾸미는 방법에 대해서도 살펴봅니다. Chapter 05 스타일시트로 세련된 웹 문서 디자인하기 홈페이지의 디자인을 유연하게 조정할 수 있으며 정확하게 구현할 수 있는 ‘CSS(Cascading Style Sheets)’는 홈페이지 제작에 있어 중요한 요소입니다. CSS를 이용하면 홈페이지의 실제 내용과 서식 디자인을 분리시킬 수 있어 소스를 간결하며 효율적으로 관리할 수 있고, 빠른 업데이트를 할 수 있습니다. Chapter 05에서는 CSS의 다양한 선택자 등록과 관련된 속성을 이용하여 문서를 디자인해 봅니다. Chapter 06 AP Div로 자유로운 문서 레이아웃 구현하기 AP Div는 투명한 별도의 문서 편집 창으로써, AP Div 안에는 텍스트, 이미지, 멀티미디어, 테이블과 같은 오브젝트를 삽입할 수 있고, 자유롭게 드래그앤드롭할 수 있으며, 좌표 값을 통해 이동시킬 수 있고, 여러 AP Div를 삽입하여 중첩할 수도 있습니다. Chapter 06에서는 이러한 AP Div의 특징을 이용하여 문서에 원하는 형태로 AP Div를 삽입하여 배치시키고, 관련된 비헤이비어 기능과 연계하여 서브 메뉴 표시, 팝업 창 표시 효과와 같은 동적인 기능을 구현해 봅니다. Chapter 07 회원 가입, 로그인, 게시판에 사용되는 폼 문서 만들기 인터넷 뱅킹, 쇼핑몰, 영화 예매, 카페, 블로그, 미니 홈피와 같은 웹사이트를 이용하다 보면 사용자가 직접 텍스트를 입력하거나 목록을 선택하여 자료를 전달하는 형태의 폼 문서를 자주 접하게 됩니다. Chapter 07에서는 이러한 폼 문서를 구성하는 요소들에는 어떤 것들이 있는지 알아보고 폼 문서를 제작하고 편집하는 방법에 대해서도 살펴봅니다. Chapter 08 프레임, 아이프레임, 템플릿으로 홈페이지 제작하기 두 개 이상의 문서를 한 화면에 배치하는 프레임 구조, 다른 문서를 테이블이나 이미지처럼 가로와 세로 크기를 지정하여 삽입하는 아이프레임, 레이아웃을 고정 포맷 문서로 등록한 후 편집 가능 영역만 내용을 교체하는 템플릿 등을 사용하여 문서를 만들고 하이퍼링크와 타깃을 지정하는 과정에 대해 알아봅니다. Chapter 09 비헤이비어, 롤오버 이미지, 점프 메뉴로 이벤트에 따라 동적 효과 내기 비헤이비어는 자바스크립트를 이용하여 팝업 창, 이미지 교체, 속성 변경과 같은 동적인 효과를 문서에 추가할 수 있는 기능입니다. 코드 편집 창에 소스를 직접 입력하지 않아도 비헤이비어 기능을 이용하면 관련된 패널과 대화상자를 설정하는 것으로 쉽고 빠르게 구현할 수 있습니다. Chapter 09에서는 이미지와 텍스트만으로 이루어진 웹 문서를 다이내믹하게 꾸미는

목차
CHAPTER 01 업계를 선도하는 웹 사이트 제작 툴, 드림위버 CS5와의 첫 만남
UNIT 01 새로워진 드림위버 CS5 살펴보고 내 컴퓨터에 설치하기
|간략개요| 드림위버 CS5의 새로운 기능 알아보기
|간단실습| 드림위버 CS5의 시험 버전 다운로드 받기
|간단실습| 내 컴퓨터에 드림위버 CS5 시험 버전 설치하기
|TIP| 드림위버 CS5 설치를 위한 컴퓨터 사양 알아보기
UNIT 02 드림위버 CS5의 화면 구성 이해하고 사용자 작업 환경 설정하기
|간략개요| 드림위버 CS5의 화면 구성과 레이아웃, 뷰 모드 살펴보기
|간단실습| 드림위버 CS5의 편집 모드 살펴보고 레이아웃 조정하기
|TIP| 시작 페이지 대화상자(Welcome Screen) 살펴보기
|간단실습| 드림위버 CS5의 패널 분리/병합/이동하기
UNIT 03 웹 사이트 제작을 위한 사이트 정의와 폴더/파일 관리하기
|간략개요| 사이트 정의의 필요성 이해하기
|간단실습| 예제 파일 폴더로 사이트 정의하기
|TIP| 정의한 사이트 수정하기
|간단실습| 새로운 파일과 폴더 생성하고 열기
|TIP| [FILES] 패널을 이용하여 파일 열기
|TIP| [Welcome Screen] 대화상자를 이용하여 새 파일 만들기
|TIP| 최근 작업한 파일 열기
UNIT 04 화면 조정 기능 살펴보고 웹브라우저에서 문서 확인하기
|간략개요| 문서 편집에 도움을 주는 화면 조정 기능 알아보기
|간단실습| 라이브 뷰 모드와 웹브라우저에서 문서 확인하고 확대/축소/패닝하기
|간단실습| 안내선과 격자 사용하기
|TIP| 휴대용 장치에서 페이지 미리 보기
|POWER UNIT| 라이브 뷰 내비게이션 막대 이용하기
CHAPTER 02 웹 문서에 텍스트, 이미지, 멀티미디어 파일 삽입하기
UNIT 01 텍스트 문단 입력하고 문서 환경 설정하기
|간략개요| 텍스트 문단 입력 방법과 환경 설정 방법 익히기
|간단실습| 문단 편집하고 목록 문단 만들기
|TIP| 카피라이트 기호(ⓒ) 입력하기
|TIP| 키보드를 이용한 특수 문자 입력하기
|간단실습| 문서 전체의 텍스트 스타일과 배경, 여백 설정하기
|TIP| [Page Properties] 대화상자의 세부 옵션 살펴보기
|TIP| 텍스트와 관련된 [PROPERTIES] 패널의 세부 옵션 살펴보기
|POWER UNIT| 목록 문단의 기호 변경하기
UNIT 02 이미지 삽입하고 편집하기
|간략개요| 웹 문서에 삽입할 수 있는 웹용 이미지 포맷 이해하기
|간단실습| 이미지 삽입하고 관련 속성 설정하기
|TIP| 이미지의 정렬을 위한 [Align] 속성 값 살펴보기
|간단실습| 삽입한 이미지의 크기 조정하고 보정하기
|TIP| 이미지에서 필요한 부분만 자르기
|TIP| 이미지와 관련된 [PROPERTIES] 패널 살펴보기
|POWER UNIT| 포토샵 프로그램과 연계하여 이미지 편집하기
UNIT 03 플래시 무비와 사운드 파일 삽입하기
|간략개요| 플래시 무비와 사운드 파일의 종류 알아보기
|간단실습| 플래시 무비 삽입하고 속성 설정하기
|TIP| 플래시 무비와 관련된 [PROPERTIES] 패널 살펴보기
|간단실습| 사운드 파일 삽입하고 속성 설정하기
|TIP| 플러그인과 관련된 [PROPERTIES] 패널 살펴보기
|POWER UNIT| 플래시 비디오(FLV) 파일 변환하고 삽입하기
활|용|실|습
CHAPTER 03 다양한 하이퍼링크 기능으로 웹 문서 연결하기
UNIT 01 텍스트와 이미지에 하이퍼링크 지정하기
|간략개요| 다양한 하이퍼링크 지정과 타깃 이해하기
|간단실습| 텍스트와 이미지에 하이퍼링크 지정하기
|간단실습| 하이퍼링크 텍스트 스타일 변경하기
|TIP| [Page Properties] 대화상자의 [Links[CSS]] 카테고리 살펴보기
UNIT 02 네임 앵커로 하이퍼링크 지정하기
|간략개요| 네임 앵커 이해하기
|간단실습| 문서 최상단으로 자동 이동하는 네임 앵커 지정하기
|간단실습| 지정한 위치로 자동 이동하는 네임 앵커 기능 활용하기
|TIP| 다른 문서에 지정된 네임 앵커 위치 삽입하기
UNIT 03 이미지 맵으로 하이퍼링크 지정하기
|간략개요| 이미지 맵 기능 이해하기
|간단실습| 이미지 맵으로 하이퍼링크 지정하기
|TIP| 지정된 이미지 맵 영역 편집하기
|간단실습| 다른 문서에 이미지 맵 복사하여 사용하기
활|용|실|습
CHAPTER 04 테이블 기능으로 데이터 정리와 문서 레이아웃 구현하기
UNIT 01 테이블 삽입하고 셀 편집하기
|간략개요| 테이블의 구성 요소 이해하기
|간단실습| 테이블 삽입하고 데이터 입력하기
|TIP| [Table] 대화상자 살펴보기
|TIP| 삽입된 테이블의 행 수와 열 수 변경하기
|간단실습| 삽입된 테이블의 셀 편집하기
|TIP| [INSERT] 패널을 이용한 행과 열 추가하?
|TIP| 셀 나누기
|POWER UNIT| 테이블과 셀의 다양한 선택 방법 익히기
|POWER UNIT| 셀 크기를 ‘%’, ‘px’ 단위로 변경 및 삭제하기
UNIT 02 테이블과 셀 꾸미기
|간략개요| 테이블과 셀에 관련된 속성 알아보기
|간단실습| 테이블과 셀에 관련된 여백 설정과 정렬 지정하기
|TIP| 테이블에 관련된 [PROPERTIES] 패널 살펴보기
|TIP| 셀에 관련된 [PROPERTIES] 패널 살펴보기
|간단실습| 셀의 배경 색상과 입력 텍스트의 속성 변경하기
|POWER UNIT| 텍스트 파일을 테이블 구조로 변환하기
|TIP| 드림위버에서 임포트한 텍스트 형식의 파일 구조 살펴보기
|POWER UNIT| 엑셀 파일을 테이블 구조로 변환하기
UNIT 03 테이블을 이용한 레이아웃 구현하기
|간략개요| 테이블을 이용한 레이아웃 구성 작업 이해하기
|간단실습| 테두리가 없는 테이블을 이용한 레이아웃 구현하기
|간단실습| 셀 배경 이미지 지정과 중첩 테이블을 이용한 레이아웃 구현하기
|POWER UNIT| 확장 테이블 모드(Expanded Tables Mode)를 이용하여 테이블 편집하기
활|용|실|습
CHAPTER 05 스타일시트로 세련된 웹 문서 디자인하기
UNIT 01 클래스 정의하고 적용하기
|간략개요| CSS 이해하고 클래스 선택자의 특징 알아보기
|간단실습| 클래스 방식의 선택자 정의와 적용하기
|TIP| [CSS STYLES] 패널 살펴보기
|TIP| [CSS Rule definition] 대화상자의 [Type] 카테고리 살펴보기
|간단실습| 정의된 클래스 선택자의 속성 변경하기
|TIP| [CSS Rule definition] 대화상자의 [Background] 카테고리 살펴보기
|TIP| [CSS Rule definition] 대화상자의 [Box] 카테고리 살펴보기
|TIP| [CSS Rule definition] 대화상자의 [Border] 카테고리 살펴보기
UNIT 02 아이디 방식의 선택자 등록하고 적용하기
|간략개요| 아이디 방식의 선택자 특징 알아보기
|간단실습| 테이블에 ID 정의하고 디자인하기
|간단실습| DIV 태그에 ID 정의하고 디자인하기
UNIT 03 태그 재정의 방식으로 CSS 적용하기
|간략개요| 태그 재정의 방식의 선택자 특징 알아보기
|간단실습| BODY 태그에 CSS 적용하기
|간단실습| 목록 문단 관련 태그에 CSS 적용하기
|TIP| [CSS Rule definition] 대화상자의 [List] 카테고리 살펴보기
|POWER UNIT| 인라인 방식으로 CSS 적용하기
UNIT 04 롤오버 텍스트 하이퍼링크 메뉴 만들기
|간략개요| 텍스트 하이퍼링크를 위한 선택자 이해하기
|간단실습| 상태 변화에 따라 디자인이 변경되는 텍스트 하이퍼링크 구현하기
|간단실습| 컴파운드 선택자를 이용한 다중 텍스트 하이퍼링크 메뉴 구현하기
UNIT 05