홈앤서비스 SK BROADBAND

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 & CSS3 마크업하기
SECTION 01 HTML5 기본 구조와 문단 포맷 태그 익히기
|기능 정리| HTML5 기본 구조와 문단 포맷 관련 태그 알아보기
|실습 과정| 주석, hn, p, br 마크업하기
|실습 과정| ul, ol, li, dl, dt, dd 마크업하기
|실습 과정| strong, em, span, div 마크업하기
SECTION 02 외부 콘텐츠 삽입하고 하이퍼링크 태그 익히기
|기능 정리| 다양한 콘텐츠 삽입 관련 태그와 하이퍼링크 태그 알아보기
|실습 과정| img, figcaption, figure, hr 마크업하기
|실습 과정| video, source 마크업하기
|실습 과정| a 마크업하기
|실습 과정| 네임 앵커를 이용한 a 마크업하기
|실습 과정| iframe 마크업하기
SECTION 03 테이블과 폼 태그 익히기
|기능 정리| 테이블과 폼 관련 태그 알아보기
|실습 과정| table 기본 마크업하기
|실습 과정| thead, tbody, tfoot 사용하여 table 마크업하기
|실습 과정| form 마크업하기 1 - 라벨과 다양한 텍스트 필드, 폼 버튼
|실습 과정| form 마크업하기 2 - 필드 세트와 라디오 버튼, 체크 박스, 셀렉트 메뉴
|실습 과정| form 마크업하기 3 - HTML5 폼 컨트롤 요소
SECTION 04 CSS3 적용 방식 이해하고 기본 선택자 정의하기
|기능 정리| CSS 적용 방식과 기본 선택자 알아보기
|실습 과정| style 속성을 이용한 CSS 적용하기
|실습 과정| tag 선택자 정의하고 적용하기
|실습 과정| class 선택자 정의하고 적용하기
|실습 과정| id 선택자 정의하고 적용하기
|실습 과정| 슈도(pseudo) 선택자 마크업하기
|실습 과정| 외부 CSS 문서에 선택자 마크업하여 연결하기
SECTION 05 다양한 선택자 정의와 속성 익히기
|기능 정리| 다양한 선택자와 속성 알아보기
|실습 과정| compound 선택자 마크업하기
|실습 과정| group 선택자 마크업하기
|실습 과정| 순서와 관련 있는 선택자 마크업하기
|실습 과정| 박스 모델과 관련된 속성 마크업하기
|실습 과정| 레이아웃과 관련된 속성 마크업하기 1
|실습 과정| 레이아웃과 관련된 속성 마크업하기 2
응용실습

PROJECT 프로젝트 실무를 완벽하게 대비하는 종합 실습 문제