adobe® dreamweaver® cc 도움말

2015 6

.

Adobe Dreamweaver CC

1

2

Creative Cloud 16

Creative Cloud 17

, 26

Typekit 31

Creative Cloud Market 37

Creative Cloud Extract 41

Creative Cloud Libraries 44

49

Dreamweaver 50

Dreamweaver 62

71

, 75

77

CSS 81

DOM 90

| Mac OS 93

94

96

98

CEF 100

104

Dreamweaver 105

107

108

109

120

122

126

Dreamweaver 128

129

130

131

133

134

146

152

156

162

164

Dreamweaver 167

169

Dreamweaver 172

175

176

179

CSS 188

Bootstrap 193

201

205

208

Dreamweaver jQuery UI 224

Dreamweaver jQuery 225

227

CSS 228

CSS( ) 229

CSS 233

CSS 242

CSS 243

CSS 244

CSS 250

CSS 251

CSS , 252

CSS / 253

CSS CSS 255

CSS 256

CSS 257

CSS 258

CSS / 259

CSS 260

CSS 261

263

div 264

280

CSS3 283

Dreamweaver 285

CSS 286

289

290

CSS 292

CSS 293

294

295

296

[] 297

299

300

302

303

312

315

DOM 326

329

332

333

Microsoft Office (Windows ) 334

Word Excel 335

HTML 336

338

339

Edge Web Fonts 340

342

343

348

350

360

366

HTML5 370

SWF 372

widget 374

375

HTML5 377

379

383

384

388

389

391

399

401

402

404

jQuery 406

Dreamweaver jQuery UI 407

Dreamweaver jQuery 408

410

411

415

419

Dreamweaver 420

425

427

435

455

457

460

466

471

475

477

Dreamweaver 479

Javascript 481

JavaScript ( ) 482

JavaScript 485

493

494

498

Fireworks Dreamweaver 499

Flash Dreamweaver 504

Adobe Bridge Dreamweaver 505

Device Central Dreamweaver 507

ConnectNow Dreamweaver 508

AIR Extension for Dreamweaver 509

Dreamweaver Adobe Online 513

Dreamweaver CC Extract 518

Dreamweaver Business Catalyst 530

Microsoft Office (Windows ) 533

Photoshop Dreamweaver 534

540

Dreamweaver 541

545

Dreamweaver 547

( ) 549

551

553

555

557

, 560

563

565

567

569

571

573

574

577

(CS5.5) 578

XML 579

XML XSLT 580

XSL 585

XSL 598

(XSLT) 600

, 602

603

609

ColdFusion 613

ASP 615

PHP 623

625

629

630

632

634

638

649

652

654

663

664

672

673

ColdFusion 676

689

HTML5 699

702

703

709

713

716

721

(ColdFusion, ASP) 727

731

733

735

(ColdFusion) 737

ColdFusion 738

744

Dreamweaver 745

Dreamweaver Creative Cloud 748

Creative Cloud Dreamweaver 749

Adobe Dreamweaver CC (2015 )

Linting

Emmet

Bootstrap

jQuery UI

Extract

CSS

-

Business Catalyst

Dreamweaver CC 2015 , , Photoshop . Bootstrap . .

CSS . , .

7 Dreamweaver CC 2015 Dreamweaver AdobeCreative Cloud . .

2

http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_1http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_1http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_6http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_23http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_18http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_24http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_5http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_5http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_5http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_17http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_17http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_17http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_17http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_25http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_12http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_9http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_9http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_9http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_9http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_9http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_9http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_15http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_30http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_7http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_7http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_7http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_7http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_7http://idiom-q-win-1/kr/dreamweaver/using/proxyserversettings.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/proxyserversettings.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/proxyserversettings.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/proxyserversettings.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/proxyserversettings.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/proxyserversettings.html

DOM

HTML SVG

ShowPreview API

Dreamweaver . , . . QR .

: (3)

.

.

.

. . .

3 .

: max-width : min-width max-width : min-width

.

Linting

3

http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_20http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_20http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_28http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_21http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_21http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_21http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_21http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_21http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_31https://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/device-preview-responsive-design.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/device-preview.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/visual-media-queries.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/visual-media-queries.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/visual-media-queries.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/visual-media-queries.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/visual-media-queries.html

Dreamweaver ? Emmet . Tab .

Emmet .

: (2)

Emmet HTML CSS .

Dreamweaver Linting .Linting .Dreamweaver HTML, CSS JavaScript . .

.

Linting

Emmet

. . . Dreamweaver . . .

.

4

http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_0http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_0https://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/code-faster-fewer-errors.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/linting-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/linting-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/linting-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_header_2

. . .

: . , . , .

. Dreamweaver .

Boostrap_SnippetsCSS_Animation_And_TransitionsCSS_EffectsCSS_SnippetsHTML_SnippetsJavaScript ()PHP_SnippetsPreprocessor_SnippetsResponsive_Design_Snippets

.

Dreamweaver . Creative Cloud Dreamweaver Dreamweaver Creative Cloud .

5

http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_heading_34http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_heading_34http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_heading_34http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_heading_34http://idiom-q-win-1/kr/dreamweaver/using/writing-editing-code.html#main-pars_heading_34http://idiom-q-win-1/kr/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/synchronizing-dreamweaver-settings-creative-cloud.html

