• 컴퓨터/IT > 홈페이지/웹디자인 > 웹기획/웹마스터

출판사 리뷰

출판사 서평 웹페이지 제작의 새로운 패러다임을 제시하는 드림위버! 드림위버는 HTML, CSS, 자바스크립트 기반의 웹페이지를 효율적으로 제작할 수 있도록 도와주는 웹 제작 표준 도구입니다. 직관적인 인터페이스?를 이용하여 보다 쉽고 빠르게 다양한 디바이스의 웹 문서를 제작할 수 있어 초보자나 실무자들에게 없어서는 안 될 프로그램으로 자리매김하였습니다. 1. 초급자를 위한 엄선된 핵심 기능 및 예제 수록! 웹페이지 문서 제작에 꼭 필요한 핵심 기능을 중심으로 구성하였습니다. 본문을 통해 이론을 간단하게 학습하고 관련된 예제를 풀어나가... 웹페이지 제작의 새로운 패러다임을 제시하는 드림위버! 드림위버는 HTML, CSS, 자바스크립트 기반의 웹페이지를 효율적으로 제작할 수 있도록 도와주는 웹 제작 표준 도구입니다. 직관적인 인터페이스를 이용하여 보다 쉽고 빠르게 다양한 디바이스의 웹 문서를 제작할 수 있어 초보자나 실무자들에게 없어서는 안 될 프로그램으로 자리매김하였습니다. 1. 초급자를 위한 엄선된 핵심 기능 및 예제 수록! 웹페이지 문서 제작에 꼭 필요한 핵심 기능을 중심으로 구성하였습니다. 본문을 통해 이론을 간단하게 학습하고 관련된 예제를 풀어나가다 보면 초급자도 쉽게 웹 문서를 제작할 수 있습니다. 2. 반응형 웹페이지 문서를 제작할 수 있는 기회! 데스크톱의 특징과 기능을 고려한 웹페이지 제작은 물론 모바일, 태블릿 PC 등 다양한 디바이스 기기의 웹 문서 제작을 위한 과정도 상세히 수록하였습니다. 3. 프로젝트를 통한 실무 학습 제공! 프로젝트는 실무에서 가장 많이 사용되는 기능을 중심으로 구성하였습니다. 실무 예제와 저자의 노하우를 통해 핵심 기능을 자유자재로 응용할 수 있을 뿐 아니라 현장 감각을 익힐 수 있습니다.

