길벗·이지톡

도서 컴퓨터/IT활용 컴퓨터 입문/활용

드림위버 필독서로 자리매김한 드림위버 무작정 따라하기
※ CS6 체험판 제공 중지(2019.05.08)

독자를 위한 가장 쉽고, 빠르게 드림위버를 배우는 방법을 제시하는 드림위버 무작정 따라하기는 처음 배우는 분도, 이전 버전을 사용한 분도 이 책을 통해 유익한 학습을 할 수 있도록 학습 계획을 제안한다. 드림위버 CS4부터 세 가지 버전별로 실습이 되는지 테스트한 후 버전을 표기하여 혹시 다른 버전을 사용하더라도 이 책을 막힘없이 학습할 수 있도록 구성하였다.

 

재미있게 배우면서도 이해하기 쉽도록 기능과 과정에 대한 원리를 알려줄 뿐만 아니라 모바일 디바이스 사용자를 위해 어도비 프로토와 어도비 에지 인스펙트를 다루는 방법을 특별부록으로 폭넓게 구성하여 손가락 끝으로 작업하는 웹 작업의 즐거움을 이 책에 담았다. 최신 드림위버 기술과 HTML5, CSS3 기술을 드림위버 CS6 무작정 따라하기에서 배울 수 있다.

 

