• 컴퓨터/IT > 홈페이지/웹디자인 > 웹에디터/저작도구

2013/5 컴퓨터/IT 98위 | 현재 컴퓨터/IT 98위 |

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

출판사 리뷰

출판사 서평 “효율적인 최신 웹 콘텐츠 제작을 위한 최고의 선택, 드림위버 CS6” 드림위버는 웹에 대한 사전 지식이 없는 사용자도 웹페이지를 수월하게 제작할 수 있도록 도와주는 직관적이고 시각적인 인테페이?스를 제공합니다. 또한 태블릿 PC, 데스크톱, 스마트폰과 같은 다양한 플랫폼에 맞추어 멀티스크린 디자인을 해야 하는 웹디자이너와 제이쿼리, 데이터베이스, 웹 프로그래밍, 모바일 앱 등 개발자에게 필요한 최신 기술과 트랜드에 맞추어 웹사이트를 제작할 수 있도록 도와주는 다양한 기능을 제공합니다. 「실력이 탐나는 드림위버 CS6」는 이... “효율적인 최신 웹 콘텐츠 제작을 위한 최고의 선택, 드림위버 CS6” 드림위버는 웹에 대한 사전 지식이 없는 사용자도 웹페이지를 수월하게 제작할 수 있도록 도와주는 직관적이고 시각적인 인테페이스를 제공합니다. 또한 태블릿 PC, 데스크톱, 스마트폰과 같은 다양한 플랫폼에 맞추어 멀티스크린 디자인을 해야 하는 웹디자이너와 제이쿼리, 데이터베이스, 웹 프로그래밍, 모바일 앱 등 개발자에게 필요한 최신 기술과 트랜드에 맞추어 웹사이트를 제작할 수 있도록 도와주는 다양한 기능을 제공합니다. 「실력이 탐나는 드림위버 CS6」는 이렇게 다양하고 폭 넒은 사용자를 보유하고 있는 드림위버의 탁월하고 매력적인 기능을 소개하고 직접 활용할 수 있게 하는 길잡이 역할을 하기 위해 만들어졌습니다. HTML, CSS 중심의 마크업 언어를 이해하고 자바스크립트, 제이쿼리 모바일, 폰갭 등의 활용법을 드림위버와 연계하여 실제 웹사이트 제작에 필요한 기능을 익힐 수 있게 하는 내용을 담았습니다. 웹 표준 방식의 레이아웃으로 구성된 예제와 최신 HTML5, CSS3, 반응형 웹디자인, 모바일 앱, 제이쿼리 모바일 사이트와 같이 급부상하고 있는 기술로 웹 콘텐츠 제작을 효율적이고 손쉽게 완성할 수 있도록 테마별로 구성하였습니다. 드림위버의 새 버전이 출시될 때마다 떨리는 마음과 호기심으로 가득 찼던 많은 드림위버 사용자를 위해 더할 나위 없는 지침서가 되어줄 것입니다.

