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

2015/6 컴퓨터/IT 21위 | 현재 컴퓨터/IT 30위 |

• [시리즈] OkOkOk 알찬 예제로 배우는 [38]

출판사 리뷰

출판사 서평 소개 첫째, 단순히 기능만을 익히는 학습 방법에서 벗어나 기본적인 내용을 학습한 후, 학습한 내용을 토대로 하나의 웹 사이트를 구축해 나가는 형식으로 되어있고 실전 문제를 통해 드림위버를 처음 접하는 분들도 혼자서도 쉽게 새로운 웹 사이트를 만들어 갈수 있도록 하였다. 둘째, 드림위버의 다양한 기능을 익히는 과정으로 제시된 예제를 이용해 새로운 기능의 활용 범위와 활용 방법을 익히고 실전문제를 통해 고급기능을 100% 활용함으로써 자신감을 가질수 있도록 하였다. 셋째, 동적인 웹 사이트를 국축하기 위한 기능을 학습하는 과정으로... 소개 첫째, 단순히 기능만을 익히는 학습 방법에서 벗어나 기본적인 내용을 학습한 후, 학습한 내용을 토대로 하나의 웹 사이트를 구축해 나가는 형식으로 되어있고 실전 문제를 통해 드림위버를 처음 접하는 분들도 혼자서도 쉽게 새로운 웹 사이트를 만들어 갈수 있도록 하였다. 둘째, 드림위버의 다양한 기능을 익히는 과정으로 제시된 예제를 이용해 새로운 기능의 활용 범위와 활용 방법을 익히고 실전문제를 통해 고급기능을 100% 활용함으로써 자신감을 가질수 있도록 하였다. 셋째, 동적인 웹 사이트를 국축하기 위한 기능을 학습하는 과정으로 자칫 평면적일 수 있는 웹 사이트에 다양한 동적 기능을 삽입하여 학습자에게 더 큰 흥미와 재미를 가질 수 있도록 하였다. 구성 ※실습과 실전 문제 중심으로 구성되어 있다. ※반복 학습에 따른 실력의 극대화를 구축하였다. ※예제의 양과 질적인 면에서 알차게 구성하였다. ※베테랑 강사들의 알찬 노하우를 제공한다. ※강의 교재로 알맞게 구성하였다. ※드림위버 CS4 트라이아웃 버전과 예제파일 CD(1장)를 제공하여 학습자가 좀 더 쉽게 학습할 수 있도록 하였다.

