『드림위버 CC 무작정 따라하기』는 드림위버의 핵심 기능만 쏙 뽑아 HTML5과 CSS를 체계적으로 구성하여 웹 디자이너 및 개발자, 기획자를 위해 쉽고 빠르게 웹앱, 네이티브앱, 하이브리드앱을 개발할 수 있도록 도와준다. 키워드 스터디와 탭, 실력 알아보기와 해설 동영상 등을 통해 노하우를 익혀 최신 웹 및 앱 트렌드와 함께 다양한 스마트 기기에서 자유자재로 연동할 수 있다. 또한, 각종 멀티미디어 요소를 삽입해 사이트를 좀 더 짜임새 있게 구성할 수 있는 방법에 대해 알아본다.
저자 소개
저자 이문형은 한양여자대학교 컴퓨터정보과에서 강의하고 있으며 디자인 심의 위원으로 활동하고 있습니다. 성균관대학교에서 디자인을 전공하며 학부 및 석사를 마치고 박사과정을 수료했습니다. 대학원 재학 중 웹?에 매력을 느껴 웹과 컴퓨터 그래픽 및 멀티미디어 작업을 하고 있습니다. (주)탑매니아에서 기술지원 이사로 근무했으며 성균관대학교, 서울디지털대학교, 대진대학교, 혜천대학교에 출강하여 교육을 담당했습니다. 다수의 컴퓨터 그래픽 및 멀티미디어 관련 서적을 집필했으며, 네이버에서 여행 전문가로도 활동하고 있습니다.
주요 저서
생각보다 쉽네요! 드림위버로 앱 만들기 : 영진닷컴, 2012년 :
모션 프레젠테이션을 위한 파워포인트 2010 : 에이스ME, 2011년 :
포토샵 CS4 QUICK GUIDE 퀵 가이드 : 영진닷컴, 2009년 :
포토샵 CS 디자인 스쿨 : 한빛미디어, 2005/2007년 :
포토샵 디카 사진 클리닉 76 : 길벗, 2006년 :
목 차
목차
머리말
이 책을 공부하는 방법
베타테스터의 말
학습 계획
키워드 스터디
목차
부록 CD 사용하기
드림위버 설치하기
드림위버 설치 Q&A
첫째 마당 웹 사이트 개발을 위한 HTML 이해하기
필수 기능 | 001 | 웹과 HTML의 개념 이해하기 : HTML과 브라우저 :
필수 기능 | 002 | HTML 구성 요소 알아보기 : 태그와 하이퍼텍스트 문서 :
필수 기능 | 003 | 웹 표준 이해하기 : 웹 표준과 W3C :
필수 기능 | 004 | 문서의 기본 구조 알아보기 : 문서 구조와 선언 :
필수 기능 | 005 | 새로운 HTML 살펴보기 : HTML5와 시맨틱 :
필수 기능 | 006 | 차세대 웹 표준 알아보기 : HTML5 활용 :
필수 기능 | 007 | 애플리케이션 이해하기 : 웹앱, 네이티브앱, 하이브리드앱 :
필수 기능 | 008 | 웹 디자인을 위한 CSS 알아보기 : CSS3 :
실력 알아보기 크롬 브라우저 설치와 웹 표준 유효성 검사하기
둘째 마당 웹 개발자와 디자이너를 위한 웹 디자인 기초 익히기
필수 기능 | 009 | 웹 디자인의 개념 알아보기 : 웹 디자인 :
필수 기능 | 010 | 웹 디자인 기획하기 : 콘셉트 도출/아이디어 방법론 :
필수 기능 | 011 | 웹 디자인 계획하기 : 웹 기획 과정 :
필수 기능 | 012 | 웹 사이트 분석하기 : 벤치마킹과 포지셔닝 :
필수 기능 | 013 | 다양한 디자인 사이트 경험하기 : 디자인 참고 사이트 :
필수 기능 | 014 | 호감이 가는 색상 알아보기 : 배색 :
기능 예제 | 015 | 포토샵에서 웹 색상 팔레트 만들기 : 색상 견본 :
필수 기능 | 016 | 사이트 정보 설계하기 : 사이트맵과 콘텐츠 :
필수 기능 | 017 | 효율적인 레이아웃 만들기 : 레이아웃 :
필수 기능 | 018 | 그리드 시스템 알아보기 : 960 Grid System :
기능 예제 | 019 | 그리드 레이아웃 만들기 : 960 그리드 :
실력 알아보기 웹 색상 팔레트와 그리드를 활용한 레이아웃 만들기
셋째 마당 드림위버 CC 기본 기능 익히기
필수 기능 | 020 | 드림위버 CC 새로운 기능 살펴보기 : New In CC :
필수 기능 | 021 | 드림위버 기본 화면 살펴보기 : 작업 화면 :
기능 예제 | 022 | 작업 환경 설정하기 : 작업 환경 :
기능 예제 | 023 | 새 문서 만들기 : New Document :
기능 예제 | 024 | 로컬 사이트 등록하기 : New Site :
기능 예제 | 025 | 쉽고 간단하게 문서 관리하기 : Files 패널 :
필수 기능 | 026 | 글꼴과 환경 설정하기 : Manage Fonts/Page Properties :
기능 예제 | 027 | 문서 속성 설정하기 : Document Properties :
기능 예제 | 028 | 문자 입력하고 수정하기 : 문자 속성과 글꼴 :
필수 기능 | 029 | 구글 웹 글꼴 사용하기 : Google Web Font :
기능 예제 | 030 | 웹 글꼴 추가와 활용하기 : Web Font :
필수 기능 | 031 | 내용 정리를 위한 목록 만들기 : 순차/비순차 목록 :
필수 기능 | 032 | 다양한 화면 살펴보기 : 화면 보기 설정 :
실력 알아보기 글꼴과 글자 색상을 설정하고 비순차 목록 만들기
넷째 마당 다양한 미디어 적용하기
필수 기능 | 033 | 다양한 미디어 관리하기 : Insert 패널 :
필수 기능 | 034 | 사이트와 디자인, 이미지 알아보기 : Images :
기능 예제 | 035 | 문서에 이미지 삽입하기 : Images :
필수 기능 | 036 | 이미지 속성 살펴보기 : Properties 패널 :
기능 예제 | 037 | 다양한 방법으로 이미지 추가하기 : Properties 패널 :
기능 예제 | 038 | 이미지맵으로 링크 설정하기 : Hotspot :
기능 예제 | 039 | 포토샵 파일 삽입하기 : PSD :
필수 기능 | 040| 이미지와 문장 정렬하기 : Align :
기능 예제 | 041 | 문장과 이미지 정렬하기 : Float :
필수 기능 | 042 | 배경 이미지 속성 살펴보기 : Appearance/Background :
기능 예제 | 043 | 배경 이미지 반복 설정하기 : Repeat-x/y :
필수 기능 | 044 | 배경 이미지 위치 설정하기 : Attachment/Position :
기능 예제 | 045 | 배경 이미지 고정하기 : No - repeat :
활용 예제 | 046 | 시각적인 효과를 위한 롤오버 이미지 만들기
실력 알아보기 롤오버 이미지 만들고 패턴 형태의 배경 만들기
다섯째 마당 멀티미디어와 속성 활용하기
필수 기능 | 047 | HTML과 멀티미디어 요소 이해하기 : 미디어 활용 :
필수 기능 | 048 | 편리한 작업을 위한 밑그림 만들기 : Tracing Image :
필수 기능 | 049 | 플래시 파일 추가 및 설정하기 : SWF/Insert FLV :
기능 예제 | 050 | 플래시 파일 삽입하기 : SWF/FLV :
필수 기능 | 051 | HTML5 비디오/오디오 태그 살펴보기 : Video/Audio :
필수 기능 | 052 | 테이블 추가하기 : Table :
기능 예제 | 053 | 테이블 삽입하기 : Table :
필수 기능 | 054 | 링크와 경로 이해하기 : Link :
기능 예제 | 055 | 하이퍼링크 설정하기 : Link :
기능 예제 | 056 | 링크 스타일 속성 설정하기 : Links (CSS) :
기능 예제 | 057 | 페이지 안에서 이동하는 하이퍼링크 만들기 : ID :
활용 예제 | 058 | 하이퍼링크를 이용해 원 페이지 레이아웃 디자인하기
실력 알아보기 테이블을 이용한 시간표와 즐겨찾기 만들기
여섯째 마당 폼과 비헤이비어 등으로 동적인 문서 만들기
필수 기능 | 059 | FTP와 웹 서버 및 호스팅 이해하기 : FTP & 호스팅 :
기능 예제 | 060 | 드림위버에서 서버 접속하기 : Manage Sites :
기능 예제 | 061 | 팝업 메시지 창 만들기 : Behaviors :
기능 예제 | 062 | 팝업 이미지 창 만들기 : Open Browser Window :
기능 예제 | 063 | 사이트 이동하기 : Go to URL :
기능 예제 | 064 | 원하는 페이지로 이동하기 : Navigator :
필수 기능 | 065 | 모바일용 페이지 이해하기 : 웹앱 :
필수 기능 | 066 | 웹 문서 형식 이해하기 : Form :
기능 예제 | 067 | Form 문서 선언하고 영역 구분하기 : Form/Fieldset :
기능 예제 | 068 | 폼에 문자 입력하기 : TextField :
기능 예제 | 069 | 선택을 위한 체크 박스와 버튼 추가하기 : Radio button/Checkbox :
기능 예제 | 070 | 긴 문장 입력하기 : Text Area :
기능 예제 | 071 | 파일 선택하고 입력하기 : File Field :
기능 예제 | 072 | 버튼으로 폼 완성하기 : Button :
기능 예제 | 073 | 이미지를 활용한 버튼 만들기 : Image Button :
실력 알아보기 FTP에 접속하고 팝업 메시지 표시와 화면 이동하기
일곱째 마당 사이트를 완성하는 CSS 이용하기
필수 기능 | 074 | 문서 스타일 설정하기 : CSS :
기능 예제 | 075 | Class로 새로운 스타일 만들기 : New CSS Rule/CSS :
기능 예제 | 076 | CSS 속성 수정하기 : Edit Rule :
기능 예제 | 077 | Div에 적용된 Float 속성 초기화하기 : Clear :
기능 예제 | 078 | 패널을 이용한 CSS 관리하기 : CSS Designer 패널 :
활용
출판사 서평
출판사 서평
필수 기능 41개로 빠르고 쉽게 배우는
스마트한 드림위버를 만나다
최신 웹/앱 트렌드에 맞춘 《드림위버 CC 무작정 따라하기》는 처음 배우거나 이전 버전을 사용한 사람도 쉽고, 빠르게 사이트를 제?작할 수 있도록 돕습니다. HTML5에 최적화된 기능 예제와 함께 이해하기 쉽도록 과정에 대한 원리를 알려주는 Why&Tip이 포함된 필수 기능을 학습해 사이트를 원하는 대로 제작할 수 있습니다. 또한, 일반 사이트를 스마트하고 간편하게 반응형 웹으로 제작할 수 있도록 활용 예제를 따라하여 생생한 실무 감각을 익힐 수 있습니다. 웹 ...
필수 기능 41개로 빠르고 쉽게 배우는
스마트한 드림위버를 만나다
최신 웹/앱 트렌드에 맞춘 《드림위버 CC 무작정 따라하기》는 처음 배우거나 이전 버전을 사용한 사람도 쉽고, 빠르게 사이트를 제작할 수 있도록 돕습니다. HTML5에 최적화된 기능 예제와 함께 이해하기 쉽도록 과정에 대한 원리를 알려주는 Why&Tip이 포함된 필수 기능을 학습해 사이트를 원하는 대로 제작할 수 있습니다. 또한, 일반 사이트를 스마트하고 간편하게 반응형 웹으로 제작할 수 있도록 활용 예제를 따라하여 생생한 실무 감각을 익힐 수 있습니다. 웹 디자인 기초와 더불어 웹 표준 및 CSS를 익혀 하나의 사이트를 모바일 환경에 맞게 연동할 수도 있습니다. 원하는 기능을 바로 찾아 익힐 수 있는 키워드 스터디와 탭, 작업의 편의를 위해 하위 버전 사용자도 쉽게 학습할 수 있도록 버전별 표기되어 있습니다.
[출판사 서평]
모바일, 태블릿 PC, 모니터 해상도에 최적화된
반응형 앱을 한번에 만든다
드림위버는 다양한 기능과 언어로 워드 프로세서처럼 쉽고 빠르게 사이트를 완성할 수 있는 강력한 웹 저작 도구입니다. 드림위버 CC는 모바일 환경에 맞춰 향상된 유동 격자 레이아웃, jQuery Mobile 등의 기능을 지원하여 모바일, 태블릿 PC, 데스크톱에 맞춰 유동화된 사이트를 개발할 수 있습니다.
드림위버 CC 무작정 따라하기는 드림위버의 핵심 기능만 쏙 뽑아 HTML5과 CSS를 체계적으로 구성하여 웹 디자이너 및 개발자, 기획자를 위해 쉽고 빠르게 웹앱, 네이티브앱, 하이브리드앱을 개발할 수 있도록 도와줍니다. 키워드 스터디와 탭, 실력 알아보기와 해설 동영상 등을 통해 노하우를 익혀 최신 웹 및 앱 트렌드와 함께 다양한 스마트 기기에서 자유자재로 연동할 수 있습니다. 또한, 각종 멀티미디어 요소를 삽입해 사이트를 좀 더 짜임새 있게 구성할 수 있는 방법에 대해 알아봅니다.