목차
PART 01 드림위버 CS6 기초 다지기
Section 01 드림위버 CS6 실행하는 방법 알아보기
| Level UP | 드림위버 CS6 설치를 위한 컴퓨터 사양 알아보기
《Special TIP》 드림위버의 화면 구성 요소 알아보기
Section 02 작업 화면 설정과 편집 모드 변경하기
| Level UP | 드림위버의 인터페이스 설정하기
Section 03 웹 문서 제작을 위한 사이트 정의하기
| Level UP | 정의한 사이트 수정하기
Section 04 파일 관리 알아보기
| Level UP | 디자인 편집 창 확대 및 축소하기
Section 05 크롬 웹브라우저 연결하기
《Special TIP》 드림위버 CS6의 대표적인 특징 알아보기
PART　02 웹 문서 환경 설정과 콘텐츠 삽입하기
Section 01 기본적인 문서 환경 설정하기
| Level UP | [Page Properties] 대화상자 살펴보기
Section 02 텍스트 문단 삽입하고 편집하기
| Level UP | 텍스트 문단과 관련된 [Properties] 패널 알아보기
Section 03 목록 문단 삽입하고 편집하기
Section 04 이미지 삽입하고 편집하기
| Level UP | 이미지와 관련된 [Properties] 패널 알아보기
Section 05 플래시 무비 삽입하기
| Level UP | 플래시 무비와 관련된 [Properties] 패널 알아보기
Section 06 테이블 삽입하고 셀 안에 데이터 입력하기
| Level UP | [Table] 대화상자 알아보기
Section 07 테이블 속성 편집하기
| Level UP | 전체 테이블 선택 시 표시되는 [Properties] 패널 알아보기
Section 08 테이블의 셀 추가 및 삭제와 내용 정렬하기
| Level UP | 테이블 셀과 관련된 [Properties] 패널과 [Insert] 패널 알아보기
Section 09 폼 정의하고 텍스트 필드 삽입하기
Lever UP 텍스트 필드와 텍스트 애리어의 [Properties] 패널 알아보기
Section 10 라디오 버튼과 체크 박스 삽입하기
| Level UP | 체크 박스와 관련된 [Properties] 패널 알아보기
| Level UP | [Radio Group] 대화상자 알아보기
| Level UP | 라디오 버튼과 관련된 [Properties] 패널 알아보기
Section 11 셀렉트 메뉴와 폼 버튼 삽입하기
| Level UP | 셀렉트 메뉴와 관련된 [Properties] 패널 알아보기
| Level UP | 폼 버튼과 관련된 [Properties] 패널 알아보기
Section 12 하드 코드-주석문과 제목 관련 태그 익히기
《Special TIP》 HTML 기본 구조와 명령문 규칙, 주석문, heading 태그 알아보기
Section 13 하드 코드-텍스트 관련 태그 익히기
《Special TIP》 문단과 관련된 다양한 태그 알아보기
Section 14 하드 코드-목록 문단 관련 태그 익히기
《Special TIP》 목록 문단과 관련된 태그 알아보기
Section 15 하드 코드-이미지 관련 태그 익히기
| Level UP | img 태그 알아보기
Section 16 하드 코드-테이블 관련 태그 익히기
《Special TIP》 테이블 삽입과 관련된 태그 알아보기
Section 17 하드 코드-폼 관련 태그 익히기(1)
《Special TIP》 form, input, textarea, select, option 태그 알아보기
Section 18 하드 코드-폼 관련 태그 익히기(2)
《Special TIP》 마크업 작업을 위한 드림위버의 다양한 편집 기능 알아보기
PART　03 하이퍼링크 기능으로 문서 연결하기
Section 01 텍스트와 이미지에 하이퍼링크 지정하기
| Level UP | 하이퍼링크 삭제하기
Section 02 텍스트 하이퍼링크 스타일 변경하기
| Level UP | [Page Properties] 대화상자의 ‘Links[CSS]’ 카테고리 알아보기
Section 03 네임 앵커를 이용하여 특정 위치로 이동하기
| Level UP | 서로 다른 웹 문서에서 네임 앵커 위치 참조하기
Section 04 이미지맵으로 하이퍼링크 지정하기
《Special TIP》 이미지맵 [Properties] 패널 및 이미지맵 영역 편집 알아보기
Section 05 아이프레임 삽입하여 하이퍼링크 지정하기
| Level UP | 아이프레임 삽입과 관련 소스 알아보기
Section 06 하드 코드-하이퍼링크 관련 태그 익히기
| Level UP | a 태그 알아보기
Section 07 하드 코드-네임 앵커 관련 태그 익히기
Section 08 자바스크립트로 폼 버튼에 하이퍼링크 지정하기
| Level UP | Go To URL 비헤이비어 알아보기
Section 09 자바스크립트로 셀렉트 메뉴에 하이퍼링크 지정하기
Section 10 이미지가 교체되는 롤오버 이미지 삽입하기
| Level UP | [Insert Rollover Image] 대화상자 알아보기
PART 04 CSS로 웹 콘텐츠 꾸미기
Section 01 태그 선택자 등록하여 제목 문단 꾸미기
《Special TIP》 CSS 특징과 관련 패널 및 대화상자 알아보기
Section 02 클래스 선택자 등록하여 텍스트 꾸미기
| Level UP | 클래스 선택자 적용 과정
Section 03 ID 선택자 등록하여 테이블 꾸미기
| Level UP | [CSS Rule definition] 대화상자의 [Border] 카테고리 알아보기
Specil TIP ID 선택자 적용 과정
Section 04 자손 선택자 등록하여 테이블 셀 꾸미기
| Level UP | [CSS Rule definition] 대화상자의 [Block] 카테고리 알아보기
Section 05 슈도 클래스 선택자로 텍스트 필드 꾸미기
Section 06 그룹 선택자로 하이퍼링크 텍스트 꾸미기
Section 07 다양한 선택자 등록하여 색상이 변경되는 하이퍼링크 롤 메뉴 만들기
Section 08 다양한 선택자 등록하여 목록 문단 꾸미기
| Level UP | [CSS Rule definition] 대화상자의 [List] 카테고리 알아보기
Section 09 적용된 클래스 해제와 속성 값 변경 및 삭제하기
Section 10 외부 CSS 파일에 CSS 정의하기
| Level UP | 연결된 외부 CSS 파일 확인하기
| Level UP | 이미 저장되어 있는 외부 CSS 파일 연결하기
Section 11 style 속성을 이용하여 디자인 적용하기
Section 12 내부 정의된 CSS 선택자를 외부 CSS 파일로 저장하기
PART 05 CSS로 레이아웃 만들고 그래픽 효과 적용하기
Section 01 AP Div 삽입하고 편집하기
《Special TIP》 AP Div 관련 패널 알아보기
Section 02 디스플레이 속성으로 레이아웃 구조 변경하기
| Level UP | display 속성 값 알아보기
Section 03 float 속성으로 다단 레이아웃 구현하기
| Level UP | float 및 clear의 속성과 값 알아보기
Section 04 margin 속성을 이용하여 중앙으로 배치하기
Section 05 relative 포지션 속성으로 좌표 값 설정해서 위치 변경하기
《Special TIP》 position 속성을 이용한 레이아웃 특징과 관련 속성 알아보기
Section 06 fixed 포지션 속성으로 특정 요소 하단에 고정하기
Section 07 absolute 포지션 속성 중 절대 좌표로 위치 조정하기
Section 08 박스 외곽에 모서리 둥근 효과와 그림자 효과 적용하기
| Level UP | 모서리 둥근 효과와 관련된 CSS 속성 알아보기
| Level UP | 그림자 효과와 관련된 CSS 속성 알아보기
Section 09 글자에 그림자 효과 주기
PART　06 비헤이비어, CSS3 트랜지션, 스