- 현재 위치
- home > 컴퓨터·ICT·어학 > 컴퓨터·IT 도서 > 웹사이트 > 드림위버CS6(CD1장포함)(스마트 시리즈 8)[성안당]
;)
『드림위버CS6: 스스로 마스터하는 트레이닝 북』은 어도비에서 개발한 홈페이지 제작용 프로그램인 드림위버를 워드프로세서 프로그램을 이용해 문서를 제작하듯 쉽게 만들 수 있도록 안내한 책이다. CS6버전에서는 웹 표준을 위한 다양한 기능과 제이쿼리 모바일, 자바스크립트 등을 지원하고 반응형 웹디자인을 제작할 수 있는 기능이 추가되었다. 이 책은 기능정리->실습과정->응용실습으로 수록하여 꼼꼼하게 학습할 수 있도록 하였으며 각 프로그램의 최중요 기능을 우선적으로 구성하였다. 또한, 혼자서도 습득할 수 있도록 부가적 요소를 강화하였고, 현장 업무를 대비할 수 있도록 실전프로젝트를 수록 하였다.
저자: 김태균
PART 01 드림위버 CS6 기본기 익히기
SECTION 01 드림위버 CS6 시작하기
|기능 정리| 드림위버 이해하고 특징 살펴보기
|실습 과정| 드림위버 CS6 시험 버전 설치하고 실행하기
SECTION 02 드림위버의 편집 화면 조정하고 사이트 정의하기
|기능 정리| 드림위버 CS6의 화면 구성 알아보기
|실습 과정| 웹사이트 제작을 위한 사이트 정의하기
|실습 과정| 편집 화면 조정 기능 알아보기
|실습 과정| 웹브라우저 연결하여 문서 미리 보기
특집. 디자인 편집 창과 코드 편집 창의 폰트 스타일 설정하기
PART 02 다양한 콘텐츠로 웹 문서 완성하기
SECTION 01 텍스트와 이미지 삽입하고 편집하기
|기능 정리| 텍스트와 이미지 삽입하고 편집 속성 알아보기
|실습 과정| 다양한 텍스트 삽입하고 편집하기
|실습 과정| 웹용 이미지 삽입하고 편집하기
SECTION 02 테이블 삽입하고 편집하기
|기능 정리| 테이블 삽입 방법과 속성 패널 알아보기
|실습 과정| 테이블 삽입하고 내용 입력하기
|실습 과정| 테이블 편집하기
SECTION 03 폼 문서와 관련된 콘텐츠 삽입하기
|기능 정리| 폼과 관련된 컨트롤 요소와 속성 알아보기
|실습 과정| 폼 정의하고 입력 필드 삽입하기
|실습 과정| 선택 관련 폼 컨트롤 요소 삽입하기
특집. 플래시 무비 삽입하기
응용실습
PART 03 하이퍼링크 지정하고 문서 환경 설정하기
SECTION 01 다양한 하이퍼링크 설정으로 문서 연결하기
|기능 정리| 하이퍼링크 지정 방법과 관련 속성 알아보기
|실습 과정| 텍스트와 이미지에 하이퍼링크 지정하기
|실습 과정| 네임 앵커로 특정 위치 탐색하기
|실습 과정| 이미지맵 사용하기
SECTION 02 문서 환경 설정하기
|기능 정리| 문서 환경 설정과 관련된 속성 알아보기
|실습 과정| 문서 여백과 타이포그래피 속성 지정하기
|실습 과정| 하이퍼링크 스타일 지정하기
특집. 아이프레임 삽입하고 하이퍼링크 지정하기
응용실습
PART 04 CSS로 콘텐츠 디자인하고 애니메이션 만들기
SECTION 01 선택자를 이용하여 문서 전체 스타일과 콘텐츠 디자인 변경하기
|기능 정리| CSS 이해하고 기본 선택자 익히기
|실습 과정| 태그 선택자 등록과 적용하기
|실습 과정| 아이디 선택자 등록과 적용하기
|실습 과정| 클래스 선택자 등록과 적용하기
SECTION 02 상태 변화 및 위치와 관련된 선택자 등록하고 콘텐츠 디자인 변경하기
|기능 정리| 슈도 클래스, 슈도 엘리먼트, 자손 선택자 알아보기
|실습 과정| 자손 선택자 등록과 적용하기
|실습 과정| 하이퍼링크와 관련된 선택자 등록으로 메뉴 만들기
특집. 첫 줄과 첫 문자 디자인하기
SECTION 03 CSS3 트랜지션 기능으로 애니메이션 만들기
|기능 정리| CSS3 트랜지션 이해하고 관련 패널 알아보기
|실습 과정| 가로로 늘어나는 다이내믹 롤오버 메뉴 만들기
|실습 과정| 확장 축소되는 패널 애니메이션 만들기
SECTION 04 CSS로 텍스트, 목록 문단, 이미지의 디자인 변경하기
|기능 정리| CSS로 변경한 디자인의 활용 예제 알아보기
|실습 과정| CSS로 목록 문단 디자인 변경하기
|실습 과정| CSS로 이미지에 프레임 디자인 적용하기
|실습 과정| CSS로 텍스트의 외곽선 디자인하기
SECTION 05 CSS로 폼, 테이블, 하이퍼링크의 디자인 변경하기
|기능 정리| CSS로 변경한 디자인의 활용 예제 알아보기
|실습 과정| CSS로 롤오버 하이퍼링크 만들기
|실습 과정| CSS로 클릭 시 색상 변경되는 입력 상자 만들기
|실습 과정| CSS로 롤오버 시 셀 색상이 변경되는 테이블 만들기
응용실습
PART 05 CSS 관련 속성으로 다양한 레이아웃 구현하기
SECTION 01 레이아웃과 관련된 CSS 속성 사용하기
|기능 정리| CSS 레이아웃과 관련된 속성 알아보기
|실습 과정| 플로우트 속성을 이용한 다단 레이아웃 구현하기
|실습 과정| 디스플레이 속성을 이용한 콘텐츠 타입 변경하기 1
|실습 과정| 디스플레이 속성을 이용한 콘텐츠 타입 변경하기 2
SECTION 02 포지션 속성을 이용한 레이아웃 만들기
|기능 정리| 포지션과 관련된 CSS 속성 알아보기
|실습 과정| 고정 포지션 속성을 이용한 좌표 값 지정 레이아웃 구현하기
|실습 과정| 절대 포지션 속성을 이용한 좌표 값 지정 레이아웃 구현하기
SECTION 03 CSS 샘플 레이아웃을 이용한 웹 문서 만들기
|기능 정리| 드림위버에서 제공하는 CSS 샘플 레이아웃 알아보기
|실습 과정| 샘플 레이아웃 선택하고 관련 파일 저장하기
|실습 과정| 문서 내용 교체 편집하기
|실습 과정| 전체 레이아웃 디자인 변경하기
|실습 과정| 구성 요소 디자인 변경하기
응용실습
PART 06 비헤이비어와 스프라이 위젯 기능으로 동적 효과 적용하기
SECTION 01 비헤이비어 기능으로 다양한 동적 효과 구현하기
|기능 정리| 비헤이비어 특징 이해하고 적용 및 편집 과정 알아보기
|실습 과정| Swap Image 비헤이비어로 롤오버 갤러리 만들기
|실습 과정| Show-Hide Element 비헤이비어로 특정 위치에 팝업 창 띄우고 닫기
특집. 롤오버 메뉴 삽입하기
|실습 과정| Popup Message 비헤이비어로 클릭 시 메시지 창 띄우기
|실습 과정| Call Javascript 비헤이비어로 클릭 시 웹브라우저 창 닫기
|실습 과정| Call Javascript 비헤이비어로 인쇄 버튼 만들기
|실습 과정| Open Browser Window 비헤이비어로 특정 크기로 창 띄우기
특집. Jump Menu 기능으로 클릭 시 늘어나는 메뉴 삽입하기
|실습 과정| 폼 버튼에 Go To URL 비헤이비어로 하이퍼링크 지정하기
|실습 과정| Validate Form 비헤이비어로 폼 컨트롤 요소의 유효성 검사하기
|실습 과정| Set Text 비헤이비어로 메시지 변경하기
특집. Set Text 비헤이비어로 텍스트 필드 입력 글자 변경하기
|실습 과정| Drag AP Element 비헤이비어로 드래그가 가능한 박스 만들기
|실습 과정| Change Property 비헤이비어로 이벤트에 따라 속성 값 변경하기
|실습 과정| Effect 비헤이비어로 이미지에 페이드 애니메이션 효과 적용하기
SECTION 02 다양한 스프라이 위젯으로 동적 내비게이션과 탭 패널 만들기
|기능 정리| 스프라이 위젯 특징 알아보기
|실습 과정| 스프라이 메뉴 바 위젯 삽입하고 편집하기
|실습 과정| 스프라이 탭 패널 위젯 삽입하고 편집하기
응용실습
PART 07 웹 출판하고 게시판 구현하기
SECTION 01 웹 계정 서비스 신청하고 웹 출판하기
|기능 정리| 웹 출판 서비스 알아보기
|실습 과정| 웹 호스팅 서비스 신청하기
|실습 과정| [Files] 패널의 FTP 기능 이용하기
SECTION 02 그누보드 게시판 이용하기
|기능 정리| 그누보드 게시판 알아보기
|실습 과정| 파일질라 FTP 프로그램으로 그누보드 게시판 웹 계정에 설치하기
|실습 과정| 그누보드 그룹 생성하고 웹페이지에 게시판 삽입하기
응용실습
PART 08 모바일 사이트와 앱 제작하기
SECTION 01 플루이드 그리드 레이아웃으로 해상도에 따라 디자인 변경하기
|기능 정리| 플루이드 그리드 레이아웃 기능 이해하기
|실습 과정| 플루이드 그리드 레이아웃 기능을 이용한 반응형 웹페이지 제작하기
|실습 과정| 해상도별 레이아웃 변경하고 결과 확인하기
SECTION 02 제이쿼리 모바일을 이용한 모바일 사이트 제작하기
|기능 정리| 제이쿼리 모바일 이해하고 제이쿼리 모바일 위젯 알아보기
|실습 과정| 제이쿼리 모바일 페이지 제작하고 페이지 추가/연결하기
|실습 과정| 테마 적용하고 하단 푸터 영역의 내비게이션 고정시키기
|실습 과정| 버튼 위젯 삽입하기
|실습 과정| Collapsible Block 위젯 삽입하기
SECTION 03 폰 갭 서비스로 모바일 앱 만들기
|기능 정리| 폰 갭 빌드 서비스 알아보기
|실습 과정| 폰 갭 빌드 계정 가입하고 앱 만들기
|실습 과정| 모바일 기기에서 앱 다운로드/설치 확인하기
응용실습
PART 09 드림위버로 HTML5
SECTION 01 드림위버 CS6 시작하기
|기능 정리| 드림위버 이해하고 특징 살펴보기
|실습 과정| 드림위버 CS6 시험 버전 설치하고 실행하기
SECTION 02 드림위버의 편집 화면 조정하고 사이트 정의하기
|기능 정리| 드림위버 CS6의 화면 구성 알아보기
|실습 과정| 웹사이트 제작을 위한 사이트 정의하기
|실습 과정| 편집 화면 조정 기능 알아보기
|실습 과정| 웹브라우저 연결하여 문서 미리 보기
특집. 디자인 편집 창과 코드 편집 창의 폰트 스타일 설정하기
PART 02 다양한 콘텐츠로 웹 문서 완성하기
SECTION 01 텍스트와 이미지 삽입하고 편집하기
|기능 정리| 텍스트와 이미지 삽입하고 편집 속성 알아보기
|실습 과정| 다양한 텍스트 삽입하고 편집하기
|실습 과정| 웹용 이미지 삽입하고 편집하기
SECTION 02 테이블 삽입하고 편집하기
|기능 정리| 테이블 삽입 방법과 속성 패널 알아보기
|실습 과정| 테이블 삽입하고 내용 입력하기
|실습 과정| 테이블 편집하기
SECTION 03 폼 문서와 관련된 콘텐츠 삽입하기
|기능 정리| 폼과 관련된 컨트롤 요소와 속성 알아보기
|실습 과정| 폼 정의하고 입력 필드 삽입하기
|실습 과정| 선택 관련 폼 컨트롤 요소 삽입하기
특집. 플래시 무비 삽입하기
응용실습
PART 03 하이퍼링크 지정하고 문서 환경 설정하기
SECTION 01 다양한 하이퍼링크 설정으로 문서 연결하기
|기능 정리| 하이퍼링크 지정 방법과 관련 속성 알아보기
|실습 과정| 텍스트와 이미지에 하이퍼링크 지정하기
|실습 과정| 네임 앵커로 특정 위치 탐색하기
|실습 과정| 이미지맵 사용하기
SECTION 02 문서 환경 설정하기
|기능 정리| 문서 환경 설정과 관련된 속성 알아보기
|실습 과정| 문서 여백과 타이포그래피 속성 지정하기
|실습 과정| 하이퍼링크 스타일 지정하기
특집. 아이프레임 삽입하고 하이퍼링크 지정하기
응용실습
PART 04 CSS로 콘텐츠 디자인하고 애니메이션 만들기
SECTION 01 선택자를 이용하여 문서 전체 스타일과 콘텐츠 디자인 변경하기
|기능 정리| CSS 이해하고 기본 선택자 익히기
|실습 과정| 태그 선택자 등록과 적용하기
|실습 과정| 아이디 선택자 등록과 적용하기
|실습 과정| 클래스 선택자 등록과 적용하기
SECTION 02 상태 변화 및 위치와 관련된 선택자 등록하고 콘텐츠 디자인 변경하기
|기능 정리| 슈도 클래스, 슈도 엘리먼트, 자손 선택자 알아보기
|실습 과정| 자손 선택자 등록과 적용하기
|실습 과정| 하이퍼링크와 관련된 선택자 등록으로 메뉴 만들기
특집. 첫 줄과 첫 문자 디자인하기
SECTION 03 CSS3 트랜지션 기능으로 애니메이션 만들기
|기능 정리| CSS3 트랜지션 이해하고 관련 패널 알아보기
|실습 과정| 가로로 늘어나는 다이내믹 롤오버 메뉴 만들기
|실습 과정| 확장 축소되는 패널 애니메이션 만들기
SECTION 04 CSS로 텍스트, 목록 문단, 이미지의 디자인 변경하기
|기능 정리| CSS로 변경한 디자인의 활용 예제 알아보기
|실습 과정| CSS로 목록 문단 디자인 변경하기
|실습 과정| CSS로 이미지에 프레임 디자인 적용하기
|실습 과정| CSS로 텍스트의 외곽선 디자인하기
SECTION 05 CSS로 폼, 테이블, 하이퍼링크의 디자인 변경하기
|기능 정리| CSS로 변경한 디자인의 활용 예제 알아보기
|실습 과정| CSS로 롤오버 하이퍼링크 만들기
|실습 과정| CSS로 클릭 시 색상 변경되는 입력 상자 만들기
|실습 과정| CSS로 롤오버 시 셀 색상이 변경되는 테이블 만들기
응용실습
PART 05 CSS 관련 속성으로 다양한 레이아웃 구현하기
SECTION 01 레이아웃과 관련된 CSS 속성 사용하기
|기능 정리| CSS 레이아웃과 관련된 속성 알아보기
|실습 과정| 플로우트 속성을 이용한 다단 레이아웃 구현하기
|실습 과정| 디스플레이 속성을 이용한 콘텐츠 타입 변경하기 1
|실습 과정| 디스플레이 속성을 이용한 콘텐츠 타입 변경하기 2
SECTION 02 포지션 속성을 이용한 레이아웃 만들기
|기능 정리| 포지션과 관련된 CSS 속성 알아보기
|실습 과정| 고정 포지션 속성을 이용한 좌표 값 지정 레이아웃 구현하기
|실습 과정| 절대 포지션 속성을 이용한 좌표 값 지정 레이아웃 구현하기
SECTION 03 CSS 샘플 레이아웃을 이용한 웹 문서 만들기
|기능 정리| 드림위버에서 제공하는 CSS 샘플 레이아웃 알아보기
|실습 과정| 샘플 레이아웃 선택하고 관련 파일 저장하기
|실습 과정| 문서 내용 교체 편집하기
|실습 과정| 전체 레이아웃 디자인 변경하기
|실습 과정| 구성 요소 디자인 변경하기
응용실습
PART 06 비헤이비어와 스프라이 위젯 기능으로 동적 효과 적용하기
SECTION 01 비헤이비어 기능으로 다양한 동적 효과 구현하기
|기능 정리| 비헤이비어 특징 이해하고 적용 및 편집 과정 알아보기
|실습 과정| Swap Image 비헤이비어로 롤오버 갤러리 만들기
|실습 과정| Show-Hide Element 비헤이비어로 특정 위치에 팝업 창 띄우고 닫기
특집. 롤오버 메뉴 삽입하기
|실습 과정| Popup Message 비헤이비어로 클릭 시 메시지 창 띄우기
|실습 과정| Call Javascript 비헤이비어로 클릭 시 웹브라우저 창 닫기
|실습 과정| Call Javascript 비헤이비어로 인쇄 버튼 만들기
|실습 과정| Open Browser Window 비헤이비어로 특정 크기로 창 띄우기
특집. Jump Menu 기능으로 클릭 시 늘어나는 메뉴 삽입하기
|실습 과정| 폼 버튼에 Go To URL 비헤이비어로 하이퍼링크 지정하기
|실습 과정| Validate Form 비헤이비어로 폼 컨트롤 요소의 유효성 검사하기
|실습 과정| Set Text 비헤이비어로 메시지 변경하기
특집. Set Text 비헤이비어로 텍스트 필드 입력 글자 변경하기
|실습 과정| Drag AP Element 비헤이비어로 드래그가 가능한 박스 만들기
|실습 과정| Change Property 비헤이비어로 이벤트에 따라 속성 값 변경하기
|실습 과정| Effect 비헤이비어로 이미지에 페이드 애니메이션 효과 적용하기
SECTION 02 다양한 스프라이 위젯으로 동적 내비게이션과 탭 패널 만들기
|기능 정리| 스프라이 위젯 특징 알아보기
|실습 과정| 스프라이 메뉴 바 위젯 삽입하고 편집하기
|실습 과정| 스프라이 탭 패널 위젯 삽입하고 편집하기
응용실습
PART 07 웹 출판하고 게시판 구현하기
SECTION 01 웹 계정 서비스 신청하고 웹 출판하기
|기능 정리| 웹 출판 서비스 알아보기
|실습 과정| 웹 호스팅 서비스 신청하기
|실습 과정| [Files] 패널의 FTP 기능 이용하기
SECTION 02 그누보드 게시판 이용하기
|기능 정리| 그누보드 게시판 알아보기
|실습 과정| 파일질라 FTP 프로그램으로 그누보드 게시판 웹 계정에 설치하기
|실습 과정| 그누보드 그룹 생성하고 웹페이지에 게시판 삽입하기
응용실습
PART 08 모바일 사이트와 앱 제작하기
SECTION 01 플루이드 그리드 레이아웃으로 해상도에 따라 디자인 변경하기
|기능 정리| 플루이드 그리드 레이아웃 기능 이해하기
|실습 과정| 플루이드 그리드 레이아웃 기능을 이용한 반응형 웹페이지 제작하기
|실습 과정| 해상도별 레이아웃 변경하고 결과 확인하기
SECTION 02 제이쿼리 모바일을 이용한 모바일 사이트 제작하기
|기능 정리| 제이쿼리 모바일 이해하고 제이쿼리 모바일 위젯 알아보기
|실습 과정| 제이쿼리 모바일 페이지 제작하고 페이지 추가/연결하기
|실습 과정| 테마 적용하고 하단 푸터 영역의 내비게이션 고정시키기
|실습 과정| 버튼 위젯 삽입하기
|실습 과정| Collapsible Block 위젯 삽입하기
SECTION 03 폰 갭 서비스로 모바일 앱 만들기
|기능 정리| 폰 갭 빌드 서비스 알아보기
|실습 과정| 폰 갭 빌드 계정 가입하고 앱 만들기
|실습 과정| 모바일 기기에서 앱 다운로드/설치 확인하기
응용실습
PART 09 드림위버로 HTML5