목차
Part 01. 드림위버 CS4로 사이트 구출하기
Section 01. 드림위버 CS4와 만나기
직접해보기드림위버 CS4 시작과 종료하기
드림위버 01드림위버 CS4 시작 페이지(Start Page) 대화상자 살펴보기
드림위버 02드림위버 CS4의 화면 구성 보기
드림위버 03드림위버 CS4의 문서 툴 바 보기
직접해보기로컬 사이트 정의하기
직접해보기새로운 문서 저장하기
직접해보기저장한 문서 불러오기
정리 한마당
실전 문제
업그레이드 한판스크린 모드
Section 02. 텍스트 다루기
직접 해보기웹 문서 환경 설정하기
직접 해보기새 글꼴 추가하기
직접 해보기간단한 표 만들기
직접 해보기텍스트 입력하고 글꼴 지정하기
직접 해보기문단 정렬하고 저장하기
정리 한마당
실전 문제
업그레이드 한판특수 문자 입력하기
Section 03. 스타일 시트 이해하기
직접 해보기문단에 스타일 설정하기
직접 해보기줄 간격 조절하기
직접 해보기CSS 형식 스타일 만들기
직접 해보기부분 텍스트 설정하기
직접 해보기CSS 스타일 삭제하기
정리 한마당
실전 문제
업그레이드 한판CSS Rule definition 대화상자
Section 04. 이미지 삽입하기
직접 해보기이미지에 테두리 만들기
직접 해보기이미지와 문단의 위치 알기
정리 한마당
실전 문제
업그레이드 한판웹 이미지 알아보기
Section 05. 목록으로 화면 정리하기
직접 해보기순서 없는 목록 만들기
직접 해보기순서 있는 목록 만들기
직접 해보기순서 있는 목록의 시작 번호 바꾸기
직접 해보기불릿으로 목록 바꾸기
직접 해보기수평선 만들기
직접 해보기수평선에 색 설정하기
정리 한마당
실전 문제
Section 06. 테이블 주무르기
직접 해보기테이블 삽입하기
직접 해보기테이블과 셀 크기 조절하기
직접 해보기테이블에 행과 열 추가하기
직접 해보기테이블에 행과 열 삭제하기
직접 해보기테이블에 셀 나누고 합치기
직접 해보기테이블 정리하기
직접 해보기셀 정리하기
정리 한마당
실전 문제
업그레이드 한판테이블과 셀 설정하기
Section 07. 테이블로 메뉴 만들기
직접 해보기테이블 삽입하고 텍스트 입력하기
직접 해보기셀에 스타일 설정하기
직접 해보기테이블 삽입하고 셀 합치기
직접 해보기셀에 이미지 삽입하기
직접 해보기글자 스타일과 배경 그림 지정하기
정리 한마당
실전 문제
업그레이드 한판테이블의 다양한 활용
Section 08. 하이퍼링크 연결하고 네임앵커 만들기
직접 해보기텍스트에 하이퍼링크 연결하기
직접 해보기링크색 바꾸고 밑줄 없애기
직접 해보기웹 브라우저에서 링크 확인하기
직접 해보기앵커 지정하기
직접 해보기앵커에 링크 연결하기
정리 한마당
실전 문제
업그레이드 한판네임 앵커 위치 서로 다른 문서에서 이동하기
Section 09. 이미지에 링크 걸고 롤오버 만들기
직접 해보기 이미지에 하이퍼링크 연결하기
직접 해보기이미지 맵으로 문서 연결하기
직접 해보기롤오버 이미지 만들기
정리 한마당
실전 문제
업그레이드 한판롤오버 이미지 ? 네비게이션 이미지
Section 10. 프레임으로 웹 문서 완성하기
직접 해보기 프레임 만들기
직접 해보기프레임 추가 삭제하기
직접 해보기 기능키를 이용한 프레임 추가
직접 해보기프레임으로 첫 화면 만들기
직접 해보기프레임에 파일 연결하기
직접 해보기메뉴에 파일 연결하기
정리 한마당
실전 문제
업그레이드 한판나만의 프레임 구조 만들고 프레임 이름 확인하기
Section 11. 아이프레임으로 웹 문서 만들기
직접 해보기 아이프레임 삽입하기
직접 해보기아이프레임 속성 삽입하기
직접 해보기아이프레임에서 링크 연결하기
정리 한마당
실전 문제
업그레이드 한판아이프레임에서 스크롤 바 색 변경하기
Part 02. 홈페이지 고급기능 익히기
Section 12.스타일시트 익히기
직접 해보기Tag 스타일 만들기
직접 해보기Class 스타일시트 만들기
직접 해보기외부 스타일시트 파일로 저장하기
직접 해보기외부 스타일시트 연결하기
정리 한마당
실전 문제
업그레이드 한판스타일시트 종류 알아보기
업그레이드 한판[CSS STYLES] 패널의 세부 옵션
Section 13. 멀티미디어 활용하기
직접 해보기사운드 재생하기
직접 해보기비디오 재생하기
정리 한마당
실전 문제
업그레이드 한판드림위버 CS4 멀티미디어
Section 14. AP 엘리먼트와 만나기
직접 해보기AP 엘리먼트에 이미지 삽입하기
직접 해보기AP 엘리먼트 순서 바꾸고 숨기기
직접 해보기AP 엘리먼트 정렬하고 테이블로 변경하기
직접 해보기AP 엘리먼트 스크롤 바 넣기
정리 한마당
실전 문제
업그레이드 한판AP 엘리먼트 구성 요소 알아보기
Section 15. AP 엘리먼트 활용하기
직접 해보기AP 엘리먼트에 이미지 삽입하기
직접 해보기AP 엘리먼트 복사하여 붙여넣기
직접 해보기AP 엘리먼트로 갤러리 만들기
직접 해보기AP 엘리먼트로 서브 메뉴 만들기
정리 한마당
실전 문제
Section 16. 폼으로 회원가입 페이지 만들기
직접 해보기테이블로 레이아웃 만들기
직접 해보기텍스트 필드 만들기
직접 해보기버튼과 리스트 메뉴 만들기
직접 해보기라디오 버튼과 텍스트 영역 필드 만들기
직접 해보기가입 ? 취소 버튼 만들기
직접 해보기텍스트 필드에 스타일시트 적용하기
직접 해보기버튼에 스타일시트 적용하기
정리 한마당
실전 문제
업그레이드 한판로그인과 아이디 암호 텍스트 필드 만들기
Part 03. 액티브 홈페이지 만들기
Section 17.비헤이비어 기능 익히기
직접 해보기Call JavaScript 알기
직접 해보기Open Browser Window 만들기
직접 해보기Popup Message 만들기
직접 해보기Jump Menu 만들기
직접 해보기Jump Menu GO 만들기
직접 해보기Set Text of Status Bar 만들기
직접 해보기Swap Image 만들기
정리 한마당
실전 문제
업그레이드 한판Drag AP 엘리먼트 비헤이비어 만들기
Section 18. 비헤이비어 효과 정복하기
직접 해보기Show-Hide Elements 만들기
직접 해보기Appear/Fade 만들기
직접 해보기Glow/Shrink 만들기
직접 해보기Blind 만들기
직접 해보기Slide 만들기
직접 해보기Shake 만들기
정리 한마당
실전문제
업그레이드 한판롤오버 시 셀 배경색 바꾸기
Section 19. 템플릿 만들고 라이브러리 적용하기
직접 해보기템플릿 만들기
직접 해보기템플릿 편집 영역 지정하기
직접 해보기템플릿 적용하기
직접 해보기템플릿 수정하기
직접 해보기라이브러리 만들기
정리 한마당
실전 문제
Section 20. 스프라이 프레임워크 만들기
직접 해보기Spry Menu 만들기
직접 해보기Spry Tabbed Panels 만들기
직접 해보기Spry Tabbed Panels의 탭 디자인 변경하기
직접 해보기Spry Accordion 만들기
직접 해보기 Spry Collapsible Panel 만들기
정리 한마당
실전 문제
업그레이드 한판Spry Menu Bar 디자인 색 변경하기
Part 01 드림위버 CS4로 사이트 구출하기
Section 01. 드림위버 CS4와 만나기
직접해보기 드림위버 CS4 시작과 종료하기
드림위버 01 드림위버 CS4 시작 페이지(Start Page) 대화상자 살펴보기
드림위버 02드림위버 CS4의 화면 구성 보기
드림위버 03드림위버 CS4의 문서 툴 바 보기
직접해보기로컬 사이트 정의하기
직접해보기새로운 문서 저장하기
직접해보기저장한 문서 불러오기
Section 02. 텍스트 다루기
직접 해보기웹 문서 환경 설정하기
직접 해보기새 글꼴 추가하기
직접 해보기간단한 표 만들기
직접 해보기텍스트 입력하고 글꼴 지정하기
직접 해보기문단 정렬하고 저장하기
정리 한마당
실전 문제
업그레이드 한판특수 문자 입력하기
Section 03. 스타일 시트 이해하기
직접 해보기문단에 스타일 설정