Bootstrap HTML, CSS JavaScript . , , , CSS HTML . JavaScript .

Dreamweaver Bootstrap Bootstrap . Bootstrap ( > Bootstrap ) Bootstrap .

: Dreamweaver CC (3)

Bootstrap .

:

Bootstrap

Bootstrap-Bootstrap- Bootstrap-Bootstrap-Bootstrap-Bootstrap-

( > Bootstrap) Bootstrap . Dreamweaver Bootstrap . Photoshop Extract , , , Bootstrap .

Bootstrap

Bootstrap Dreamweaver , CSS , Extract .

3 Bootstrap Dreamweaver

6

https://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/responsive-web-design.html

>

: [] .

:

, (, , ) .

Bootstrap .

.

.

.

[ ]

jQuery UI

jQuery . .

: . .

DOM : DOM . DOM .

: .

.

7

http://idiom-q-win-1/kr/dreamweaver/using/bootstrap.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/bootstrap.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/bootstrap.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/bootstrap.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/bootstrap.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/bootstrap.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_26http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_26http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_26http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_26http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_26http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20http://idiom-q-win-1/kr/dreamweaver/using/presenting-content-tables.html#main-pars_heading_20

DOM (Windows >DOM). DOM . , DOM .

DOM .

. , , , . - DOM .

: HTML (6)

HTML .

.

DOM

DOM HTML DOM .

DOM

HTML SVG

8

https://helpx.adobe.com/kr/dreamweaver/how-to/view-modify-html-tree-structure.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/view-modify-html-tree-structure.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/view-modify-html-tree-structure.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html#main-pars_header_4http://idiom-q-win-1/kr/dreamweaver/using/element-quick-view.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/element-quick-view.html

HTML SVG . SVG HTML SVG .

Dreamweaver . Dreamweaver . .

[ ]. .

.

1. > .

2. . [] [] .

3. . HTML, JS, CSS, LESS .

4. (, , ) .

.

.

: F3 (Win), Cmd+G (Mac) : Shift+F3 (Win), Cmd+Shift+G (Mac)

ShowPreview API

Dreamweaver . mm:browsercontrol API APIshowPreview . , API JavaScript .

Dreamweaver API : .

Dreamweaver . .

HTML, CSS, LESS, SASS, SCSS, JS, PHP, XML SVG () .

, , . , .

9

http://idiom-q-win-1/kr/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/apiref/code-view-functions.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/apiref/code-view-functions.html#main-pars_header

. . .

Dreamweaver Extract .Dreamweaver 2015 Photoshop . Photoshop .

: (5)

Photoshop HiDPI .

HTML . . .

.

Extract

Extract%

Extract

JavaScript . , 2X .

PSD .

10

https://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttps://helpx.adobe.com/kr/dreamweaver/how-to/batch-extract-assets.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/collapsing-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/collapsing-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/collapsing-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_19http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_19http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_29http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_29http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_29http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_29http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_29http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_29http://idiom-q-win-1/kr/dreamweaver/using/dreamweaver-integration-extract.html#main-pars_header_1http://idiom-q-win-1/kr/dreamweaver/using/dreamweaver-integration-extract.html#main-pars_header_1http://idiom-q-win-1/kr/dreamweaver/using/dreamweaver-integration-extract.html#main-pars_header_1http://idiom-q-win-1/kr/dreamweaver/using/dreamweaver-integration-extract.html#main-pars_header_1http://idiom-q-win-1/kr/dreamweaver/using/dreamweaver-integration-extract.html#main-pars_header_1http://idiom-q-win-1/kr/dreamweaver/using/dreamweaver-integration-extract.html#main-pars_header_1

% %

%

Extract % . % .

Extract % . .

. , .

/ : 30% : 40%

- ,

.

11

.

.

: . . HTML, CSS JS .

Linting Linting .

CSS

CSS CSS .

: CSS, . .

CSS, .

: . CSS .

.

CSS

12

http://idiom-q-win-1/kr/dreamweaver/using/collapsing-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/collapsing-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/collapsing-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/linting-code.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_10http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_11http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_13http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_14http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_14http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_14http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_14http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_14

Dreamweaver CSS .

CSS

CSS .

: max-width : min-width max-width : min-width

CSS

: Dreamweaver , . ( ) Dreamweaver .

13

http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8http://idiom-q-win-1/kr/dreamweaver/using/whats-new.html#main-pars_header_8

: + . .

: , .

+ - : CSS + - .

: .

.

Dreamweaver , . .

Dreamweaver , . (: _remote) , (: _testing) .

Dreamweaver , , . Dreamweaver [ ] [ ] .

.

Business Catalyst

Business Catalyst Dreamweaver CC 2015 . Dreamweaver CC 2014.1.1 Business Catalyst .

Dreamweaver CC 2015 Business Catalyst Dreamweaver SFTP . Business Catalyst .

Business Catalyst .

14

http://idiom-q-win-1/kr/dreamweaver/using/set-testing-server.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/set-testing-server.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/set-testing-server.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/set-testing-server.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/set-testing-server.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/set-testing-server.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/set-testing-server.htmlhttp://docs.businesscatalyst.com/user-manual#!/site-design/bc-and-dreamweaver/connect-to-your-site-using-dreamweaverhttp://docs.businesscatalyst.com/user-manual#!/site-design/bc-and-dreamweaver/connect-to-your-site-using-dreamweaverhttp://www.businesscatalyst.com/bc-blog/BCExtensionforDWhttp://www.businesscatalyst.com/bc-blog/BCExtensionforDWhttp://www.businesscatalyst.com/bc-blog/BCExtensionforDWhttp://www.businesscatalyst.com/bc-blog/BCExtensionforDW