* CS6 체험판 제공 중지(2019.05.08 https://helpx.adobe.com/kr/encore/kb/encore-cs6-installed-cc.html) 

목차

첫째마당 HTML5와 CSS3 알아보기

필수 기능 001 HTML 기본 알아보기 : 태그/브라우저/구조 :
필수 기능 002 웹 표준 개발 프로젝트의 역사 알아보기 : HTML5 등장 :
필수 기능 003 문서에 따른 선언 살펴보기 : HTML 문서/DocType :
필수 기능 004 문서 구조 정의 살펴보기 : HTML5 시맨틱 태그 :
필수 기능 005 요소 검사와 태그 살펴보기 : HTML5 주요 시맨틱 :
필수 기능 006 플러그인 없이 멀티미디어 재생하기 : HTML5와 멀티미디어 :
필수 기능 007 웹 표준 기술 장점 살펴보기 : 레이아웃 분리/사용 기기 :
필수 기능 008 HTML5 애플리케이션 알아보기 : 앱 종류/프레임워크 :
필수 기능 009 CSS3 사용하기 : 접두어/코드 :
필수 기능 010 CSS3의 강력한 스타일 살펴보기 : 셀렉터 스타일 :
실력 알아보기 브라우저 설치하기


둘째마당 드림위버 CS6 기본 기능 익히기

필수 기능 011 드림위버 CS6 새로운 기능 살펴보기 : New In CS6 :
필수 기능 012 드림위버 살펴보기 : 드림위버 화면 구성 :
필수 기능 013 Document 툴바에 다른 툴바 표시하기 : 툴바 :
기능 예제 014 작업 환경 조절하기 : Workspace :
필수 기능 015 객체 삽입하기 : Insert 패널 :
기능 예제 016 로컬 사이트 등록하기 : New Site :
기능 예제 017 HTML5 문서 만들기 및 저장하기 : New/Save :
기능 예제 018 문서 불러오기 : Open :
필수 기능 019 속성 확인하고 수정하기 : Properties 패널 :
기능 예제 020 객체와 문서 정보 확인하기 : Properties 패널/상태 표시줄 :
기능 예제 021 화면을 좌우로 분할하기 : Split :
기능 예제 022 미리 보기를 위한 브라우저 등록하기 : Preview in Browser :
필수 기능 023 웹 문서에 텍스트 삽입하기 : 기본 글꼴/속성 :
기능 예제 024 텍스트 복사해 붙이기 : 텍스트 복사 :
기능 예제 025 텍스트에 HTML 서식 적용하기 : Heading :
기능 예제 026 한글 글꼴 추가하기 : Edit Font List :
기능 예제 027 CSS 서식을 이용해 글꼴 지정하기 : CSS Font :
활용 예제 028 인용문에 스타일 적용하고 줄 간격 조절하기
필수 기능 029 목록 텍스트 만들기 : 목록/불릿 :
기능 예제 030 순서 없는 목록 만들기 : 순서 없는 목록 :
활용 예제 031 목록을 이용한 메뉴 만들기
필수 기능 032 웹 문서에 글꼴 포함시키기 : Web Font :
기능 예제 033 드림위버에서 웹 폰트 사용하기 : Web Font :
실력 알아보기 목록과 스타일 사용하기


셋째마당 멀티미디어 사이트 만들기

필수 기능 034 웹에서 이미지 사용하기 : 이미지 :
필수 기능 035 이미지 속성 들여다보기 : Properties 패널 :
필수 기능 036 포토샵 파일 삽입하기 : PSD 삽입 :
기능 예제 037 이미지 삽입하기 : Image :
기능 예제 038 롤오버 이미지 삽입하기 : Rollover Image :
필수 기능 039 외부 이미지 편집기로 편집하기 : External Editor :
필수 기능 040 드림위버에서 이미지 편집하기 : Image Edit :
기능 예제 041 이미지와 텍스트 배치하기 : CSS Float :
기능 예제 042 이미지 주변에 테두리 그리기 : CSS Border :
활용 예제 043 CSS3를 이용해 이미지에 그림자 효과 추가하기
필수 기능 044 배경 스타일 속성 살펴보기 : Appearance/Background :
기능 예제 045 좌우 반복하는 배경 이미지 삽입하기 : Appearance :
기능 예제 046 한 방향 이미지 삽입하기 : background-repeat :
활용 예제 047 특정 요소에 배경 이미지 삽입하기
기능 예제 048 웹 문서에 플래시 동영상 삽입하기 : Media/FLV :
필수 기능 049 HTML5와 멀티미디어 알아보기 : 비디오/오디오/코덱 :
기능 예제 050 MP4 파일 인코딩하기 : 다음 팟 인코더 :
기능 예제 051 WEBM 파일과 OGV 파일로 인코딩하기 : Firefogg :
필수 기능 052 HTML5 비디오 태그 살펴보기 : video/source :
기능 예제 053 웹 문서에 HTML5 비디오 삽입하기 : video :
실력 알아보기 텍스트와 이미지 배치하기


넷째마당 표, 링크, 폼으로 사이트 마무리하기

필수 기능 054 표 삽입하고 삽입한 표 선택하기 : Table :
기능 예제 055 표 편집하기 : Modify Table :
필수 기능 056 표와 셀의 속성 살펴보기 : Table/Cell Properties :
기능 예제 057 셀 문자 속성 지정하기 : ?td? 태그 스타일 :
기능 예제 058 셀에 배경색 넣기 : ?th? 태그 스타일 :
기능 예제 059 셀 사이에 테두리 그리기 : CSS Border/Set Class :
필수 기능 060 링크와 경로 이해하기 : Link :
기능 예제 061 텍스트 링크 만들기 : 상대 경로/절대 경로 :
기능 예제 062 텍스트 링크 스타일 지정하기 : CSS Link :
기능 예제 063 이미지 링크 및 메일 링크 만들기 : Browse for File/Point to File :
필수 기능 064 웹 문서에서의 폼 알아보기 : Form :
필수 기능 065 웹 접근성 고려하기 : input/label :
필수 기능 066 폼 요소 살펴보기 : Forms :
기능 예제 067 폼 요소로 기본 틀 잡기 : form/fieldset :
기능 예제 068 텍스트와 패스워드 필드 삽입하기 : TextField/Type :
기능 예제 069 체크박스와 파일 필드, 버튼 삽입하기 : Checkbox/File Field/Button :
필수 기능 070 웹 서버에 파일 올리기 전에 준비하기 : 호스팅/도메인/링크 :
필수 기능 071 Site 창 살펴보기 : Site 창 :
기능 예제 072 드림위버에서 FTP 서버에 접속하기 : Manage Sites :
기능 예제 073 FTP로 접속해서 파일 업로드하기 : FTP Upload :
실력 알아보기 텍스트 링크에 스타일 지정하고 표 수정하기


다섯째마당 사이트를 더욱 빛내는 CSS 사용하기

필수 기능 074 스타일 알아보기 : CSS/스타일 :
필수 기능 075 새로운 스타일 규칙 만들기 : New CSS Rule :
기능 예제 076 태그 스타일로 글자 서식 바꾸기 : Edit Rule :
필수 기능 077 CSS Styles 패널 살펴보기 : All/Current :
기능 예제 078 외부 스타일 시트로 저장하기 : ?style? 태그 저장 :
기능 예제 079 외부 스타일 시트 링크하기 : Attach Style Sheet :
기능 예제 080 클래스 스타일로 특정 부분 스타일 바꾸기 : Targeted Rule :
활용 예제 081 클래스 스타일과 ID 스타일로 나누기
필수 기능 082 CSS 속성 지정하기 : CSS Rule Definition :
기능 예제 083 스타일 수정하기 : Edit Rule :
기능 예제 084 CSS 트랜지션 적용하기 : CSS Transitions :
필수 기능 085 드림위버와 CSS3 알아보기 : CSS3 주요 속성
기능 예제 086 모서리 둥글게 만들기 : border-radius :
기능 예제 087 이미지에 그림자 효과 추가하고 응용하기 : box-shadow :
활용 예제 088 CSS를 이용한 버튼 만들기
기능 예제 089 마우스 올리면 그림자 생기는 버튼 만들기 : hover/Positioning :
실력 알아보기 CSS로 텍스트 서식 지정하기


여섯째마당 반응형 웹 만들기

필수 기능 090 다양한 기기로 웹 문서를 보기 : n-스크린/반응형 웹 :
필수 기능 091 유동형 그리드 레이아웃 만들기 : Fluid Grid Layout :
활용 예제 092 Fluid Grid Layout으로 레이아웃 만들기
필수 기능 093 CSS 구별하고 수정하기 : 유동형 그리드 레이아웃과 스타일 :
기능 예제 094 기본이 되는 모바일 레이아웃 지정하기 : Mobile Size :
필수 기능 095 유동형 그리드 레이아웃에서 레이어 다루기 : 레이어 조절 :
기능 예제 096 태블릿 기기에 맞게 레이아웃 배치하기 : Table Size :
기능 예제 097 데스크톱 레이아웃 설정하기 : Desktop Size :
실력 알아보기 Fluid Grid Layout으로 사이트 완성하기


특별부록 모바일을 위한 앱 디자인

HTML5, CSS3, 자바스크립트를 이용한 jQuery Mobile로 웹 앱 만들기

001 jQuery Mobile 페이지 구성 요소 알아보기
002 콘텐츠를 추가할 수 있도록 기본 페이지 만들기
003 내비게이션 바 삽입하기
004 페이지에 콘텐츠 추가하기
005 아이콘과 버튼 삽입하기
006 링크 대신 아이콘이 있는 버튼으로 표시하기
007 목록 삽입하기
008 목록을 이용해 커피 메뉴 만들기
009 리스트 디바이더 삽입하고 검색 창 추가하기
010 jQuery Mobile Theme 설정하기
011 웹 서버에 업로드하기

PhoneGap Build를 이용한 드림위버로 네이티브 앱 만들기

012 PhoneGap 알아보기
013 PhoneGap Build 계정 만들기
014 안드로이드 개발 환경 만들기
015 PhoneGap Build 서비스를 이용해 네이티브 앱으로 패키징하기
016 QR 코드를 이용해 앱 직접 다운로드하기
017 에뮬레이터로 확인하기
018 어도비 프로토로 언제 어디서나 사이트 디자인하기

모바일 기기를 이용한 프로토와 에지 인스펙트 사용하기

019 새 프로젝트 만들고 화면 구성 요소 삽입하기
020 손가락 제스처를 이용해 다양한 요소 삽입하기
021 그룹으로 묶어 한꺼번에 복제하기
022 모바일 웹 디버깅 툴 어도비 에지 인스펙트 사용하기

드림위버 단축 글쇠 모음
드림위버 영문/한글 비교표
더보기접기

저자&기여자

ㆍ지은이 고경희

소개
2010년 《Do it! HTML5 + CSS3》 출간 이후 꾸준히 HTML5 강의를 해왔다. 자타공인 HTML 권위자인 저자는 웹 초창기부터 ASP와 JAVA 등 전문 도서를 번역하면서 웹 기술에 관심을 가지기 시작했다. 이후 HTML과 DHTML(Dynamic HTML), CSS, JavaScript 등 웹 관련 기술을 좀 더 쉽게 익힐 수 있는 도서 60여 종을 집필했다. 홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부한 뒤 현재 Visual Studio and Development Technologies 분야에서 마이크로소프트 공인 최고 기술자(Microsoft Most Valuable Professional)로 활동 하고 있다. 이 책은 《Do it! HTML5 + CSS3 웹 표준의 정석》과 《Do it! 자바스크립트 - 기본 편》의 합본호 출간을 희망하는 많은 독자의 요구를 반영하여 탄생했다. 대표 저서 o 《Do it! 지옥에서 온 문서 관리자 깃 & 깃허브 입문》 o 《Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편》 o 《윈도우 10 무작정 따라하기 - 최신 개정판》 o 《Do it! 프런트엔드 웹 디자인 입문 - 전면 개정판》 o 《Do it! HTML5 + CSS3 웹 표준의 정석 - 전면 개정판》

보도자료

저작권 안내

모든 자료는 저작권법의 보호를 받는 저작물로, 허락 없이 편집하거나 다른 매체에 옮겨 실을 수 없습니다.
인공지능(AI) 기술 또는 시스템을 훈련하기 위해 자료의 전체 내용은 물론 일부도 사용하는 것을 금지합니다.

All materials are protected by copyright law and may not be edited or reproduced in other media without permission.
It is prohibited to use all or part of the materials, including for training artificial intelligence (AI) technologies or systems, without authorization.

연관 프로그램

아래 프로그램은 길벗출판사가 제공하는 것이 아닙니다.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.