실력이 탐나는 드림위버 CS6

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 04 Open 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 01 float와 clear 속성을 이용한 부유 레이아웃 구현하기
|간단개요| CSS 레이아웃 이해하고 부유 레이아웃과 관련된 속성과 관련 값 알아보기 |간단실습| 픽셀 단위로 2단 칼럼 배치하고 디자인 꾸미기
|간단실습| 퍼센트 단위로 3단 칼럼 배치하고 디자인 꾸미기
|간단실습| 좌우 가로로 배치되는 롤오버 탭 메뉴 만들기
Unit 02 position 속성을 이용한 레이아웃 배치하기
|간단개요| Position 속성을 이용한 레이아웃 특징과 관련 값 알아보기
|간단실습| 절대 좌표 값으로 지정되는 Absolute Position을 이용한 레이아웃 배치하기 |간단실습| 스크롤에 상관없이 위치를 고정시키는 Fixed Position을 이용한 레이아웃 배치하기
|간단실습| 상대 좌표 값으로 지정되는 Relative Position을 이용한 레이아웃 배치하기
Unit 03 display 속성을 이용한 레이아웃 구현하기
|간단개요| display 속성과 관련 값 알아보기
|간단실습| 글자 대신 이미지 대체하기
|간단실습| 롤오버 시 길이가 늘어나는 가로 가변의 내비게이션 만들기
|간단실습| display 속성을 이용한 폼 문서 레이아웃 만들기
Unit 04 드림위버에서 제공하는 CSS 레이아웃 기능 이용하기
|간단개요| 샘플 레이아웃을 이용한 문서 제작 과정 알아보기
|간단실습| 샘플 레이아웃 선택하고 내용 입력하기
|간단실습| 전체 레이아웃 디자인 수정하기
|간단실습| 내비게이션과 내용 상자 디자인 수정하기
|간단실습| 모서리가 둥근 탭 메뉴 디자인 수정하기
Unit05 템플릿을 이용한 공통 레이아웃 디자인 등록과 적용하기
|간단개요| 템플릿을 이용한 홈페이지 제작 과정 알아보기
|간단실습| 템플릿 페이지 디자인 선택하고 템플릿으로 등록하기
|간단실습| 템플릿 레이아웃 디자인 편집하기
|간단실습| 템플릿 적용하여 문서 제작하기
|간단실습| 템플릿 업데이트하기
|활용실습|

Chapter 06 인클루드, CGI, 웹 출판 서비스 이용하기
Unit 01 웹 출판을 위한 웹 계정 준비하고 FTP 이용하기
|간단개요| 웹 출판을 위한 준비 사항 알아보기
|간단실습| 호스팅 서비스 신청하고 웹 계정 정보 확인하기
|간단실습| 파일질라 프로그램으로 웹 계정에 업로딩하고 결과 확인하기
|간단실습| 드림위버의 FTP 기능 이용하기
Unit 02 인클루드를 이용한 PHP 웹사이트 만들기
|간단개요| PHP 문서의 이해와 인클루드 기능 알아보기
|간단실습| 인클루드로 사용할 헤더와 푸터 파일 만들기
|간단실습| 인클루드 사용하여 PHP 문서로 저장하고 웹 계정에서 확인하기
Unit 03 블루웹에서 제공되는 폼메일, 게시판 서비스 이용하기
|간단개요| CGI 서비스 알아보기
|간단실습| 블루웹의 게시판 서비스로 공지사항 게시판 삽입하기
|간단실습| 블루웹의 폼메일 서비스로 문의 사항 메일 받기
|활용실습|

Chapter 07 HTML5, CSS3, 미디어쿼리를 이용한 반응형 웹디자인 구현하기
Unit 01 HTML5 문서 제작하기
|간단개요| HTML5 이해하고 드림위버의 HTML5 문서 제작 지원 기능 알아보기 |간단실습| HTML5 문서 제작과 시맨틱 태그 이용하기 411
|간단실습| 시맨틱 태그에 CSS 디자인 적용하고 HTML5 지원 웹브라우저에서 확인하기
|간단실습| HTML5가 지원되지 않는 웹브라우저에서 문제 해결하기
Unit 02 CSS3 선택자와 속성 이용하기
|간단개요| CSS3의 특징과 새로 추가된 선택자와 속성 알아보기
|간단실습| CSS3의 다양한 선택자 이용하기
|간단실습| CSS3의 radius, shadow 속성 이용하기
|간단실습| CSS3의 투명 속성과 그레이디언트 속성 이용하기
Unit 03 CSS3 트랜지션 기능을 이용한 애니메이션 만들기
|간단개요| CSS3 트랜지션 이해하고 관련 패널 알아보기
|간단실습| 롤오버 시 튀어나오는 메뉴 만들기
|간단실습| 숨겨 있던 글 문단과 그림이 나타나는 애니메이션 만들기
|간단실습| 배경 이미지가 슬라이딩되어 교체되는 배너 애니메이션 만들기
|간단실습| 회전과 투명도를 이용한 롤오버 롤아웃 메뉴 만들기
Unit 04 미디어쿼리와 플루이드 그리드 레이아웃 기능을 이용한 반응형 웹사이트 구현하기
|간단개요| 반응형 웹디자인, 미디어쿼리와 플루이드 그리드 레이아웃 기능 이해하기 |간단실습| 플루이드 그리드 레이아웃 기능으로 반응형 웹사이트 만들기
|간단실습| 해상도에 따라 레이아웃이 변경되게 CSS 수정하기
|POWER UNIT| 미디어쿼리를 이용한 인쇄용 레이아웃 만들기
|활용실습|

Chapter 08 제이쿼리(jQuery) 모바일로 웹사이트 만들고 폰갭으로 네이티브 앱 만들기
Unit 01 제이쿼리 모바일을 이용한 웹사이트 만들기
|간단개요| 제이쿼리 모바일의 기능 알아보기
|간단실습| 제이쿼리 모바일로 페이지 제작하고 페이지 추가하기
|간단실습| footer 영역에 고정되는 내비게이션 바 추가하고 header 영역의 제목 변경하기
|간단실습| 버튼 삽입하고 제이쿼리 모바일 스와치로 디자인 변경하기
|간단실습| Back 기능과 Next 컨트롤 그룹 버튼 삽입하기
Unit 02 제이쿼리 모바일 위젯 삽입하기
|간단개요| 제이쿼리 모바일 위젯 알아보기
|간단실습| 리스트뷰 위젯 삽입하기
|간단실습| 축소와 확장이 가능한 블록 위젯 삽입하기
|간단실습| 레이아웃 그리드 위젯으로 데이터 정리하기
Unit 03 폰갭을 이용하여 네이티브 앱으로 변환하기
|간단개요| 앱과 폰갭 빌드 서비스 알아보기
|간단실습| 폰갭 빌드 계정 가입하고 네이티브 앱으로 변환하기
|간단실습| 네이티브 앱 설치하고 스마트폰에서 결과 확인하기
|활용실습|