Twitter Facebook Creative Commons .

|

, , HTML .

. .

, , .

15

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_kr

Creative Cloud

16

Creative Cloud

Adobe Creative Cloud . , Behance .

Creative Cloud

Typekit

Creative Cloud Market

Behance

Creative Cloud , . Creative Cloud . .

Creative Cloud . Adobe Application Manager Creative Cloud . CreativeCloud .

1. (Windows) Apple (Mac OS) Adobe Creative Cloud .

Adobe Creative Cloud .

2. Apps . . .

17

http://creative.adobe.com/ko/products/creative-cloudhttp://creative.adobe.com/ko/products/creative-cloudhttp://creative.adobe.com/ko/products/creative-cloudhttp://creative.adobe.com/ko/products/creative-cloudhttp://creative.adobe.com/ko/products/creative-cloudhttp://creative.adobe.com/ko/products/creative-cloudhttp://creative.adobe.com/ko/products/creative-cloudhttp://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloud

3. . .

4. .

5. .

CC CS6 .

18

Photoshop, Illustrator . . Creative Cloud .

Creative Cloud . , Creative Cloud Files . CreativeCloud .

.

Creative Cloud Files , .

> > CreativeCloud Files .

. Creative Cloud .

Creative Cloud Assets . Creative Cloud Files .

Creative Cloud .

Typekit

19

https://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloudhttps://creative.adobe.com/ko/products/creative-cloudhttps://assets.adobe.com/fileshttps://assets.adobe.com/files

Typekit Creative Cloud . Creative Cloud .

Creative Cloud Typekit .

. .

1. Creative Cloud .2. Typekit . Typekit .3. Typekit + .4. .

? .

Adobe Stock , . , Adobe Stock . .

Creative Cloud .

20

Creative Cloud

1. [] .2. [] .

Adobe Stock .

Adobe Stock Creative Cloud Libraries

21

Adobe Stock . Photoshop, lllustrator, InDesign, Premiere Pro,After Effects Creative Cloud . .

Photoshop, Illustrator, InDesign Creative Cloud . .

Adobe Stock .

Creative Cloud Market . Creative Cloud Creative Cloud ,, , UI . Creative Cloud 500 . .

.

Behance

Behance . .

22

http://idiom-q-win-1/kr/creative-cloud/help/market.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/market.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/market.htmlhttp://www.behance.net/

.

Behance , , . . .

Behance .

Behance Adobe Behance .

Creative Cloud . , , .

23

http://idiom-q-win-1/kr/creative-cloud/kb/publish-behance.htmlhttp://idiom-q-win-1/kr/creative-cloud/kb/publish-behance.htmlhttp://idiom-q-win-1/kr/creative-cloud/kb/publish-behance.htmlhttp://idiom-q-win-1/kr/creative-cloud/kb/publish-behance.htmlhttp://forums.adobe.com/community/behancehttp://forums.adobe.com/community/behance

: Adobe Creative Cloud, , Behance, Typekit, ,

.

Adobe

| Creative Cloud Creative Cloud Creative Cloud 2015

Creative Cloud 2015 OS Creative Cloud FAQAdobe ID FAQ

> .

Creative Cloud . .Creative Cloud .AEM AEM . AEM .Creative Cloud Apps ., Behance . OS .

?

24

http://forums.adobe.com/community/creative_cloudhttp://forums.adobe.com/community/creative_cloudhttp://forums.adobe.com/community/creative_cloudhttp://helpx.adobe.com/kr/contact.html?product=creative-cloudhttp://www.adobe.com/kr/products/creativecloud/faq.html


|

25


,

:

Adobe Creative Cloud . , . PSD, AI, INDD, JPG, PDF, GIF, PNG, Photoshop Touch, Ideas .

Adobe Creative Cloud . , . Creative Cloud .ai .

Creative Cloud , Creative Cloud , Creative Cloud . Creative Cloud Assets .

Creative Cloud Files

Creative Cloud

, , , , ( ) , Creative Cloud Assets .

26

http://assets.adobe.com/http://assets.adobe.com/

: Creative Cloud Files .

: Creative Cloud .

: .

, Creative Cloud .

Creative Cloud Libraries .

:

. , .

.

Creative Cloud Files , . > > Creative Cloud Files .

Creative Cloud Creative Cloud Files > .

|, ", ?, , /, *, : . AUX Com1 . Creative Cloud . : .

27

Creative Cloud Assets Creative Cloud . Creative Cloud Assets

.

Creative Cloud Assets .

. Creative Cloud Photoshop Touch, Adobe Ideas Creative Cloud .

Creative Cloud Assets .

: . .PSD .AI . FAQ .

1. .2. > .

Creative Cloud Adobe Touch Apps . OS Creative Cloud . Creative Cloud . CreativeCloud .

28

http://assets.adobe.com/http://assets.adobe.com/

Creative Cloud

. . .

.

.

1. Creative Cloud , Creative Cloud Touch Apps Creative Cloud Assets . > .

2. .3. .

1. .2. .