목차
Chapter 01 최고의 웹사이트 제작 툴, 드림위버 CS6 시작하기
Unit 01 드림위버의 특징 이해하고 화면 구성 알아보기
|간단개요| 드림위버의 특징 이해하고 화면 구성 알아보기
|간단실습| 드림위버 CS6 시험판 설치하고 실행하기
|간단실습| 드림위버 CS6의 편집 모드 살펴보고 레이아웃 조정하기
Unit 02 웹사이트 제작을 위한 사이트 정의하고 웹브라우저에서 결과 확인하기
|간단개요| 사이트 정의와 문서 편집에 도움을 주는 화면 조정 기능 알아보기
|간단실습| 부록 CD의 예제 파일 폴더로 사이트 정의하기
|간단실습| 파일 관리와 라이브 모드 및 다양한 웹브라우저에서 문서 확인하기
Chapter 02 웹 문서에 콘텐츠 삽입하기
Unit 01문서 환경 설정하고 텍스트와 이미지 삽입하기
|간단개요| 문서 환경 설정 방법과 텍스트 및 이미지 삽입 방법 알아보기
|간단실습| 문서 환경 설정하고 제목/일반 문단 편집하기
|간단실습| 목록 문단과 정의 문단 만들기
|간단실습| 이미지 삽입하고 편집하기
Unit 02테이블 삽입하고 셀 편집하기
|간단개요| 테이블 기능 이해하고 관련 속성 알아보기
|간단실습| 테이블 삽입하고 데이터 입력하기
|간단실습| 삽입된 테이블의 셀 편집하기
Unit 03폼 정의하고 폼 컨트롤 요소 삽입하기
|간단개요| 폼 문서 이해하고 폼 컨트롤 요소 알아보기
|간단실습| 폼 정의와 폼 컨트롤 요소 삽입하기
|간단실습| 항목 선택과 관련된 폼 컨트롤 요소 삽입하기
Unit 04하드 코딩으로 HTML 요소 삽입하기
|간단개요| 코딩 환경 설정하고 HTML 구조 및 태그 요소 알아보기
|간단실습| 주석, Heading, P, BR, DIV, EM, STRONG 태그 익히기
|간단실습| OL, UL, LI, DL, DT, DD, HR, IMG, A 태그 익히기
|간단실습| 테이블 태그 익히기
|간단실습| 폼 관련 태그 요소 익히기
|POWER UNIT| 사용자 단축키 설정하기
|활용실습|
Chapter 03 다양한 하이퍼링크, 비헤이비어, 아이프레임으로 웹 문서와 콘텐츠 연결하기
Unit 01텍스트와 이미지에 다양한 하이퍼링크 지정하기
|간단개요| 하이퍼링크 지정과 타깃, 네임 앵커, 이미지 맵 기능 알아보기
|간단실습| 텍스트와 이미지에 하이퍼링크 지정하고 하이퍼링크 스타일 변경하기
|간단실습| 지정한 위치로 자동 이동하는 네임 앵커 기능 활용하기
|간단실습| 이미지 맵으로 하이퍼링크 지정하기
Unit 02아이프레임 삽입하고 하이퍼링크와 타깃 지정하기
|간단개요| 아이프레임의 특징과 구조 알아보기
|간단실습| 저장된 문서를 아이프레임으로 삽입하기
|간단실습| 아이프레임 구조에서의 하이퍼링크와 타깃 지정하기
Unit 03점프 메뉴, 롤오버 이미지, 갤러리 삽입하기
|간단개요| 비헤이비어 이해하고 점프 메뉴, 롤오버 이미지, Go To URL, Swap Image 비헤이비어 알아보기
|간단실습| 이벤트에 따라 이미지가 변경되는 롤오버 이미지 삽입하기
|간단실습| 점프 메뉴 삽입과 폼 버튼에 하이퍼링크 걸기
|간단실습| Swap Image 비헤이비어로 롤오버 갤러리 만들기
Unit 04Open Browser Window, Call Javascript, Show-Hide Element 비헤이비어로 팝업 창 효과 내기
|간단개요| Call Javascript, Open Browser Window, Show-Hide Element 비헤이비어 알아보기
|간단실습| Call Javascript 비헤이비어로 웹브라우저 창 자동 닫기
|간단실습| Open Browser Window 비헤이비어로 팝업 창 표시하기
|간단실습| Show-Hide Element 비헤이비어로 특정 위치에 팝업 창 효과 적용하기
|POWER UNIT| Popup Message 비헤이비어로 경고음과 함께 메시지 창 출력하기
|활용실습|
Chapter 04 CSS로 콘텐츠 디자인하기
Unit 01태그, 아이디, 클래스 선택자 등록하고 CSS 적용하기
|간단개요| CSS 이해하고 태그, 아이디, 클래스 선택자 특징과 적용 방식 알아보기
|간단실습| BODY 태그 요소에 태그 선택자 등록하여 문서 전체의 스타일 지정하기
|간단실습| div 태그 요소에 ID 정의하고 디자인하기
|간단실습| 클래스 정의하고 특정 문단에 CSS 적용하기
|POWER UNIT| [CSS Rule definition] 대화상자 살펴보기
Unit 02슈도 클래스와 슈도 엘리먼트 선택자 등록하고 CSS 적용하기
|간단개요| 슈도 클래스와 슈도 엘리먼트 선택자 특징과 적용 방식 알아보기
|간단실습| 상태 변화에 따라 디자인이 변경되는 하이퍼링크 텍스트 메뉴 구현하기
|간단실습| 문단의 첫 줄 첫 글자에 디자인 적용하기
Unit 03전체, 자손, 그룹 선택자 등록하고 CSS 적용하기
|간단개요| 전체, 컴파운드, 그룹 선택자 특징과 적용 방식 알아보기
|간단실습| 전체 선택자 이용해서 HTML 태그 요소 전체에 디자인 적용하기
|간단실습| 자손 선택자로 영역별 목록과 하이퍼링크 디자인 적용하기
|간단실습| 그룹 선택자로 제목 문단, 정의 문단에 디자인 적용하기
Unit 04외부 CSS 파일에 선택자 등록하여 CSS 적용하기
|간단개요| 외부 CSS 파일 방식의 특징과 적용 과정 알아보기
|간단실습| 외부 CSS 파일로 선택자 등록하여 CSS 적용하기
|간단실습| CSS 파일 연결하여 공통으로 여러 문서에 사용하기
Unit 05하드 코딩으로 CSS 문법 익히고 디자인 적용하기
|간단개요| 위치에 따른 CSS 적용 방식의 이해와 선택자 및 속성과 관련된 문법 알아보기
|간단실습| 인라인 방식으로 CSS 적용하기
|간단실습| style 태그 사용해서 선택자 등록하고 CSS 적용하기
|간단실습| 외부 파일 방식으로 선택자 등록하고 CSS 적용하기
|활용실습|
Chapter 05 CSS 레이아웃 구현하기
Unit 01float와 clear 속성을 이용한 부유 레이아웃 구현하기
|간단개요| CSS 레이아웃 이해하고 부유 레이아웃과 관련된 속성과 관련 값 알아보기
|간단실습| 픽셀 단위로 2단 칼럼 배치하고 디자인 꾸미기
|간단실습| 퍼센트 단위로 3단 칼럼 배치하고 디자인 꾸미기
|간단실습| 좌우 가로로 배치되는 롤오버 탭 메뉴 만들기
Unit 02position 속성을 이용한 레이아웃 배치하기
|간단개요| Position 속성을 이용한 레이아웃 특징과 관련 값 알아보기
|간단실습| 절대 좌표 값으로 지정되는 Absolute Position을 이용한 레이아웃 배치하기
|간단실습| 스크롤에 상관없이 위치를 고정시키는 Fixed Position을 이용한 레이아웃 배치하기
|간단실습| 상대 좌표 값으로 지정되는 Relative Position을 이용한 레이아웃 배치하기
Unit 03display 속성을 이용한 레이아웃 구현하기
|간단개요| display 속성과 관련 값 알아보기
|간단실습| 글자 대신 이미지 대체하기
|간단실습| 롤오버 시 길이가 늘어나는 가로 가변의 내비게이션 만들기
|간단실습| display 속성을 이용한 폼 문서 레이아웃 만들기
Unit 04드림위버에서 제공하는 CSS 레이아웃 기능 이용하기
|간단개요| 샘플 레이아웃을 이용한 문서 제작 과정 알아보기
|간단실습| 샘플 레이아웃 선택하고 내용 입력하기
|간단실습| 전체 레이아웃 디자인 수정하기
|간단실습| 내비게이션과 내용 상자 디자인 수정하기
|간단실습| 모서리가 둥근 탭 메뉴 디자인 수정하기
Unit05템플릿을 이용한 공통 레이아웃 디자인 등록과 적용하기
|간단개요| 템플릿을 이용한 홈페이지 제작 과정 알아보기
|간단실습| 템플릿 페이지 디자인 선택하고 템플릿으로 등록하기
|간단실습| 템플릿 레이아웃 디자인 편집하기
|간단실습| 템플릿 적용하여 문서 제작하기
|간단실습| 템플릿 업데이트하기
|활용실습|
Chapter 06 인클루드, CGI, 웹 출판 서비스 이용하기
Unit 01웹 출판을 위한 웹