Creative Cloud .

2GB

Creative Cloud() 2GB

Creative Cloud( ) 20GB

Creative Cloud for teams 100GB

Creative Cloud Creative Cloud .

Creative Cloud 1GB . . . , .

29

http://assets.adobe.com/https://assets.adobe.com/activityhttps://assets.adobe.com/activity


|

:

.

Adobe

Creative Cloud Assets

(, 10)Adobe Creative Cloud : FAQ

.

. , . 100KB 500KB .

30

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttp://forums.adobe.com/community/creative_cloudhttp://forums.adobe.com/community/creative_cloudhttp://forums.adobe.com/community/creative_cloudhttp://helpx.adobe.com/kr/contact.html?product=creative-cloudhttp://status.creativecloud.com/http://status.creativecloud.com/

Typekit

Typekit .

Typekit Creative Cloud , Creative Cloud Typekit .

Creative Cloud ( , , ) Typekit . Typekit Typekit .

Creative Cloud:

Typekit . Typekit.com .

Typekit :

Typekit . .

Typekit.com :

Adobe ID Typekit.com .

Typekit

Typekit Creative Cloud . Creative Cloud (: Photoshop InDesign) MS Word .

Creative Cloud . . Creative Cloud .

Typekit , .

, .

Typekit

Typekit . .

31

http://creative.adobe.com/ko/joinhttps://typekit.com/planshttps://typekit.com/planshttp://creative.adobe.com/ko/products/typekithttp://creative.adobe.com/ko/products/typekithttp://creative.adobe.com/ko/products/typekithttp://creative.adobe.com/ko/products/typekithttp://typekit.com/planshttp://typekit.com/planshttp://typekit.com/planshttp://typekit.com/planshttp://typekit.com/https://helpx.adobe.com/kr/creative-cloud/help/creative-cloud-desktop.htmlhttps://helpx.adobe.com/kr/creative-cloud/help/creative-cloud-desktop.html

. .

A. B.

.

32

. .

.

Creative Cloud . Creative Cloud .

33

InDesign CCTypekit

Premiere Pro CCTypekit

Illustrator CCTypekit

After Effects CCTypekit

Photoshop CCTypekit

. . Microsoft Office .

Typekit InDesign

Creative Cloud Typekit .

34

http://idiom-q-win-1/kr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/kr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/kr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/kr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/kr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/kr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/kr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/kr/indesign/using/working-with-typekit-fonts-indesign.htmlhttp://idiom-q-win-1/kr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/kr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/kr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/kr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/kr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/kr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/kr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/kr/premiere-pro/using/whats-new.html#Support%20for%20fonts%20from%20Typekithttp://idiom-q-win-1/kr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/kr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/kr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/kr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/kr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/kr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/kr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/kr/illustrator/using/typekit-fonts.htmlhttp://idiom-q-win-1/kr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/kr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/kr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/kr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/kr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/kr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/kr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/kr/after-effects/using/whats-new.html#typekit-desktop-aehttp://idiom-q-win-1/kr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/kr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/kr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/kr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/kr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/kr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/kr/photoshop/using/fonts-typekit.htmlhttp://idiom-q-win-1/kr/photoshop/using/fonts-typekit.html

Adobe Creative Cloud Typekit.com .

.

1. Adobe Creative Cloud . . Typekit.com .

2. .

Typekit

. .

1. Creative Cloud > > Creative Cloud .

2. .

3. .

Typekit

Creative Cloud . Typekit .

Creative Cloud .

35


|

| Typekit.comCreative Cloud

36

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttp://help.typekit.com/customer/portal/topics/514077-syncing-fonts-to-the-desktop/articleshttp://help.typekit.com/customer/portal/topics/514077-syncing-fonts-to-the-desktop/articleshttp://help.typekit.com/customer/portal/topics/514077-syncing-fonts-to-the-desktop/articleshttp://help.typekit.com/customer/portal/topics/514077-syncing-fonts-to-the-desktop/articleshttp://help.typekit.com/customer/portal/topics/514077-syncing-fonts-to-the-desktop/articleshttp://help.typekit.com/customer/portal/topics/514077-syncing-fonts-to-the-desktop/articleshttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.htmlhttp://helpx.adobe.com/kr/creative-cloud/how-to/cc-add-fonts-to-desktop.html


Creative Cloud Market , Creative Cloud . Creative Cloud Market CreativeCloud , , , UI . Creative Cloud 500 . .

Creative Cloud Adobe Photoshop Sketch . Creative Cloud . . Creative Cloud Market .

Creative Cloud . > . .

1. Creative Cloud > .

2. Creative Cloud Market .

: (PSD) : , , , PSD (PSD ) : Photoshop, InDesign Illustrator (SVG ): , , , 3D (PNG/SVG ): , (PNG/SVG ): Photoshop (ABR/TPL )

.

37

https://helpx.adobe.com/kr/creative-cloud/help/creative-cloud-desktop.htmlhttps://helpx.adobe.com/kr/creative-cloud/help/creative-cloud-desktop.html

3. .

.

4. .

5. . . Creative Cloud Libraries .

Creative Cloud Files Market Downloads .

38

FAQ

Creative Cloud Market ?

(Photoshop Creative Cloud ) Creative Cloud Creative Cloud Market . Creative Cloud Adobe Sketch iPad Adobe Creative Cloud Market . Creative Cloud Creative Cloud . Creative Cloud Market Creative Cloud .


Creative Cloud Market Creative Cloud , . Creative Cloud Market, TypeKit ProSite Creative Cloud Creative Cloud . Creative Cloud Market Creative Cloud .

Creative Cloud ?

Creative Cloud Market Creative Cloud . , , . Creative Cloud Creative Cloud Market .

Creative Cloud Creative Cloud Market . Creative Cloud Market .

?

. Creative Cloud Files . . .

?

. .

?

, Creative Cloud Market .

39

http://sketch.adobe.com/https://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttps://creative.adobe.com/ko/planshttp://idiom-q-win-1/kr/creative-cloud/help/sync-files.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/sync-files.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/sync-files.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/sync-files.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/sync-files.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/sync-files.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/sync-files.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/sync-files.html


|

?

. Creative Cloud , .

Adobe Creative Cloud Market ?

Adobe Behance .


Adobe Behance . Adobe Behance .

40

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttp://www.behance.net/

Creative Cloud Extract

Creative Cloud Extract Photoshop . Extract .

Photoshop HTML CSS . Photoshop . PSD . .

Extract , Photoshop CC Creative Cloud PSD . Dreamweaver CC .

Creative Cloud Extract PSD . Extract .

Photoshop CC . Creative Cloud PSD Extract , CSS . CSS . Dreamweaver , , Extract

41

Photoshop

Photoshop Adobe Generator . , .

Dreamweaver Extract

Dreamweaver PSD CSS , . , .


CreativeCloud PSD , ,, , , CSS . PNG,SVG JPG .

Extract for Brackets (Preview)

Brackets Extract Extract . Extract for Brackets(Preview) PSD CSS . , PSD , / .

CreativeCloud PSD .

Creative Cloud . . Creative Cloud .

Creative Cloud Typekit Typekit .

.

Creative Cloud , .


.

> > >

42

http://helpx.adobe.com/kr/photoshop/using/extract-layers-image-assets.htmlhttp://helpx.adobe.com/kr/photoshop/using/extract-layers-image-assets.htmlhttp://helpx.adobe.com/kr/photoshop/using/extract-layers-image-assets.htmlhttp://helpx.adobe.com/kr/photoshop/using/extract-layers-image-assets.htmlhttp://helpx.adobe.com/kr/photoshop/using/extract-layers-image-assets.htmlhttp://helpx.adobe.com/kr/photoshop/using/extract-layers-image-assets.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/dreamweaver-integration-extract.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/dreamweaver-integration-extract.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/dreamweaver-integration-extract.htmlhttp://helpx.adobe.com/kr/creative-cloud/help/extract-css-images-psd-files.htmlhttp://helpx.adobe.com/kr/creative-cloud/help/extract-css-images-psd-files.htmlhttp://helpx.adobe.com/kr/creative-cloud/help/extract-css-images-psd-files.htmlhttp://helpx.adobe.com/kr/creative-cloud/help/extract-for-brackets.htmlhttp://idiom-q-win-1/kr/creative-cloud/faq.htmlhttp://forums.adobe.com/http://idiom-q-win-1/kr/contact.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/extract-assets-browser-workflow.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/extract-assets-browser-workflow.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/extract-assets-browser-workflow.htmlhttp://www.adobe.com/go/extract_forumshttp://www.adobe.com/go/extract_forumshttp://idiom-q-win-1/kr/contact.html?step=CCSNhttp://idiom-q-win-1/kr/contact.html?step=CCSN


|

43


Creative Cloud LibrariesAdobe Creative Cloud 2015

Creative Cloud Libraries



Creative Cloud : Creative Cloud Libraries Adobe Stock Creative Cloud Libraries

FAQ

Adobe CreativeSync Creative Cloud Libraries . Creative Cloud , , .


44

http://idiom-q-win-1/kr/creative-cloud/how-to/creative-cloud-libraries.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/creative-cloud-libraries.html

. Creative Cloud AdobeStock Creative CloudMarket .

, .

.

Creative Cloud

Shape CC

N/A Adobe Shape CC FAQ

Color CC

N/A Adobe Color CC FAQ

Brush CC N/A Adobe Brush CC FAQ

IllustratorDraw N/A

Adobe Illustrator Draw FAQ

PhotoshopSketch N/A Adobe Photoshop Sketch FAQ

Illustrator Line N/A

Adobe Illustrator Line CC FAQ

Hue CC N/A Adobe Hue CC FAQ

Comp CC N/A Adobe Comp CC FAQ

Premiere Clip N/A Adobe Premiere Clip FAQ

PhotoshopMix N/A Adobe Photoshop Mix FAQ

CreativeCloud

N/A Creative Cloud |

45

http://idiom-q-win-1/kr/mobile-apps/help/shape-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/color-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/brush-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/draw-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/sketch-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/line-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/hue-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/comp-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/clip-faq.htmlhttp://idiom-q-win-1/kr/mobile-apps/help/mix-faq.htmlhttp://idiom-q-win-1/kr/creative-cloud/faq.htmlhttp://idiom-q-win-1/kr/creative-cloud/faq.htmlhttp://idiom-q-win-1/kr/creative-cloud/faq.htmlhttp://idiom-q-win-1/kr/creative-cloud/faq.html

Adobe . .

Creative Cloud Creative Cloud Libraries . . Creative Cloud Assets .

Creative Cloud .


Creative Cloud Market . Creative Cloud Creative Cloud Market . Creative .

Photoshop Photoshop Creative Cloud Libraries

Illustrator Illustrator Creative Cloud Libraries

InDesign InDesign Creative Cloud Libraries

Premiere Pro Premiere Pro Creative Cloud Libraries

After Effects After Effects Creative Cloud Libraries

Creative CloudMarket (CreativeCloud )

N/A Creative Cloud Market

Creative CloudAssets

(, )

Creative Cloud Assets |

: Creative Cloud Libraries

Creative Cloud Libraries . Creative Cloud Adobe Stock Creative Cloud Market .

46

http://assets.adobe.com/http://idiom-q-win-1/kr/creative-cloud/help/market.htmlhttp://idiom-q-win-1/kr/photoshop/using/cc-libraries-in-photoshop.htmlhttp://idiom-q-win-1/kr/photoshop/using/cc-libraries-in-photoshop.htmlhttp://idiom-q-win-1/kr/photoshop/using/cc-libraries-in-photoshop.htmlhttp://idiom-q-win-1/kr/illustrator/using/creative-cloud-libraries-sync-share-assets.htmlhttp://idiom-q-win-1/kr/illustrator/using/creative-cloud-libraries-sync-share-assets.htmlhttp://idiom-q-win-1/kr/illustrator/using/creative-cloud-libraries-sync-share-assets.htmlhttp://idiom-q-win-1/kr/indesign/using/creative-cloud-libraries-sync-share-assets.htmlhttp://idiom-q-win-1/kr/indesign/using/creative-cloud-libraries-sync-share-assets.htmlhttp://idiom-q-win-1/kr/indesign/using/creative-cloud-libraries-sync-share-assets.htmlhttp://idiom-q-win-1/kr/premiere-pro/using/creative-cloud-libraries.htmlhttp://idiom-q-win-1/kr/premiere-pro/using/creative-cloud-libraries.htmlhttp://idiom-q-win-1/kr/premiere-pro/using/creative-cloud-libraries.htmlhttp://idiom-q-win-1/kr/after-effects/using/creative-cloud-libraries.htmlhttp://idiom-q-win-1/kr/after-effects/using/creative-cloud-libraries.htmlhttp://idiom-q-win-1/kr/after-effects/using/creative-cloud-libraries.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/market.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.htmlhttp://idiom-q-win-1/kr/creative-cloud/how-to/assets-get-started.html

( > ) .

.

Creative Cloud Assets . .

Creative Cloud Libraries ( > ) . , .

Creative Cloud Assets . , .

Adobe Stock Creative Cloud Libraries

Adobe Stock Creative Cloud Libraries . Adobe Stock . Photoshop, lllustrator,InDesign, Premiere Pro, After Effects Creative Cloud . .

Photoshop, Illustrator, InDesign Creative Cloud , . .

Adobe Stock .

FAQ

?

1,000 .

?

, .

?

.

47

https://assets.adobe.com/assets/libraries/http://idiom-q-win-1/kr/creative-cloud/help/share.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/share.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/share.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.htmlhttps://assets.adobe.com/assets/libraries/http://idiom-q-win-1/kr/creative-cloud/help/share.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/share.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.htmlhttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.htmlhttp://idiom-q-win-1/kr/stock/help/using-adobe-stock.htmlhttp://idiom-q-win-1/kr/stock/help/using-adobe-stock.html


|

, Photoshop .

?

. . .

Creative Cloud ?

. Photoshop , Photoshop .

Illustrator Photoshop InDesign , . .

?

Creative Cloud .

?

. .

Brush, Color Shape Creative Cloud Libraries . . , Creative Cloud .

Creative Cloud ?

Creative Cloud Libraries Creative Cloud .

Creative Cloud Libraries ?

.

Creative Cloud Libraries ()Illustrator Creative Cloud LibrariesPhotoshop Creative Cloud Libraries


Shape CCBrush CCColor CCIllustrator DrawPhotoshop Sketch

48

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttps://www.adobe.com/go/gffooter_online_privacy_policy_krhttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.html#collaborate_librarieshttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.html#collaborate_librarieshttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.html#collaborate_librarieshttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.html#collaborate_librarieshttp://idiom-q-win-1/kr/creative-cloud/help/collaboration.html#collaborate_librarieshttps://helpx.adobe.com/kr/creative-cloud/how-to/creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/creative-cloud/how-to/creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/creative-cloud/how-to/creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/creative-cloud/how-to/creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/creative-cloud/how-to/creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/illustrator/how-to/illustrator-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/illustrator/how-to/illustrator-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/illustrator/how-to/illustrator-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/illustrator/how-to/illustrator-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/illustrator/how-to/illustrator-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/photoshop/how-to/photoshop-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/photoshop/how-to/photoshop-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/photoshop/how-to/photoshop-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/photoshop/how-to/photoshop-creative-cloud-libraries.htmlhttps://helpx.adobe.com/kr/photoshop/how-to/photoshop-creative-cloud-libraries.htmlhttp://helpx.adobe.com/kr/mobile-apps/how-to/shape-get-started.htmlhttp://helpx.adobe.com/kr/mobile-apps/how-to/adobe-brush-create-brushes.html?set=mobile-apps--fundamentals--adobe-brush-cchttp://helpx.adobe.com/kr/mobile-apps/how-to/adobe-color-get-started.html?set=mobile-apps--fundamentals--adobe-color-cchttp://helpx.adobe.com/kr/mobile-apps/how-to/illustrator-draw-get-started.html?set=mobile-apps--fundamentals--adobe-illustrator-drawhttps://helpx.adobe.com/kr/ink-and-slide/how-to/sketch-draw-share-concepts.html?set=mobile-apps--fundamentals--adobe-photoshop-sketch

Dreamweaver

Dreamweaver CSS

Dreamweaver

, .

, . , , - . . ( Dreamweaver .)

, . [] , , / , . [] . [] Dreamweaver . Dreamweaver AdobeContribute . ( .)

Dreamweaver . Dreamweaver .Dreamweaver

50

http://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e6ba.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e6ba.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e6ba.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e6ba.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e6ba.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e6ba.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e6ba.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7e6ba.html

. .(CSS HTML .)

, , , , , , , HTML , . . Dreamweaver . ( .)

. Dreamweaver , . ( .)

, . , Dreamweaver . ( .)

Dreamweaver , , JavaBeans . .

/ . ( .)

. . . ( .)

Dreamweaver . .

51

http://help.adobe.com/ko_KR/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7d17a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7d17a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7d17a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7d17a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7d17a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7bf2a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7bf2a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7bf2a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7bf2a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7bf2a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7a31a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7a31a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7a31a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7a31a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7a31a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7a31a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7a31a.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-79bea.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-79bea.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-79bea.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-79bea.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-79bea.html

:

Dreamweaver

A. B. Extract C. D. E. F. G. H. I.

.

Dreamweaver , . , [Window] .

. Dreamweaver . .

, (Windows ) .

( , ) .

> > . , , Bridge, , , , , , , , .

( ) .

.

. .

52

Extract

. . .

. , CSS . .

Creative Cloud PSD . PSD CSS, , , , , , PSD .

, , . HTML . , [] . [] [] .

Dreamweaver . [] .

. .

.

( > ) . HTML . HTML .

( > ) , . Dreamweaver .

( > ) HTML, JavaScript .

( > ) , .

( > ) .

( > ) . . .

[] () [] . .

( ) . CSS JavaScript . [] .

53

http://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.htmlhttp://idiom-q-win-1/kr/dreamweaver/using/live-view-property-inspector.html

/

. .

A. B. C. D. E. F. G. H. / I. J.

.

.

/ . .

. HTML . . .

. .

[ ] .

, , Bridge , , , , , , , , . .

. . (:http://www.adobe.com/kr) .

54

A. B. C.

. . [ ] [ ] [ ] .

, , , , . .

(CC)

( > > ).

[ ], [ ], [ ] . XML . Dreamweaver .

.

55

A. B. C. D. E.

. . . class ID (Windows) Control (Macintosh) ID .

(480 x 800) . > .

(768 X 1024) . > .

(1000 ) . > .

( ) [] . . .

. . .

(: ) . . , ( , , ) .

.

, . .

56

jQuery Mobile

jQuery UI

. . , [] [ ] [] Dreamweaver . .

[] .

div , .

div , , , , .

Edge Animate , HTML5 , Flash .

, .

jQuery Mobile .

, jQuery UI .

, , .

57

WindowsMac

[ ] .

[] Dreamweaver .

[] , , [] . [] , , SVN . , SVN .

Dreamweaver [] .

[] , .

58

WindowsMac

Windows Mac

WindowsMac

[] . [] . [] [ ] .

[ ] . .

CSS

CSS (Windows > CSS ) CSS CSS .

59

@

CSS

CSS .

CSS . CSS .

[] . CSS .

[] . . CSS .@ .

. .

CSS Designer . . CSS Designer

60

http://idiom-q-win-1/kr/dreamweaver/using/css-designer.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/using/css-designer.html#main-pars_headerhttp://idiom-q-win-1/kr/dreamweaver/using/css-designer.html#main-pars_header


|

.

CSS .

Dreamweaver . .

.

Adobe Photoshop Adobe Fireworks .

.

(AP ) .

AP , AP AP . , . .

Dreamweaver Dreamweaver

61

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://help.adobe.com/ko_KR/dreamweaver/cs/extend/WS47CFA49D-C679-4300-9116-32E3B8B65326.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/extend/WS47CFA49D-C679-4300-9116-32E3B8B65326.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/extend/WS47CFA49D-C679-4300-9116-32E3B8B65326.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/extend/WS47CFA49D-C679-4300-9116-32E3B8B65326.htmlhttp://help.adobe.com/ko_KR/dreamweaver/cs/extend/WS47CFA49D-C679-4300-9116-32E3B8B65326.html

Dreamweaver

:

:

:

:

:

:

(Dreamweaver Macintosh) Dreamweaver Dreamweaver Dreamweaver Dreamweaver Dreamweaver

Dreamweaver CC . Dreamweaver CC . .

. .Fireworks .

Photoshop . .

,

.

. ( ) .

Photoshop > > > > . kb405298 .

Dreamweaver . [] (Windows), > . Dreamweaver " " . Macintosh .

.

, . [] .

. [ ] [ ] .

.

.

62

http://www.adobe.com/go/learn_dw_ui_krhttp://www.adobe.com/go/learn_dw_ui_krhttp://www.adobe.com/go/learn_dw_ui_krhttp://kb2.adobe.com/cps/405/kb405298.html

:

, . .

, , .

( ) .

. .

[] .

[] .

. .

. , . .

( ) , .

.

.

.

A. B. C.

63

:

Ctrl (Windows) Command (Mac OS) . Esc .

. .

(Windows) Control (Mac) .

.

.

.

.

.

. .

.

.

.

.

64

, ( ) .

. Photoshop [] .

. .

.

.

. .

, .

.

. . . , .

. .

65

:

1. .

(Illustrator) > > .

(Photoshop, InDesign, InCopy) > > .

(Dreamweaver) > > .

(Flash) .

(Fireworks) .

2. .

3. (Photoshop, InDesign) .

(InDesign ).

(Photoshop ).

.

.

Photoshop .

[ ] [] . Fireworks .

(Photoshop, InDesign, InCopy) .

(Illustrator) > > .

(Photoshop, InDesign) > > .

1. . Fireworks http://www.adobe.com/devnet/fireworks/articles/workspace_manager_panel.html .

Dreamweaver Designer .

2. Fireworks(Windows) , .

Windows Vista

\\Users\\AppData\Roaming\Adobe\Fireworks CS4\

Windows XP

\\Documents and Settings\\Application Data\Adobe\Fireworks CS4

3. (Photoshop, InDesign, InCopy) > > [ ] .

(Photoshop)

Photoshop . , .

66

http://www.adobe.com/devnet/fireworks/articles/workspace_manager_panel.html

> > .

Photoshop .

.

(Dreamweaver Macintosh)

. .

Control [ ] .

> .

1. Dreamweaver > [] .

2. [ ] [] .

, . .

Dreamweaver CS4 . .

.

> .

.

.

Dreamweaver

Dreamweaver . . .

[ ] .

67

1. > (Windows) Dreamweaver > (Macintosh) .

2. [] [ ] .

Dreamweaver

Windows XP Mac OS X Dreamweaver .

Dreamweaver . Dreamweaver . .

, Windows XP C:\Documents and Settings\ \Application Data\Adobe\Dreamweaver\ko_KR\Configuration . Windows > .

Windows Vista C:\Users\ \AppData\Roaming\Adobe\Dreamweaver\ko_KR\Configuration . Windows > .

Mac OS X , Users/ /Library/Application Support/Adobe/Dreamweaver/Configuration .

Dreamweaver , Dreamweaver . .

Dreamweaver


2. .

(Macintosh ).

Dreamweaver Dreamweaver .

Dreamweaver . Dreamweaver .

. / , .

(: CSS JavaScript ) . , .

[ ] . .

, . , , . ( .)

, , Shockwave Dreamweaver . , . FireworksHTML .

68

http://idiom-q-win-1/kr/dreamweaver/using/linking.html#update_links_automaticallyhttp://idiom-q-win-1/kr/dreamweaver/using/linking.html#update_links_automaticallyhttp://idiom-q-win-1/kr/dreamweaver/using/linking.html#update_links_automaticallyhttp://idiom-q-win-1/kr/dreamweaver/using/linking.html#update_links_automaticallyhttp://idiom-q-win-1/kr/dreamweaver/using/linking.html#update_links_automatically

2

:

-

:

Ctrl (Windows) Command (Macintosh).

2 (: ) 2 . 2 .

Enter(Windows) Return(Macintosh) p . h1 h2 . Enter Return . .

. . , . . . .

Dreamweaver b strong i em . HTML [] > [] > [] [] > [] > [] . b i .

W3C(World Wide Web Consortium) b i strong em b i .

Dreamweaver . . .

[ ] divalign="center" center .

HTML 4.01 CSS . XHTML 1.0 Transitional XHTML 1.0 Strict .

[ ] . . [ ] .

.

. (: ) [] .

Dreamweaver

. Dreamweaver . , [ ] Dreamweaver . CSS .

.


2. [] [] .

3. [ ] (: ) .

69

http://idiom-q-win-1/kr/dreamweaver/using/automating-tasks.html#task_automationhttp://idiom-q-win-1/kr/dreamweaver/using/automating-tasks.html#task_automationhttp://idiom-q-win-1/kr/dreamweaver/using/automating-tasks.html#task_automationhttp://helpx.adobe.com/kr/dreamweaver/using/creating-opening-documents.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/creating-opening-documents.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/creating-opening-documents.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/creating-opening-documents.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/creating-opening-documents.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/creating-opening-documents.htmlhttp://helpx.adobe.com/kr/dreamweaver/using/creating-opening-documents.html


|

:

:

2 .

4. .

[] . , .

Dreamweaver (: , , ) . . Windows Times New Roman12pt(), Mac OS Times 12pt.

Dreamweaver pre, code tt . . Windows Courier New 10pt(),Mac OS Monaco 12pt.

. .

Dreamweaver

Dreamweaver , , , .

1. > [ ] .

2. , Color Picker 16 .

1. > [ ] .

2. [] .

Dreamweaver 83912 .

Adobe

70

http://creativecommons.org/licenses/by-nc-sa/3.0/http://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://help.adobe.com/ko_KR/legalnotices/index.htmlhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://helpx.adobe.com/go/gffooter_online_privacy_policy_krhttp://help