You are on page 1of 731

ADOBE DREAMWEAVER CS5

28.4.2010.

2010 Adobe Systems Incorporated and its licensors. All rights reserved.

Adobe Dreamweaver CS5 Windows Mac OS


This user guide is protected under copyright law, furnished for informational use only, is subject to change without notice, and should not be construed as a
commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibility or liability for any errors or inaccuracies that may appear
in the informational content contained in this guide.
This user guide is licensed for use under the terms of the Creative Commons Attribution Non-Commercial 3.0 License. This License allows users to copy,
distribute, and transmit the user guide for noncommercial purposes only so long as (1) proper attribution to Adobe is given as the owner of the user guide; and
(2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. The best way to provide notice is to include
the following link. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/
Adobe, the Adobe logo, ActionScript, ColdFusion, Contribute, Creative Suite, Director, Dreamweaver, Fireworks, Flash, FlashPaper, FreeHand, HomeSite,
Illustrator, InDesign, JRun, Shockwave, and Version Cue are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States
and/or other countries.
ActiveX, Microsoft, Windows, and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other
countries. Apple, Macintosh, and Mac OS are trademarks of Apple Inc., registered in the United States and other countries. Java, Solaris, and SunOS are
trademarks or registered trademarks of Sun Microsystems, Inc. in the United States and other countries. Linux is the registered trademark of Linus Torvalds in
the U.S. and other countries. UNIX is a registered trademark of The Open Group in the U.S. and other countries. Arial is a trademark of The Monotype
Corporation registered in the U.S. Patent and Trademark Office and certain other jurisdictions. Times New Roman is a registered trademark of The Monotype
Corporation registered in the U.S. Patent and Trademark Office and may be registered in certain other jurisdictions. All other trademarks are the property of
their respective owners.
Updated Information/Additional Third Party Code Information available at http://www.adobe.com/go/thirdparty.
This product includes software developed by the Apache Software Foundation (http://www.apache.org/).
This product includes software developed by CollabNet (http://www.Collab.Net/)
This product includes software developed by Fourthought, Inc.
MPEG Layer-3 audio coding technology licensed by Fraunhofer IIS and Thomson.
This software is based in part on the work of the Independent JPEG Group.
Speech compression and decompression technology licensed from Nellymoser, Inc. (www.nellymoser.com)
Video in Flash Player is powered by On2 TrueMotion video technology. 1992-2005 On2 Technologies, Inc. All Rights Reserved. http://www.on2.com.
This product contains either BSAFE and/or TIPEM software by RSA Security, Inc.
Sorenson Spark video compression and decompression technology licensed from Sorenson Media, Inc.

Notice to U.S. Government End Users. The Software and Documentation are Commercial Items, as that term is defined at 48 C.F.R. 2.101, consisting of
Commercial Computer Software and Commercial Computer Software Documentation, as such terms are used in 48 C.F.R. 12.212 or 48 C.F.R. 227.7202,
as applicable. Consistent with 48 C.F.R. 12.212 or 48 C.F.R. 227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and
Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights
as are granted to all other end users pursuant to the terms and conditions herein. Unpublished rights reserved under the copyright laws of the United States.
Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government End Users, Adobe agrees to comply with all applicable
equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment
Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60,
60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference.
Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA.

iii

28.4.2010.

1.
2.
Dreamweaver

........................................................... 4

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

,
CS4

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

3. Dreamweaver
Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Contribute Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

4.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104

( Contribute)

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

5.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126

6. c CSS
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
CSS

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137

CSS
Div

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

7. HTML


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204

DREAMWEAVER CS5 iv

28.4.2010.

8.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250

SWF

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263

FLV

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283

9.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303

10.
Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310

11.
Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 342

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366

12. JavaScript
JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368
Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371

13.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
Fireworks Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385

Photoshop Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 391

Flash Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 402

Adobe Bridge

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 402

Device Central

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405

DREAMWEAVER CS5 v

28.4.2010.

ConnectNow

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 406

AIR Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 407

14.
Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413

Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 424

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 426

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 428

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 439

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 440

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 442

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446

15. Spry
Spry . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448
Spry ( )

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 451

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 453

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 459

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 465

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 471

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 476

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 483

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 486


Spry
Spry

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 506

16. Adobe
Adobe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 511
BrowserLab

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 511

Business Catalyst InContext Editing

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 513

17. XML- XSLT


XML XSLT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 520
XSL-

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 527

XSL-

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 544

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 546

DREAMWEAVER CS5 vi

28.4.2010.

18.
- . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 549

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557

ColdFusion
ASP

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 563

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 564

PHP

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 572

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 574

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 580

19.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 581

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 584

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 586

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 592

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 593

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 609

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 613

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 615
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 625

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 626

20.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 639

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 647

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 656

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 662

(ColdFusion, ASP)

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 674

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 677


(ColdFusion)
ColdFusion
21.

-

. . . . . . . . . . . . . . . . . . . . . . . . . 669

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 679

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 682

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 682

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 690

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 693

ColdFusion

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 708

22.
Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 722

28.4.2010.

1.
Adobe Dreamweaver CS5.
Adobe BrowserLab
Dreamweaver CS5 Adobe BrowserLab, CS Live,
- . BrowserLab
- ,
. . BrowserLab 511.
Business Catalyst
Adobe Business Catalyst ,
-. Dreamweaver
: - -. .
http://www.adobe.com/go/business_catalyst_get_extension_ru.
/ CSS
/ CSS CSS
CSS. CSS , -.
. / CSS 155.
CSS
CSS (
, ) - (,
Firebug). . CSS- 156.
CSS
Dreamweaver CS5 CSS.
CS4 , . .
CSS 165.

,
PHP- (CMS),
. Dreamweaver CMS Wordpress, Drupal Joomla! . .
74.

,
.
URL- , -,
, . .
Dreamweaver 306.

28.4.2010.

DREAMWEAVER CS5 2

PHP
PHP ,
PHP, .
, , Zend.

- ( )
Dreamweaver .
. .
- 41.


PHP- CMS, WordPress, Drupal, Joomla! .
PHP
. .
327.
Subversion
Dreamweaver CS5 Subversion, ,
, SVN.
.
, Subversion . .
Subversion (SVN) 95.

Dreamweaver CS5.


ASP/JavaScript
JavaScript
FTP/RDS
JavaScript Shockwave SWF
-
JavaScript
InContext Editing CSS
FlashPaper
/ Web
Microsoft Visual Sourcesafe

JavaScript
( )

28.4.2010.

JavaScript
JavaScript

DREAMWEAVER CS5 3

28.4.2010.

2.

Dreamweaver
Dreamweaver
- . .

, , ,
. , ,
, , , .
, , . .
Dreamweaver 39.

, ,
.
, ,
/, ,
. .
Dreamweaver. Dreamweaver
AdobeContribute. C.
77 118.
-

Dreamweaver. AP
Dreamweaver, CSS CSS.

. ,
. ,
Dreamweaver, . .
c CSS 132 HTML
184.

28.4.2010.

DREAMWEAVER CS5 5


, , , ,
, , , HTML, .
, ,
. Dreamweaver
,
,
. , Dreamweaver
- -. .
219.

- . Dreamweaver

; ,
. . 311.
-
- ,
, ,
.
- , Dreamweaver,
. . 549.

Dreamweaver ,
, JavaBeans.
, .
,
,
( ); ,
. - Adobe ColdFusion, -
. ,
. . 581.

,
. .
, , . .
87.
Dreamweaver . www.adobe.com/go/lrvid4040_dw_ru.


Dreamweaver .
,
.

DREAMWEAVER CS5 6

28.4.2010.

WindowsDreamweaver .
.
A

E F

. B. C. D.
E. F. CS Live G. H. I.

Mac OS Dreamweaver ,
. ,
. ,
. ,
,
, Windows.

DREAMWEAVER CS5 7

28.4.2010.

. B. C. D. E. CS
Live F. G. H. I.

, Dreamweaver, .
www.adobe.com/go/lrvid4042_dw_ru.


, 22
CS4 24
(Dreamweaver Macintosh) 30
Dreamweaver


.
. Dreamweaver , .
, , .
.

Dreamweaver, .
,

( Windows) .
,

( ),
, .

28.4.2010.

DREAMWEAVER CS5 8

( .)
: , ,
Bridge, , , , , , ,
. , >
> .
( .) ,

.
( .) , ,
,
. , (CSS).
.
.

.
.
.

, .
.
.

, CSS . , .
: ,
. HTML,
. ,
, .
.
, Dreamweaver
.
, Windows Explorer (Windows) Finder (Macintosh).


18
, 22
/ 24


.
.
,

. Dreamweaver
, , .
HTML, JavaScript,

, PHP ColdFusion (CFML), .


,

, .

DREAMWEAVER CS5 9

28.4.2010.

.
,

, .
.
, .

. ,
,
.
.

( ),
. , Dreamweaver
.
.
Dreamweaver (
, ). ,
(, CSS JavaScript).
, .


18
306
72
Dreamweaver 311


,
.
,
. .
A

. B. C.
D. E. F.
G. CSS H. I. J.
K. L.

.
""

28.4.2010.

DREAMWEAVER CS5 10

" "
.
"" .
"" .

. XML, JavaScript, CSS


, .

, .
,

.
,
. , .
.
.
.
,

.
, ,
.
. DOM ( )
,
.
, ,

.
: , .

.
.
CSS .


22
307
318
356
184

28.4.2010.

DREAMWEAVER CS5 11


:
, , Bridge, , , , ,
, , . ,
.


22
63


( ) ,
,
, . ,
(CSS). , >
> .

, ,
. , :
, - .
, , . World Wide Web
www.w3.org/TR/CSS21/media.html.
Dreamweaver ( ,
).
.
, .
, .
,
, BlackBerry .
,

.
TTY , .
, .
CSS CSS.
.
.

.
www.adobe.com/go/vid0156_ru.


22

DREAMWEAVER CS5 12

28.4.2010.


,
, . Dreamweaver CS5,
,
(, http://www.adobe.com) Dreamweaver
.

. . .

.

.
,
.


Dreamweaver 306


,
: , ,
, .

.

DREAMWEAVER CS5 13

28.4.2010.

, ( >
> ).
(, ,
, ).
XML-, .
. Dreamweaver.


22
329

. B. C. D. E.
F. G. H.

, .

, . , <body>.
class ID , (Windows)
, Control (Macintosh),
.
.
.

.
( .)

.

, .
.


21
231
20
232

28.4.2010.

DREAMWEAVER CS5 14



, .
. ,
( , ,
, , ).

,
.


/ 25
23


: ,
. , ,
. (ASP,
CFML . .), .

28.4.2010.

DREAMWEAVER CS5 15

.
. ,
,
Dreamweaver .
.
.
,
.
, , div, Spry.

: ( ) .
,

Spry.
Spry, ,
, , , .
Spry Spry,

.
InContext Editing InContext Editing,

, CSS.
: b, em, p, h1, ul

.
,

.
, : ASP,

CFML, CFML, CFML, PHP.


, .
Dreamweaver,
.
( ,
).


219
Spry 448

28.4.2010.

DREAMWEAVER CS5 16


Dreamweaver.

, ,
. ,
, , SVN
. , ,
, SVN.
Dreamweaver ,
( , ).


81

28.4.2010.

DREAMWEAVER CS5 17

CSS
CSS CSS,
( ), ( ).
. CSS
CSS .

, .
CSS : ,
CSS , ,
( ),
, CSS , .
CSS : ( )
( ). ,
, , , .
CSS , .
,
.


CSS 137


Dreamweaver ,
,
. .

, ,
.

28.4.2010.

DREAMWEAVER CS5 18

- ,
Adobe Photoshop Adobe Fireworks.

(AP).
AP, , ,
AP
(, ).
, .


184

GoLive
GoLive, Dreamweaver,
Dreamweaver,
Dreamweaver. .
www.adobe.com/go/learn_dw_golive_ru.


Dreamweaver GoLive



, , ,
( )
.
, ( ).

> .
.


,
.
> .

28.4.2010.

DREAMWEAVER CS5 19

. ,
Dreamweaver ,
.

> .
.

> .
.

,
. ,
> "" .
. ,
Dreamweaver ,
.


Ctrl + ` ( ).

,
.


(
). .
1 , ( > )

( > ).
2 > .

,
( > ).
. ,
Dreamweaver ,
.

28.4.2010.

DREAMWEAVER CS5 20


8
307


, .


/ 24
(Dreamweaver Macintosh) 30


> .


> > (Windows).
> (Macintosh).


( ).
, ,
, .

. ( Windows) .
, , . ,

.

;
. , 536 x 196 (640 x 480, ),
, Microsoft Internet Explorer Netscape Navigator
640 x 480.

; , .

28.4.2010.

DREAMWEAVER CS5 21

,
1 .
2 .

( ),
.
3 .


1 .
2 .
3 .

, .
4 , .

, SVGA 800 x 600


17 , Mac 832 x 624 .
.


1 > (Windows) Dreamweaver > (Macintosh).
2 .
3 .
, .
(/),
. .
.


13
20

Dreamweaver
Dreamweaver ,
. .
, .
.
.
HTML, ,

.
, .

28.4.2010.

DREAMWEAVER CS5 22

HTML
. ,
; HTML ,
, Alt, ,
.
FTP FTP.
Adobe ColdFusion.


, 340
341
113
346
346
, 303
89
88
ColdFusion ( Windows) 348

,



,
, ,
. .

> , .
(Windows) Control (Macintosh)
, .
. ( >
),
" ".


9
11

28.4.2010.

DREAMWEAVER CS5 23

12
11



, .
.
,
.
. ,
.


14
243
/ 25
350


>


1 .

.
2 .

. ,
.
3 ,

.
(Windows) Return (Macintosh).
Tab .

28.4.2010.

DREAMWEAVER CS5 24


,
, . ,
.
1 (Windows) Control (Macintosh)

.
2 .

CS4
/
/ ,
/. .
Fireworks .
. Photoshop.
/ .

28.4.2010.

DREAMWEAVER CS5 25

,
, .

.
( )
.
. Photoshop > >
> >
.
. kb405298.
. Dreamweaver .
> ,
, . . ,
Dreamweaver.

.
, ,
, , .
.
. .
,
.

,
.
. .

/
/ /, , .
/ .

/,
/ .

/, (
).

/ / , ,
. / .

28.4.2010.

DREAMWEAVER CS5 26

/ .

/ .

, / .
, /.

/
/ ,
/. , / .
,
/ . / ,
, / .
. (
), , ,
.

, .
, .

28.4.2010.

DREAMWEAVER CS5 27

, , /
/ .
. . .

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

/
/, . , /
/ .

/ (Windows) Control
(Mac) .

/, .

/
/ , /
.

/ /.

/ , /
.

/ , /
.

, ( ).

/
/ /
. / /.
,
.

28.4.2010.

DREAMWEAVER CS5 28

/, /
, /.

/ , / .
. /,
.

/ / ,
/ , .

/
/, / /,
. (
).

/ .
/, Photoshop, .


/, / .
/ / .

/,

28.4.2010.

DREAMWEAVER CS5 29

,
.

/, .
/ , ( ),
. , .

/ , ,
.
-

, /
.

/ / ,
(/
).

/ ( /), .
, (
) ( ).

/
/,
/ , /
. /
/ .

/
1 /

(Illustrator) > > .


(Photoshop, InDesign, InCopy) > > .
( Dreamweaver) > >
.

( Flash)
.

( Fireworks)
.
2 /.

28.4.2010.

DREAMWEAVER CS5 30

3 ( Photoshop, InDesign) / .
( InDesign).
( Photoshop).
.

/
/ / .

Photoshop
.

/

/ , /
( Fireworks).

( Photoshop, InDesign, InCopy)


/.

( Illustrator) > > ,


.

(Photoshop, InDesign) > > ,


.

/
1

.
. Dreamweaver .
2 (InDesign, InCopy) > > [__].

(Photoshop)
Photoshop ,
. () .

> >
__.

, Photoshop,
.
.

(Dreamweaver Macintosh)
.
,
.

28.4.2010.

DREAMWEAVER CS5 31


, Control,


> .


1 Dreamweaver > , .
2 .

Dreamweaver .
, ,
.


Dreamweaver CS4 - ,
. ,
.
.

> .
.
,
.


/ 30

Dreamweaver
Dreamweaver , .
, .
, .


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

Dreamweaver
Dreamweaver
(Windows XP Mac OS X).

28.4.2010.

DREAMWEAVER CS5 32

Dreamweaver ,
, . Dreamweaver ,
,
. , .
, Windows XP C:\Documents and Settings\username\Application
Data\Adobe\Dreamweaver\ru_RU\Configuration, .
, > Windows,
.
Windows Vista C:\Users\_\AppData\Roaming\Adobe\Dreamweaver
\ru_RU\Configuration, . ,
> Windows,
.
Mac OS X Home; , Users/username/Library/Application
Support/Adobe/Dreamweaver/Configuration.
DreamweaverDreamweaver
. , ,
.

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

Dreamweaver. , Dreamweaver
( ).
,

, (). /
, .
,

(, CSS JavaScript). Dreamweaver


, .
,
: .
.
, ,

.
, ,
. C. 297.
, Dreamweaver

, , Shockwave

28.4.2010.

DREAMWEAVER CS5 33

. ,
, ,
. HTML Fireworks
( ).
,
Ctrl (Windows) Command (Macintosh).

,
(, ). ,
.
.
,

(Windows) Return (Macintosh)


, p ( - , h1, h2 . .).
, (Return)
, ,
.
,
(,
, ). ,
. ,
( ).
<strong> <em> <b> <i> , Dreamweaver strong
, b, em ,
i.
HTML, > >
> > . b i,
.

. World Wide Web b i. strong em


, b i.
<p> <h1>-<h6>

Dreamweaver,
. ,
. .
, divalign="center" center

.
. HTML 4.01.
CSS.
XHTML 1.0 Transitional, XHTML 1.0 Strict
.

( .)
, .
. 283.

28.4.2010.

DREAMWEAVER CS5 34

.
(,
), .


5
297

Dreamweaver
, . Dreamweaver
. ,
, Dreamweaver.
.
CSS.
.
63.
1 > (Windows) Dreamweaver > (Macintosh).
2 .
3 (, )

.
.
.
4 .

. , .
, .
, Dreamweaver (

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

. , .


226

Dreamweaver
, Dreamweaver ,
, , .

28.4.2010.

DREAMWEAVER CS5 35


230
Div 169


1 > , .
2 , , ,


1 > , .
2 , ,



.
HTML-. - .
1 > (Windows) Dreamweaver >

(Macintosh).
2 4 HTML.
3


,
. ,
.


338


,
.
1 > (Windows) Dreamweaver >

(Macintosh).
2 .
Dreamweaver Dreamweaver

, , .

28.4.2010.

DREAMWEAVER CS5 36

. , HomeSite BBEdit,
, .
. ,
, , , .


.
, ,

.
, . (
) .
, .
(+) .

.
, . 2
; - 2 ,
.
(-) .
,

.
, ,

.
. ;
.
.
HTML- HTML-

. HTML- ,
.
. ( .)


1 > (Windows) Dreamweaver >

(Macintosh).
2 .
3 , .
4 (-).


1 > (Windows) Dreamweaver >

(Macintosh).
2 .
3 .

28.4.2010.

DREAMWEAVER CS5 37


.
, , .
4 .

, (+).
,
.

2 , (
). .
5 . .

. (,
)
.
6 . .


1 > (Windows) Dreamweaver >

(Macintosh).
2 .
3 , , .
4 .
5 , .

. (,
)
.

,

Dreamweaver
. (
)
. ,
Dreamweaver, .

. Dreamweaver.

28.4.2010.

DREAMWEAVER CS5 38

Dreamweaver
, Dreamweaver.
. , ,
, ,
.
. ,
, (Windows)
root (Mac OS X).
Dreamweaver, - Adobe Exchange :
www.adobe.com/go/dreamweaver_exchange_ru. ,
( ), ,
, Extension Manager.
, Extension Manager.
Extension Manager ,
Adobe. Extension Manager Dreamweaver,
> .
1 - Adobe Exchange.

, ,
.

- Extension Manager .

(.mxp .mxi) Downloaded Extensions Dreamweaver
.
2 , >

. ( ,
.)
. Extension Manager
.


Dreamweaver 31

28.4.2010.

3. Dreamweaver
Adobe Dreamweaver CS5 -. , - ,
. -,
Dreamweaver.

Dreamweaver
Dreamweaver
Dreamweaver
, -. Dreamweaver
-, -,
, .
Dreamweaver, .
. Dreamweaver, .
- -
.
Dreamweaver , ,
-.
, . Dreamweaver
. ,
.
, ,
.. Dreamweaver .
, -.
, .


-, Dreamweaver.
,
.
, Dreamweaver .

- Dreamweaver - Adobe
www.adobe.com/go/learn_dw_comm08_ru.

39

DREAMWEAVER CS5 40

28.4.2010.

Dreamweaver


Dreamweaver,
-.
( ) -
Dreamweaver. ( - - Dreamweaver .)
, , , , ,

public_html, pub_html .. (, ,
)
.
, .
, - ,
, .


(
)

public_html
(
)

( )

(
)

HTML

HTML

.
-. , ,
- Dreamweaver,
. ;
public_html ,
.
- . ,
Dreamweaver ,
-.
. ( ,
.)
, Dreamweaver ,
. , ,
.
, Dreamweaver . ,
-, ,
.

28.4.2010.

DREAMWEAVER CS5 41
Dreamweaver

-
Dreamweaver , -.
Dreamweaver.
- > -.
- Dreamweaver
www.adobe.com/go/learn_dw_comm08_ru.


.
, .
.
,
, .
. ,
, -. , -
.
, -.
.
, ,
. , .
Dreamweaver .


.
,
, , .
, -.
Dreamweaver .
, Dreamweaver -.
. Dreamweaver IPv6.
: FTP, SFTP, WebDav RDS. . : www.ipv6.org/
ftp-
, - FTP.
1 -c > -.
2 , -,

Dreamweaver .
3

;
.

28.4.2010.

DREAMWEAVER CS5 42
Dreamweaver

4 .

.
5 FTP .
6 FTP- FTP-, -

.
FTP- , , ftp.mindspring.com.
- . , .
FTP-, , .
. 21 FTP.
. ,
, FTP- (, ftp.mindspring.com:29).
7 FTP-.
8 FTP-, .

. FTP-,
, . .
, .
9 Dreamweaver . ,

, Dreamweaver
.
10 () ,

, .

28.4.2010.

DREAMWEAVER CS5 43
Dreamweaver

, ,
. ,
FTP. , .
, public_html, www
, , ,
.
11 URL- URL- - (, http://www.mysite.com).

Dreamweaver URL- ,
.
. 47.
12 .
13 FTP,

FTP.
FTP FTP,
, . ,
FTP,
FTP.
. TechNote 15220 - Adobe :
www.adobe.com/go/tn_15220_ru.
14 IPv6, FTP-

IPv6.
IP 6 (IPv6) EPRT EPSV FTP PORT
PASV, . FTP- IPv6
(EPSV) (EPRT) .
. : www.ipv6.org/.
15 , .

, ,
- .
16 , . ,

: ,
.
FTP- .
kb405912 - Adobe www.adobe.com/go/kb405912_ru.
SFTP
FTP (SFTP),
FTP. SFTP
.
. ,
SFTP. , SFTP , .
1 -c > -.
2 , -,

Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 44
Dreamweaver

;
.
4 .

.
5 SFTP .

, FTP-. .
.
. 22 SFTP.

,
.
1 -c > -.
2 , -,

Dreamweaver .
3

;
.
4 .

.
5 / .
6 , ,

.
7 URL- URL- - (, http://www.mysite.com).

Dreamweaver URL- ,
.
. 47.
8 , . ,

: ,
.
WebDAV
, - WebDAV.
, , Microsoft
Internet Information Server (IIS) 5.0 - Apache.

28.4.2010.

DREAMWEAVER CS5 45
Dreamweaver

. WebDAV Dreamweaver ,
, WebDAV.
WebDAV, (, FTP),
/ Dreamweaver , WebDAV
.
1 -c > -.
2 , -,

Dreamweaver .
3

;
.
4 .

.
5 WebDAV .
6 URL URL- WebDAV, .

URL- , ( ). ,
http://webdav.mydomain.net/mysite.
7 .

Dreamweaver.
, -.
8 , .
9 , Dreamweaver

.
10 URL- URL- - (, http://www.mysite.com).

Dreamweaver URL- ,
.
. 47.
11 , . ,

: ,
.
RDS
, -
(RDS).
, Adobe ColdFusion.
1 -c > -.
2 , -,

Dreamweaver .
3

28.4.2010.

DREAMWEAVER CS5 46
Dreamweaver

.
4 .

.
5 RDS .
6 RDS-

, -.
IP- URL-. , .

, .
.
, c:\inetpub\wwwroot\myHostDir\.

RDS .
. ,
ColdFusion Administrator.

, , Dreamweaver .
7 RDS-.
8 URL- URL- - (, http://www.mysite.com).

Dreamweaver URL- ,
.
. 47.
9 , . ,

: ,
.
Microsoft Visual SourceSafe
Dreamweaver CS5, Microsoft Visual SourceSafe .

1 -c > -.
2 , -,

Dreamweaver .
3

;
.
4 .
5 ,

( ).
6 , ,

Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 47
Dreamweaver

7 ,

/ .
8

. . 49.


.
- Adobe www.adobe.com/go/kb405912_ru
, FTP-.

FTP Dreamweaver -,
.
FTP , .

FTP Dreamweaver .
.
(/), , ,
, . ,
, , ../../
.


. , ,
.

, ,
. Mac OS 31 .

(UNIX), (Windows) (Macintosh)


.
; ,
, ,
.

, , , ,
. . FTP.
. , FTP,
FTP. > ( Windows) - > FTP (
Macintosh), FTP.


Subversion. .
Subversion (SVN) 95.



, .
, . Dreamweaver
.

28.4.2010.

DREAMWEAVER CS5 48
Dreamweaver

, Dreamweaver

. Dreamweaver :
. .
, 289.
Dreamweaver .
, URL-
URL- (. ).
. , Dreamweaver
.
.
, > >
.
, ( ).
URL- URL- -. Dreamweaver URL-

, .
,
, ,
, . ,
, . ,
.
, URL- http://www.mysite.com/mycoolsite (
), mycoolsite
(http://www.mysite.com/mycoolsite/images). , index.html
mycoolsite.
- index.html
.
<img src="/mycoolsite/images/image1.jpg" />

, :
<img src="images/image1.jpg" />

/mycoolsite/ -,
. , ,
(/mycoolsite/images/image1.jpg) index.html
.
. ,
289.
, URL-, ,
. , URL- http://www.mysite.com/mycoolsite
URL- http://www.yoursite.com,
, ,
. , URL-, ,
, , .
Dreamweaver ,

. UNIX,
.

28.4.2010.

DREAMWEAVER CS5 49
Dreamweaver

. ,
Dreamweaver , . ,
( ) .

, ,
, Contribute, Spry , .

FTP
.

, .
, .


; .

, .


, Dreamweaver
, .
, , .
1 -c > -.
2 , -,

Dreamweaver .
3

;
.
4 .

. , URL-.
. .
5 -.

. Dreamweaver CS5 ASP.NET, ASP JavaScript JSP


. Dreamweaver - ,
ASP.NET, ASP JavaScript JSP.
, ASP.NET, ASP JavaScript JSP
-.
6 , .

28.4.2010.

DREAMWEAVER CS5 50
Dreamweaver


559
549

URL-
URL-, Dreamweaver
. Dreamweaver
, ,
.
URL-
-.
. , Microsoft IIS, ,
-.
, . ,

c:\sites\company\, (..,
, www.mystartup.com).
URL- http://www.mystartup.com/.
, ,
, URL-.
c:\sites\company\, www.mystartup.com,
c:\sites\company\inventory. URL-:
http://www.mystartup.com/inventory/.
, ,
, .
, ,

URL-. , URL. , c:\sites\company,


d:\apps\inventory, warehouse. URL-:
http://www.mystartup.com/warehouse/.
Localhost , URL-, ( ,

Dreamweaver) , -. ,
Dreamweaver Windows, -,
c:\sites\company, warehouse, ,
. - URL.
-

URL-

ColdFusion MX 7

http://localhost:8500/warehouse/

IIS

http://localhost/warehouse/

Apache ( Windows)

http://localhost:80/warehouse/

Jakarta Tomcat ( Windows)

http://localhost:8080/warehouse/

28.4.2010.

DREAMWEAVER CS5 51
Dreamweaver

. - ColdFusion MX 7 8500, - Apache


80, - Jakarta Tomcat 8080.
Macintosh, - Apache,
Users/_/Sites, _ Macintosh.
~_ Mac OS 10.1
. Dreamweaver URL-:
http://localhost/~_/.
Users:_:Sites:inventory,
URL-:
http://localhost/~_/inventory/.

-
- , ,
, .
1 - > -,

.
2 , , .
.
.
. .
. .
XML (*.ste).
(*.ste) .


52

- Dreamweaver
Dreamweaver - (
) ,
Dreamweaver .
1

.
.
.
2 , .

, ,
.
, .

28.4.2010.

DREAMWEAVER CS5 52
Dreamweaver

3 ( > ) (

FTP) ( ) ,
.
4 .

,
,
.

,
,
.
Dreamweaver ,
.
, .

Dreamweaver
Dreamweaver
.
1 -c > -.
2 .
3 , , , ,

, .


XML,
Dreamweaver.
, .
, ,
- .


1 - > -.
2 , , .

, Control ( Windows)
Command ( Macintosh).

,
Shift.
3 ,

. Dreamweaver
, , .
4 ,

. (Dreamweaver ,
, .)

28.4.2010.

DREAMWEAVER CS5 53
Dreamweaver

5 , , ,

, . (Dreamweaver XML
.ste.)
6 .

. *.ste , .
, ,
*.ste.


1 - > -.
2 .
3 ( .ste ),

, .
, .ste Control ( Windows)
Command ( Macintosh). ,
Shift.
4 .

Dreamweaver
-.


, .
1 > ( Windows) Dreamweaver > ( Macintosh).
2 -c.
3 .
, ( ) ,

( ) .
. , (
) : (
).
( ,
, HTML),
HTML.
/ /.

, ,
,
. : ,
.
, . ,
, ,
, ,
Alt ( Windows) Option ( Macintosh).

28.4.2010.

DREAMWEAVER CS5 54
Dreamweaver

FTP- ,
.
FTP , Dreamweaver

.
, Dreamweaver
.
FTP , Dreamweaver

,
.
-,
, .

. ,
( >
( ) > ).
,
. , 2
( FTP ).
: ,
.
:

.
- -.
.

, ASCII () ,
FTPExtensionMap.txt Dreamweaver/Configuration ( Macintosh FTPExtensionMapMac.txt).
Dreamweaver.

Contribute
Dreamweaver
Contribute
Adobe Contribute CS4 - -.

, . Contribute
-, , , .
Contribute ( ) .
. , Contribute.

28.4.2010.

DREAMWEAVER CS5 55
Dreamweaver

, , ,
, ( .
Contribute). Contribute Dreamweaver,
Contribute
, Dreamweaver.
Contribute - Contribute
(Contribute Publishing Server, CPS), ,
Contribute , ,
(Lightweight Directory Access Protocol, LDAP) Active
Directory. Dreamweaver Contribute Dreamweaver
Contribute .
Dreamweaver , CPS , CPS,
.
Dreamweaver Contribute .
Dreamweaver Contribute ,
. Dreamweaver Contribute Dreamweaver
,
CPS.
. Contribute.

Contribute
Contribute -,
.

. .
.

.
, Contribute
. , Contribute ,
, meeting_minutes
.
. Contribute
,
.

, .
CSS, HTML, CSS . Contribute
Microsoft Word, CSS,
Contribute , Word
Contribute.

CSS Contribute, ,
mmhide_. , RightJustified,
Contribute ,
mmhide_RightJustified.

28.4.2010.

DREAMWEAVER CS5 56
Dreamweaver

. mmhide_ ;
CSS.

CSS .
HTML ,
, HTML ,
. Contribute
.


Dreamweaver 421
CSS 137
360

Contribute
Contribute , Dreamweaver,
- .
Contribute Dreamweaver, Dreamweaver
.
Contribute Dreamweaver
. PUT GET,
, Contribute.
Contribute Dreamweaver
_baks
.


92

Contribute
Contribute
. Contribute
, . Dreamweaver
.
Contribute ,
, Contribute. ,
,
Contribute . Dreamweaver
, , Contribute
, ,
.
Dreamweaver /_mm
( _mm, ), /Templates ,
, .

28.4.2010.

DREAMWEAVER CS5 57
Dreamweaver

/Templates,
Contribute. .
Contribute 61.
Contribute . Contribute
Contribute.

Contribute
Contribute , .

, CSI, _mm
, Contribute .

_baks.
,
.

, ,
.

, .
- Contribute
Dreamweaver; Dreamweaver .
, Contribute ,
, Contribute .
-
, .
-, -
Contribute. , _mm
_baks.
. , ,
, . - Contribute.
Contribute. ,
, Contribute
, .
.
TMP.
,
. , ,
.

Contribute
Dreamweaver Contribute
Contribute, , Contribute. Dreamweaver
, , Contribute (
), Dreamweaver Contribute.

28.4.2010.

DREAMWEAVER CS5 58
Dreamweaver

Contribute.
.

WebDAV,
Contribute,
, Dreamweaver Contribute.

RDS
Contribute, ,
Contribute.

-,
FTP ( ),
Contribute.
Contribute Dreamweaver
( )
.
Contribute (CPS) , ,
Dreamweaver CPS , ,
. CPS ,
CPS. ( CPS, .) CPS
Contribute. . Adobe Contribute.
. -, Contribute,
Contribute . , Contribute Administrator
Dreamweaver, Contribute Dreamweaver
, -,
Contribute. Dreamweaver
Contribute, , CPS .
. , (CSI-),
Contribute ,
. Contribute ( )
Contribute Administrator.
, Dreamweaver
, Contribute (,
). ,
Dreamweaver, Contribute Administrator,
, Dreamweaver.
. Adobe Contribute.
1 -c > -.
2 .
3 ,

Contribute, Contribute.
4 , ,

, .
5 ,

. , CPS,
URL- Contribute
-.

28.4.2010.

DREAMWEAVER CS5 59
Dreamweaver

Contribute , ,
Dreamweaver.
6 URL- URL- .

Dreamweaver URL- ,
URL- .
7 , , URL-.

.
Contribute, .
8 - Contribute, .

, Contribute Administrator Dreamweaver Contribute


.
9 .


( Contribute) 107

Contribute Dreamweaver
Contribute Dreamweaver Contribute
.
. Contribute , Dreamweaver.
Contribute .

.
Contribute ,
-. Contribute
.

, Contribute.
Contribute.
Contribute , .
,
Contribute.
. , Dreamweaver.
Contribute ,
, Dreamweaver ,
CSS, .
1 -c > -.
2 .
3

Contribute.
4 Contribute.

. , Contribute.

28.4.2010.

DREAMWEAVER CS5 60
Dreamweaver

5 , .

-.

,
.

, ,
.

,
.
6 , .

,
. Contribute.


52

,
Contribute
, Contribute, ,
Dreamweaver. Contribute
Dreamweaver , .
, Dreamweaver _baks,
.
Contribute
, Dreamweaver. Contribute Dreamweaver
, _baks.
1 ( > ),

Backspace ( Windows) Delete ( Macintosh).


.
2 .

,
, .

, ,
.
3 , .

28.4.2010.

DREAMWEAVER CS5 61
Dreamweaver

Contribute

Contribute .
/Templates,
.
1 Contribute , ,

.
2

Contribute .
3

.
.
, ,
Dreamweaver. Contribute .
Contribute ,
, , Contribute.
.


, 289

Contribute
Contribute ,
, , .
, Contribute, Dreamweaver
URL-
. Dreamweaver URL-
, .
, , _mm.

Contribute
. , , .
, Contribute ,
.
1 .

, - > .
( > ) ( Windows)
Control ( Macintosh) .
, ,
.
2 , .

28.4.2010.

DREAMWEAVER CS5 62
Dreamweaver

Contribute
1 URL- Contribute -,

URL- , , .
2 -

, .
3 URL- , ,

Contribute
1 , ,

_mm.
2 , _mm CSI.
3 , ( Windows) (

Macintosh), .
, .
, - Contribute, .
Contribute Contribute.

28.4.2010.

4.


Dreamweaver
Dreamweaver -. HTML , ColdFusion
(CFML), ASP, JavaScript (CSS). ,
Visual Basic, .NET, C# Java.
Dreamweaver .
:

;
, Dreamweaver,
CSS;

, .
. , ,
.
, , , ,
.

, Dreamweaver
Dreamweaver .
HTML. HTML- - - ,
- . HTML-
.html .htm. Dreamweaver .html.
, Dreamweaver.
CSS .css.

HTML- .
GIF (GIF) .gif. GIF -

, ,
. GIF 256
.
JPEG JPEG (

) .jpg
. JPEG
, , ,
, 256 .

63

28.4.2010.

DREAMWEAVER CS5 64

XML .xml.

, XSL (
).
XSL .xsl .xslt.
XML -.
CFML ColdFusion .cfm.
.
PHP .php
.


XML- XSLT 520
639
132


, CSS,
, .
1 > .
2

. , HTML- HTML.
ColdFusion ColdFusion ..
3 , CSS,

CSS ; .

.
CSS .
Fixed .
.
Liquid . ,

, .
4 .

, XHTML 1.0.
XHTML (DTD)
XHTML. , HTML- XHTML,
XHTML 1.0 XHTML 1.0. XHTML (
) HTML, XML.
XHTML XML,
-.

28.4.2010.

DREAMWEAVER CS5 65

. XHTML World Wide Web Consortium


(W3C), XHTML 1.1 - XHTML (www.w3.org/TR/xhtml11/)
XHTML 1.0 (www.w3c.org/TR/xhtml1/), XHTML ,
(http://validator.w3.org/) (http://validator.w3.org/file-upload.html).
5 CSS, CSS

CSS .
CSS .
CSS CSS

.
CSS,

CSS, .
CSS- CSS. ,
CSS ( CSS, )
.
6 , CSS,

CSS ().
CSS- CSS.

.
.
7 InContext Editing,

InContext Editing.
, InContext Editing, div,
. , HTML,
CSS , div.
InContext Editing div
content.
.
8 . ,

, .
9 ..., Dreamweaver Exchange,

.
10 .
11 ( > )
12 , .

Dreamweaver.
13 .

,
. , ( , ),
( , ) ,
. ,
.

28.4.2010.

DREAMWEAVER CS5 66


XHTML 312
CSS 160
70
Business Catalyst InContext Editing 513


Dreamweaver.
Templates .
1 > .
2 .
3 . , HTML-

HTML, ColdFusion ColdFusion ..


4 , CSS,

CSS ; .

.
CSS .
Fixed .

.
Liquid . ,

, .
5 .

, XHTML 1.0.
XHTML (DTD)
XHTML. , HTML- XHTML,
XHTML 1.0 XHTML 1.0. XHTML (
) HTML, XML.
XHTML XML,
-.
. XHTML World Wide Web Consortium
(W3C), XHTML 1.1 - XHTML (www.w3.org/TR/xhtml11/)
XHTML 1.0 (www.w3c.org/TR/xhtml1/), XHTML ,
(http://validator.w3.org/) (http://validator.w3.org/file-upload.html).
6 CSS, CSS

CSS .
CSS .
CSS CSS
.
CSS,
CSS, .

28.4.2010.

DREAMWEAVER CS5 67

CSS- CSS. ,
CSS ( CSS, )
.
7 , CSS,

CSS ().
CSS- CSS.

8 InContext Editing,

InContext Editing.
, InContext Editing, div,
. , HTML,
CSS , div.
InContext Editing div
content.
.
9 . ,

, .
10 .... Dreamweaver Exchange,

.
11 .
12 ( > )

, . .
.
13 , .
14 .

. .dwt,
Templates .

. , ( , ),
( , ) ,
. ,
.


XHTML 312
CSS 160
413
Dreamweaver 39
70
Business Catalyst InContext Editing 513

DREAMWEAVER CS5 68

28.4.2010.


, .
. ,
Dreamweaver, .
.


413
Dreamweaver 39
70


1 > .
2 .
3 - Dreamweaver, ,

.
4 .

, .
5 . , ,

, .
6 .... Dreamweaver Exchange,

.
7 ( > ).


1 ( > ), .
2

.
, , ,
, .
3 , , (Windows)

Control (Macintosh), .
.
4 .

Dreamweaver
Dreamweaver
CSS-.
. Dreamweaver .

. CSS
.

28.4.2010.

DREAMWEAVER CS5 69

. ,
, ; ,
.
1 > .
2 .
3 CSS ,

.
4 .

( ).
CSS .
5 ( > ).
6

. .

, Dreamweaver ( ).


132
212


,
Dreamweaver, C#, VBScript .
1 > .
2 .
3 .
4 ( > ).



.

. , ( , ),
( , ) ,
. ,
. .


64

28.4.2010.

DREAMWEAVER CS5 70


1 .

,
> .

, > .
2 , .
3 .
4 . .


1 > .
2 ,

.
, .
3 .


1 > .

.
2 , ; ,

.
. , Dreamweaver, Dreamweaver
.


, .
, (, Cold Fusion, HTML
ASP),
.
1 > (Windows) Dreamweaver > (Macintosh).

.
.
2 .
3 , , . .
, .
(.htm .html)

HTML-.
. .

28.4.2010.

DREAMWEAVER CS5 71

(DDT) XHTML,
XHTML. , HTML-
XHTML, XHTML 1.0 XHTML 1.0.
,

, , .
(UTF-8) , UTF-8
.
.
. www.w3.org/TR/REC-html40/sgml/entities.html.
(UTF-8)
(BOM), Unicode (BOM).
(BOM) 2-4 ,
, . UTF-8
, UTF-8 .
UTF-16 UTF-32.
,

(UTF-8).
. C,
.
Adobe .
Ctrl + N
(on Command+N Macintosh),
.

, .
, (e-) e-
e + .
, e.
, .
, , -,
. ,
e- e + ,
.
. - Unicode
www.unicode.org/reports/tr15.


XHTML 312
226

HTML-
, HTML- Dreamweaver.
, HTML- .htm .html.
1 > (Windows) Dreamweaver > (Macintosh).

28.4.2010.

DREAMWEAVER CS5 72

.
.
2 .
3 , HTML.
4 ,

HTML-, Dreamweaver.
Windows : .html, .htm, .shtml, .shtm, .stm, .tpl, .lasso, .xhtml.
Macintosh : .html, .htm, .shtml, .shtm, .tpl, .lasso, .xhtml, .ssi.


- , , Dreamweaver,
.
Microsoft Word, HTML-,
HTML- Word , Word HTML-.
HTML- XHTML-, ,
HTML-.
HTML, JavaScript, XML,
CSS , .
1 > .

.
2 , , .

. , ,
, Dreamweaver .
3 .

. JavaScript, CSS
. Dreamweaver,
.


344
276
81


Dreamweaver , ,
. , CSS JavaScript, Dreamweaver
,
.

28.4.2010.

DREAMWEAVER CS5 73

. (, PHP )
.
Dreamweaver , ,
.
.
. ,
Dreamweaver - .
Dreamweaver .
Dreamweaver .



Spry (XML HTML)
CSS ( )
, Dreamweaver,
, . www.adobe.com/go/dw10relatedfiles_ru.
,
. www.adobe.com/go/lrvid4044_dw_ru.

,
.

,
, .
,
.


1 , .
2 , .
3 , ,

. , ,
, , ,
.
4 , .

28.4.2010.

DREAMWEAVER CS5 74


(),
.
> "" ,
.


( > ),
.
"" ( > ""
) .


( > > ),
,
.
.
, > , Dreamweaver
.
> , Dreamweaver
.


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


18
335
Dreamweaver 306


,
. ,
,
PHP- CMS, WordPress,
Drupal Joomla!.

28.4.2010.

DREAMWEAVER CS5 75


PHP WordPress, Drupal Joomla!.
PHP
.
.

- Dreamweaver , URL-
.

PHP.
. : www.adobe.com/go/learn_dw_phpsetup_ru.
. Dreamweaver,
.

WordPress, Drupal Joomla! .


. .

WordPress
Drupal
Joomla!
Dreamweaver , CMS.
, WordPress, Drupal Joomla!,
.

() CMS .
, Dreamweaver,
, . www.adobe.com/go/dwcs5drf_ru.


, , Dreamweaver
(
). .
1 > (Windows) Dreamweaver > (Macintosh OS).
2 , .
3 .

, .


1 , (, index.php

page WordPress, Drupal Joomla!) .


2 ( ),

, .
,
.

28.4.2010.

DREAMWEAVER CS5 76

(.. , ).
(.. .css .js),

(.. .php, .inc .module).


, Dreamweaver
, .
1 , .
2 .
3 .
4 , .

Dreamweaver .
5

.

(style.css), (.php) (*menu*).
,
(, style.css;*.js;*tpl.php).
. .

HTML-, Microsoft Word


, Microsoft Word HTML-,
HTML- Word , Word
HTML- HTML- Word ,
HTML Word 97 .
, Dreamweaver, Word
Word HTML-. (.doc), HTML- HTML- Word
Word.
HTML XHTML, ,
HTML-.
1 Microsoft Word HTML-.

. Windows Word,
.
2 HTML- Dreamweaver.

HTML-, Word, ( >


).
3 > HTML- Word.

28.4.2010.

DREAMWEAVER CS5 77

. Dreamweaver , Word
, .
4 ( ) .

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

Microsoft Word, XML, HTML, Word


, XML , Word, ,
. .
CSS , , CSS, Word,

CSS ( ); ,
mso; CSS; CSS ;
.
<font> HTML-, HTML-

.
,

Word ( ).
,
HTML SourceFormat.txt.
,
, .

, CSS.
.


344
Microsoft Office ( Windows) 241



Dreamweaver .
.
.
Dreamweaver .
; Dreamweaver , ,
, .

DREAMWEAVER CS5 78

28.4.2010.


,
Dreamweaver , , .
. Dreamweaver -.
. , .
.

,


Dreamweaver :

.
. - B. / C. D. FTP
E. - F. G. H. I.
J. K. L. M. /

. ,
, .
- Dreamweaver .

-c .
Windows Explorer (Windows) Finder (Macintosh).
/ ( FTP, RDS

WebDAV). Dreamweaver ,
30 ( FTP). ,
> (Windows) Dreamweaver > (Macintosh),
-c.
.

,

-.
-

. ( , , - .)
- .
.
(SVN).
(
, ).
. ;
.
, .

28.4.2010.

DREAMWEAVER CS5 79

. , Dreamweaver, .
. , ,
; . Dreamweaver ,
, .
.

. , Dreamweaver, .
.
; . Dreamweaver ,
, .
, ,
, .
. .
(

, ) .
,
-.

. . ,

-.
.
/


16
- 41
93
89
88
102


,
Dreamweaver . ,
Dreamweaver .
Dreamweaver .
, .
.

/
> .

28.4.2010.

DREAMWEAVER CS5 80

( Dreamweaver)
( > ) /

. /. ,
, .
. /.
. / ,
.
.
, ,
. ,
.

.
( > ) .

, ,
.

. .

( Dreamweaver)
.

( > ) ,
, -.
. - .

( > )
( ), .
A

. - B. C.

. , SVN
.

Dreamweaver
-c

. Windows Explorer (Windows) Finder (Macintosh).

28.4.2010.

DREAMWEAVER CS5 81


: , , ,
, .
Dreamweaver , ( )
.


102
, 84


1 ( > ) , (

, ).
2 .
3 .

.
(Windows) Control (Macintosh)
.
Dreamweaver .


1 ( > ) .

Dreamweaver ,
.
2 ( Windows) Control (Macintosh)

.
3 .
4 ( Windows) Return ( Macintosh).


1 ( > ) , .
2 (Windows) Control (Macintosh)

> .


1 ( > ) , .
2 , .

, .
(Windows) Control (Macintosh)
> .
3 .

28.4.2010.

DREAMWEAVER CS5 82

4 ( Windows) Return ( Macintosh).


1 ( > ) , .
2 .

.
.
3 , .

( Windows) Control ( Macintosh)


.

( Dreamweaver)
( ).
. Dreamweaver
Dreamweaver.

Dreamweaver
Dreamweaver , ,
. .


115


1 .
2 - > -.

Dreamweaver .
. , .
. Dreamweaver , Dreamweaver
; , Dreamweaver
.

Dreamweaver
( > ) ,

, .

Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 83


1 ( > ).
2 ( Windows) Control (

Macintosh) - - (
, ).
Dreamweaver .


( > ) .

> .
Dreamweaver .


( > ) .

> .
Dreamweaver .


1 ( > ) .

> .
2 , .

, ,
, :.

, ,
, :. .
3 , ,

().
. Contribute.
4 , ,

.
, .
, .

. , - (XREF)
. ,
URL-.
.
.

5 , .

Dreamweaver , , .

28.4.2010.

DREAMWEAVER CS5 84


, , .
1 -c > -.

Dreamweaver .
2 .

Dreamweaver . , ,
.
3 , , Delete ( Windows)

Command+Delete ( Macintosh).
. ,
. .


108

,
Dreamweaver , .
, , Dreamweaver. Dreamweaver
, .
, Dreamweaver
.
. Dreamweaver.

Dreamweaver
( > ) (

, ).

28.4.2010.

DREAMWEAVER CS5 85

FTP RDS
1 ( > ) (

, ).

. , Dreamweaver.
2 .


1 ( > ) .

CD- ( , ).
2 .

Dreamweaver .
.
.
.
.
Dreamweaver ,
Dreamweaver, Dreamweaver .
Dreamweaver, Dreamweaver . ,
Dreamweaver, , Dreamweaver,
Dreamweaver .
. , Dreamweaver ,
Shift ( Windows) Command ( Macintosh). ,
Dreamweaver ,
Control ( Windows) Option ( Macintosh).

,

Dreamweaver
. , .
, (
, ).

.
( 10 ).

28.4.2010.

DREAMWEAVER CS5 86

( ).
, .
( ).
( ).
( ).


, ,

.
. , .
.

,
1 -c > -.
2 .
3 .
4 (+), ,

(), .
. , ,
().
5 .
6 .

. ,
.
7 , .
8 . .
9 .

, .


, .

, ( ),
Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 87





. ,
,
.

. ,
, ,
.
. , ,
,
. : ,
.
.
.
, .


92
108


, .
, Dreamweaver: FTP, SFTP, LAN,
WebDAV, Subversion RDS.
, , , , ,
, , .
, , Dreamweaver :

, , .
.
.
.

-.
.
.
.

28.4.2010.

DREAMWEAVER CS5 88

.
, .
.
.
, .
.
.
, .
.


. .
.
Dreamweaver .
.
. .
, .
Dreamweaver FTP.
FTP , FTP .


92
102


1 ( > ) , .

, , , ,
. , Dreamweaver
; , Dreamweaver
.
. , , ,
.
2 , .

.
( Windows) Control ( Macintosh)
.
3 . ;

, .
. > > -.

28.4.2010.

DREAMWEAVER CS5 89

Dreamweaver :

,
.
.

,
.
. , ,
, .
,
.
,
.


1 , .
2 , .

-c > .

.
. . Dreamweaver
, .
, Dreamweaver ,
.

FTP
1 .
2 > FTP-.

. , FTP.


, ,
.
,
:

.
, .
. , ,
,
.

Dreamweaver .
.

28.4.2010.

DREAMWEAVER CS5 90

. .
, .
Dreamweaver FTP.
FTP , FTP .
. -
www.adobe.com/go/vid0163_ru.
. -
www.adobe.com/go/vid0164_ru.


102
92


1 ( > ) , .

, , , ,
.
. , ,
.
2 , .

.
( Windows) , Control.
( Macintosh) .
3 , ,

( -c ).
. , .
.
. , , ,
. ,
.
4 . ,

. .
> > -.
. , ,
,
.
,
.

28.4.2010.

DREAMWEAVER CS5 91


1 , .
2 , .

- > .

.
. . Dreamweaver
, .
, Dreamweaver ,
.

FTP
1 .
2 > FTP-.

. , FTP.


,
( , ).
.
. Dreamweaver ,
.

, .

. , .


1 .

.
2 .


1 .

.
2 .

, Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 92




. , ,
.
. ,
.
, !
, , , .
( ) (
).

. ,
, ,
.
Dreamweaver .
Dreamweaver, , .
( Dreamweaver)
LCK, .
LCK .
TechNote 15447 - Adobe www.adobe.com/go/15447_ru.


87


,
.
1 -c > -.
2 .
3

;
;
4 .
5 (

, ). ,
.
,
, , , ,
.

28.4.2010.

DREAMWEAVER CS5 93

, ,
.
6 .

.
, .
.
7
;

,
.
.
(, AmyR-HomeMac AmyR-OfficePC), ,
, , .
,

( ).
,
,
.


,
.


1 ( > ) , .

. ,
.
, , ,
( Windows) ( Macintosh).
2 , .

.
( Windows) Control (
Macintosh), .
3 .

, .
. > > -.
. , ,
,
.
, , .
. , ,
.

28.4.2010.

DREAMWEAVER CS5 94


1 ( > ) ( ).

. ,
.
2 , .

.
( Windows) Control (
Macintosh), .
3 . ,

. .
> > -.
. , , ,
,
.
, , .
.
, .


1 , , , .

. .
2 .

- .

.
. Dreamweaver
, .
, . Dreamweaver ,
.
.
, .


, (
), . .
, .

. -
.

( > ) ( Windows)
Control ( Macintosh), .

.

28.4.2010.

DREAMWEAVER CS5 95

WebDAV

Dreamweaver , WebDAV (Web-based Distributed


Authoring and Versioning), HTTP,
-.
. - www.webdav.org.
1 Dreamweaver, ,

, .
2 -c -. .
3

;
;
4 WebDAV ,

, , .
5 .
6 .

, .
.
WebDAV
.
7 .

Dreamweaver WebDAV.
WebDAV.
. , WebDAV
, PHP SSI, HTTP GET .

Subversion (SVN)
Dreamweaver ,
Subversion (SVN), -
. Dreamweaver SVN,
, .
. Dreamweaver CS5 Subversion 1.6.6.
Subversion .
, (, TortoiseSVN)
Subversion Subversion Subversion,
Dreamweaver Subversion.
Subversion, . . .
, Subversion 1.7 , ,
Adobe Subversion Dreamweaver.
. www.adobe.com/go/dw_svn_ru.

28.4.2010.

DREAMWEAVER CS5 96

Adobe
, SVN.
, .

, Google Search,
. Dreamweaver
.
, SVN Dreamweaver, . :
www.adobe.com/go/lrvid4049_dw_ru.

SVN-
Subversion (SVN) Dreamweaver,
SVN. SVN-
.
SVN- () ,
.
, Dreamweaver. SVN,
-, SVN-
, .
SVN-
SVN-, Dreamweaver .
SVN.
SVN- SVN-.
SVN . - Subversion http://subversion.tigris.org/.
SVN-, .
1 - > -, ,

, .
. Dreamweaver ,
, . (
, .)
. Dreamweaver 39.
2 .
3 Subversion .
4 .

. : HTTP,
HTTPS, SVN SVN+SSH.
. SVN+SSH .
. : www.adobe.com/go/learn_dw_svn_ssh_ru.

SVN- (
_..com).

SVN (
/svn/_). SVN
.

28.4.2010.

DREAMWEAVER CS5 97

, ,
().

SVN-.
5 , , , .

, .
SVN- .


.


- 41
78

SVN-
SVN-
SVN-. SVN-
Dreamweaver , .
.
, , ,
. Dreamweaver
, ,
, .
1 , SVN- .
2 SVN-,

.
3 (Windows) Control (Macintosh)

SVN-, ,
.


SVN- Dreamweaver
. ( , -
,
.) ,
Dreamweaver .
.
, , ,
. Dreamweaver
, ,
, .
1 , SVN- .

28.4.2010.

DREAMWEAVER CS5 98

2 .

SVN ,
. (
.) (Windows)
Control (Macintosh)
> .

SVN-,
.
(Windows) Control (Macintosh)
.
.
, . ,
SVN ,
.


1 , SVN- .
2 .

SVN ,
. (
.)
.

SVN-,
.
(Windows) Control (Macintosh)
, , .
3 ,

.
, ( )
. :
.
. ,
.


SVN . .
1 , SVN- .
2 SVN-,

.
3 (Windows) Control (Macintosh)

28.4.2010.

DREAMWEAVER CS5 99


SVN . .
1 , SVN- .
2 SVN ,

. (
.)
3 (Windows) Control (Macintosh)


1 , SVN- .
2 .

SVN ,
. (
.) (Windows)
Control (Macintosh) , ,
> .

SVN-,
.
(Windows) Control (Macintosh)
, , .
3

,
.
.
.
, Google Search,
. Dreamweaver
.

, .
, Ctrl.

, .
.
, .

,
.


SVN ,
. - ,
, .
. .
1 , SVN- .

28.4.2010.

DREAMWEAVER CS5 100


2 .

SVN-,
.
(Windows) Control (Macintosh)
.

SVN ,
. (
.) (Windows)
Control (Macintosh)
.


,
SVN.
1 , SVN- .
2 , ,

.
3 , , .

, ,
, .
Dreamweaver
, .
.

, , ( > )
( > ).
Dreamweaver
.

, Delete.
Dreamweaver
SVN-. , SVN-
. SVN-,
, , .

,
> .


, , ,
. , ,
, SVN .
, ,
, .
1 , SVN- .

28.4.2010.

DREAMWEAVER CS5 101


2 SVN ,

. (
.)
3 (Windows) Control (Macintosh)

, , >
.


,
. Dreamweaver SVN
, ( , ..).
1 , SVN- .
2 SVN ,

. (
.)
3 (Windows) Control (Macintosh)

>
.

SVN
, .

.
1 , SVN- .
2 SVN ,

. (
.)
3 (Windows) Control (Macintosh)

, , > .

Subversion
Subversion
, SVN-.
,
,
. SVN-
.
SVN- , . ,
,
.
.
SVN- .

28.4.2010.

DREAMWEAVER CS5 102




,
.
. , FTP-,
FTP.
, , ,
. , Dreamweaver
, .


91
93
88
89
104

. ,
> >
.

( Windows)
Control ( Macintosh) > >
.


( Windows)

Control ( Macintosh) .
. ,
-.


1 ( > ) , ,

.
2 ; ,

().

28.4.2010.

DREAMWEAVER CS5 103


3 - >

.
.
.
4 .

, - .
,
( .
).
5 , .
,

.
,

.
6 , , . (

, .)
. ,
, ,
, . . ,
, ,
.
7 .

. , Dreamweaver
.

, , .
(, ,
), .
8 , .
9 ,

, .

Dreamweaver . , , .

.
10 , .

DREAMWEAVER CS5 104

28.4.2010.



Dreamweaver (
)
, .
, ,
, - .
,
Dreamweaver.

, .
, .
,
.
, Google Search,
. Dreamweaver
.

Dreamweaver
1 , Dreamweaver.
2 Dreamweaver, . >

( Windows) Dreamweaver > ( Macintosh),


.
3 .

Windows
.

Macintosh ,
, .
Macintosh usr/bin. ,
FileMerge, usr/bin opendiff,
.
Macintosh
:

FileMerge

usr/bin/opendiff

BBEdit

usr/bin/bbdiff

TextWrangler

usr/bin/twdiff

. usr . Dreamweaver
.

28.4.2010.

DREAMWEAVER CS5 105


.
. , .


, .
1 . Ctrl ( Windows)

Command ( Macintosh).
, ,
. .
2

.
. , ,
Control.
.


, . ,
Dreamweaver .
1 , ,

.
2 , Ctrl ( Windows) Command (

Macintosh).
3

.
. , ,
Control.
.


, , ,
. Dreamweaver .

.
. , ,
Control.
.


. ,
Dreamweaver .
1 , ,

28.4.2010.

DREAMWEAVER CS5 106


.
. , , Control.


, Dreamweaver, ,
.
> .

.

.


,
Dreamweaver , .
.
,
Dreamweaver.
1 Dreamweaver (- >

).
,
.
2 , .

.
, , .
3 .



Dreamweaver.
,
Dreamweaver.
1

.
2

.
,
.
3 , , (

).

28.4.2010.

DREAMWEAVER CS5 107


. ( HTML ColdFusion).
Dreamweaver .


102

( Contribute)
( Contribute)
Dreamweaver ,
Adobe Contribute.
. Contribute Dreamweaver.
Contribute.
. Contribute.
1 ( Windows)

Control ( Macintosh).
2 .

.
3 , , .


Contribute 57
, Contribute 60




Get Put. - (JPEG, FLV,
XML ..). Dreamweaver ,
.
, -
, , .
Dreamweaver , .
, -.
.

, , .
.

28.4.2010.

DREAMWEAVER CS5 108


.
, , .

.
.
. -
, .

.
. Dreamweaver
. Dreamweaver ,
.


,
Get Put, .
, .
.
.
. , .
, , ,
: , .
1 ( > ) .
2 (Windows)

Control (Macintosh).

> ( ).
>
. .
, :.
, .


, .
.
1 ( > ) , .
2 , .
3 (Windows) ,

Control (Macintosh), >


> .
,
.

28.4.2010.

DREAMWEAVER CS5 109


. -
, .

.


, Dreamweaver
, . ,
, TXT. ,
, .


1 ( > ) , .
2 (Windows) ,

Control (Macintosh), > .


3 , ,

.
, , JPG, .jpg.
.
.
. ,
.
, , BAK.
.
. -
, .

.


1 ( > ) , .
2 ( Windows)

Control ( Macintosh) > .


3 -

,
, .

, .
4 .

, , .

28.4.2010.

DREAMWEAVER CS5 110



. ,
.
.
, ,
.
1 ( > ) , .
2 .
3 ( Windows)

Control ( Macintosh) > .


. ,
-.
, , , ,
.


, . ,
. , ,
. .
,
, . ,
,
, .
, ,
. ,
, ,
.
Adobe Fireworks Flash ,
. ,
Fireworks myhouse.png myhouse.gif, Fireworks
myhouse.gif.mno.
file: URL-. , myhouse.gif
:
fw_source="file:///Mydisk/sites/assets/orig/myhouse.png"

, Flash, :
fl_source="file:///Mydisk/sites/assets/orig/myhouse.fla"

28.4.2010.

DREAMWEAVER CS5 111


. ,
(, sites/assets/orig).
Dreamweaver
. Dreamweaver
Fireworks .


276


, ,
.
,
.

-. ,
.
1 -c > -.
2 - .
3

.
4 ,

.
5 , ,

, . (
.)
. MNO (
). _notes, dwsync.xml . Dreamweaver
dwsync.xml .
6

, ,
, .

, .
Dreamweaver
.

, Dreamweaver
. ,
.
.
.

28.4.2010.

DREAMWEAVER CS5 112



.
, ActiveX, , Flash-,
Shockwave .
. , , ,
.
1 .

> .
( Windows)
Control ( Macintosh) .
. , ,
.
2

.
3 , .
4 .
5 , .

.
6 (+),

-. (-), .
, Author ( ) Heidi ( ).
7 . .

Dreamweaver _notes , .
, MNO.
, index.html,
index.html.mno.


87
93

,
, .

> .
( Windows)
Control ( Macintosh) .

28.4.2010.

DREAMWEAVER CS5 113


. , C >
> [ ] > > >
. .
,
,
.


1 (. ).
2 .
3 (+).
4 status.
5 .

, .
6 ,

.
. .
, Dreamweaver .


1 -c > -.
2 .
3 - .
4 .

Dreamweaver ,
.
Dreamweaver,
Dreamweaver . ,
, Dreamweaver.
.
. Dreamweaver .




. ( ,
,
.)

28.4.2010.

DREAMWEAVER CS5 114


, ,
, . ,
, , .
, .
1.

, ,
, JavaScript. ,
,
Check Browser .
2.

, ,
,
.
3.

, ,
. .
4.

,
, .
. , , ,
, ,
, .
5.

, , ,
.
6.
7.

,
.
. Dreamweaver
.
8.

Dreamweaver - Adobe
www.adobe.com/go/dreamweaver_newsgroup_ru.
, ..
,
Dreamweaver.
. -
www.adobe.com/go/vid0164_ru.

28.4.2010.

DREAMWEAVER CS5 115



305
Dreamweaver 299
372
346
346


HTML. ,
, .
-.
, ,
, .

.
. .
HTML- HTML.
font, ALT,
, , .
XML-,
, -.
. Dreamweaver , -
Adobe Dreamweaver Exchange.


Dreamweaver 21
Dreamweaver 299
Dreamweaver 38


1 - > .
2 (

HTML).
-
.
3 , .

28.4.2010.

DREAMWEAVER CS5 116


. ,
. ,
( ).
,

. . .

. ,
. .
.
, .

, .
4 HTML , .
Font FONT,
.

, <font color="#FF0000"><font
size="4">STOP!</font></font> .
Alt img,

.
,
.
.
,

, .
, <i> The rain <i> in</i> Spain stays mainly in the
plain</i> .
,
HTML.

, ,
.
,
. Dreamweaver ,
TITLE.

5 . .

,
( ).
( ).


1 (. ).

28.4.2010.

DREAMWEAVER CS5 117


2 , .

, .
, .
.

,
.
.

. .
. . Dreamweaver
.
3 , .

.
.
HTML, HTML
.

28.4.2010.

5.



Adobe Dreamweaver CS5 , ,
, , , . ,
.
. ,
Adobe Fireworks, Adobe Flash , , -
-.
Dreamweaver .
. , ,
, Dreamweaver , .
,
. .


Dreamweaver 413


Dreamweaver,
, -. , ,
. : , ,
, Adobe Flash. -
, .
,
. ,
, . ,
, ,
.
Dreamweaver .
.
, body ,
, , , Java-, , ActiveX,
.
, , .
.

118

28.4.2010.

DREAMWEAVER CS5 119


. ,
img ,
alt src. (
width height , ,
.)
. , .
, , .
Dreamweaver - ,
. Dreamweaver HTML-
HTML-,
. .
, ,
Dreamweaver, Dreamweaver
(, , , : onClick,
onLoad onMouseOver, ). Dreamweaver
JavaScript . ,
Dreamweaver JavaScript head
( ).
. JavaScript (
Dreamweaver), ,
Call JavaScript.
Dreamweaver, .
, ,
. ,
head.


, 130



( > ).
, ,
.
. ,
.

28.4.2010.

DREAMWEAVER CS5 120


. , .

.
, URL-,
.
.

,
. ( .)
. .
, .
:

GIF, JPEG PNG.

, , , .

, , FTP, Gopher, HTTP, HTTPS,


JavaScript, (mailto) (file://).
URL-

Adobe Flash . SWF-


( , Flash), FLA- ( Flash).

Flash

Shockwave

Adobe Shockwave .
QuickTime MPEG.

JavaScript VBScript. HTML- (


JavaScript VBScript) .

-, .
.

, ;
, .

. ,
. , .
,
. ,
, .

28.4.2010.

DREAMWEAVER CS5 121



124
126

, .
, ( ),
.


, .

, (
GIF, JPEG .), .


, .


( ) .


, Dreamweaver
.
. ,
,
. ,
Dreamweaver, Windows Explorer Finder,
.
URL-
, URL-, ,
, .

. Dreamweaver

,
( Windows) Command ( Macintosh)
.

DREAMWEAVER CS5 122

28.4.2010.


,
. URL- ,
. (URL-
, , .)
1 , ,

.
2 .

. , .
, , .
3 , .

, ,
.
4 .

.
.
> .

.
, ,
.


, ,
, , ..
1 .
2

3 .


125

URL-

1 .
2 URL-

, URL-.
. URL- .
URL-, .
3 URL-.

DREAMWEAVER CS5 123

28.4.2010.

4 .

URL- .
URL- .


.
.


276


1 .
2 .

,
Shift.

( )
, Control ( Windows) Command ( Macintosh).
, Control Command.


.
, , ,
, . URL-
.
Dreamweaver.
1 .

. ,
, > ( Windows)
Dreamweaver > ( Macintosh),
.
2
3 .

( , URL-), (
) .

URL-, URL.
. ,
. , Esc.

28.4.2010.

DREAMWEAVER CS5 124



( ) .
- , .
, .
,
.
. .
, .


1 .
2 ( Windows) Ctrl ( Macintosh)

, .
. URL-,
.
.
, , , .


1 , .
2 ( Windows) Control ( Macintosh)

, , -
,
.
.
.
.
Dreamweaver .
, .
. URL-,
. URL- ,
.



. ,
, ,
.

DREAMWEAVER CS5 125

28.4.2010.

. ,
. Dreamweaver , ,
.
, ,
. ,
.


.
URL- .
URL- , ,
.
. .


119
230

,
( Windows) Control ( Macintosh) .

, ( Windows)
Control ( Macintosh) . Dreamweaver
, .

( Windows) Ctrl ( Macintosh)



.

URL- .
, - .

URL-
1 URL-.
2 .
3 URL-

4 .

, .
, Esc ,
.

DREAMWEAVER CS5 126

28.4.2010.

URL- URL- ,
.


1 .
2 ( ) .
3

, .
, .


(, #999900)
. (
URL-).
1 ( > ) , .
2 .
3 .

(Windows) , Control
(Macintosh), .

, . (
, .)
4 , ( Windows) Return ( Macintosh).


119


.
1 .
2

3 ( Windows) Return ( Macintosh).


4 .



,
-.

DREAMWEAVER CS5 127

28.4.2010.


118


1 ,

.
2 .

> > .
3 ( Windows) Return (

Macintosh).
Dreamweaver ( lbi)
, .


1 , .

( .)
2
3

4 ( Windows) Return ( Macintosh).



.
1 .
2

3 .

.
,
Control ( Windows) Option (
Macintosh). , ,
,
.


,
. , ,
.

DREAMWEAVER CS5 128

28.4.2010.

, ,
, ,
.
. CSS ,
body, CSS-
head . ,
body .

2 .
3

Dreamweaver , .
, , .
4 .
5 , , ,

. .
, > >
.

> > .

,

1 > > .
2 , .

,
-, .

,
, , ,
.
3 , .

, .
4 .

Dreamweaver .
, Dreamweaver ,
.

DREAMWEAVER CS5 129

28.4.2010.

2 , . (

, .)
3 .
4 ( Windows) Return ( Macintosh).
5 , , ,


Dreamweaver ,
, .
1

2 .
3 Delete, .

.
. .


1 - .
2 ( > ).


,
.


230


1 > (Windows) Dreamweaver > (Macintosh).
2 .
3 ,

( ).
4 , .
5 .


, > >

. , .

DREAMWEAVER CS5 130

28.4.2010.


,

.
1 .
2 ( > ).
.

.
.
.

. ,
.
.

,
.


, , ,
.
,
.
1 .
2 ( > ).

,
, .
.
1 , .

. .
2

( > ).
3 , .
4 ( > ) ,

.
5 .
6

28.4.2010.

DREAMWEAVER CS5 131


7 ,

.
8 , .

, , .
9

,
( , ).

10 , ,

> > .
11 , .
12 .
13 , ,

.
14 .


JavaScript 356

28.4.2010.

6. c
CSS


(CSS) ,
-. CSS
. (HTML-)
HTML-, CSS, ,
( ) HTML- ( ).

. .
HTML- .
,
(, ,
).
CSS . CSS
, , , , , ,
, , , . CSS

.
. ,
HTML . , h1, p Div -.
, , ,
...
CSS.
(CSS) : www.adobe.com/go/vid0152_ru.


Div 167
CSS 160
CSS

CSS
CSS (
). (, p, h1, ),
, . h1
, , ({}), .

132

DREAMWEAVER CS5 133

28.4.2010.

c CSS

h1 {
font-size: 16 pixels;
font-family: Helvetica;
font-weight:bold;
}

: (, font-family) (,
Helvetica). CSS h1: , h1,
, 16 Helvetica.
( )
, HTML-. ,
h1 (
).
.
CSS-
.

H1 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
}


main.html

events.html

Dreamweaver .

.
HTML- , , , h1.
CSS h1 , h1,
.


, CSS (, td h2
h2 ).
, id (, ,
#myStyle, , - id="myStyle").
CSS .
CSS CSS, CSS (.css),

HTML-. -
@import .
( ) CSS CSS, style

HTML-.

28.4.2010.

DREAMWEAVER CS5 134


c CSS

HTML-.
( .)

Dreamweaver , , ,
CSS. Dreamweaver
. ( ,
, , .) CSS -
Microsoft Internet Explorer, Netscape, Opera, Apple Safari . ,
.
OReilly CSS Dreamweaver >
OReilly CSS Reference.


, 150


,
-. , -, :
, , , (
) , . ,
- -, ,
. ,
-; , ,
, -. -
()
-.
, , , <p>, . ,
, (
, <p> HTML). , Internet Explorer
, , Times New Roman Medium.
-, ,
( ). , :
p {
font-family: Arial;
font-size: small;
}

, , ,
.

. , Internet Explorer > >
, ,
. , ,
, , , -.

28.4.2010.

DREAMWEAVER CS5 135


c CSS

.
- ; ,
, ,
. , :
body {
font-family: Arial;
font-style: italic;
}

- ( , )
Arial , .
,
. , :
body {
font-family: Arial;
font-style: italic;
}
p {
font-family: Courier;
font-style: normal;
}

Arial , ( ,
), Courier ( ). ,
, , ,
. ,
,
.
, , ,
CSS (, CSS) CSS,
,
. ,
, , .
www.w3.org/TR/CSS2/cascade.html.

CSS
Dreamweaver (CSS). ,
,
CSS, .
CSS CSS.
CSS , ,
CSS, , ,
. Adobe CSS ( )
.
.

, Dreamweaver.

28.4.2010.

DREAMWEAVER CS5 136


c CSS

. :
www.adobe.com/go/vid0153_ru.


233
CSS 137
CSS 141
CSS

CSS
CSS ,
CSS. CSS
. , font font-style, font-variant, fontweight, font-size, line-height font-family .
CSS :
, .
, CSS .
, h1 CSS. ,
font-variant, font-stretch, font-size-adjust font-style
.
h1 {
font-weight: bold;
font-size: 16pt;
line-height: 18pt;
font-family: Arial;
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}

, , .
h1 { font: bold 16pt/18pt Arial }


. ,
font-variant, font-style, font-stretch font-size-adjust.
(, HTML-
) ,
CSS, , , , (
) , .

28.4.2010.

DREAMWEAVER CS5 137


c CSS

Dreamweaver CSS.
, ,
. - Dreamweaver,
CSS, , CSS Dreamweaver ,
, . CSS Dreamweaver,
CSS CSS (
> Windows Dreamweaver > Macintosh).
. CSS .
CSS c CSS ,
CSS , ,
. CSS .

CSS
CSS
CSS CSS,
( ), , ( ).
. CSS
CSS .

CSS
CSS : ,
CSS , ,
( ),
, CSS , .

28.4.2010.

DREAMWEAVER CS5 138


c CSS

, ,
, .
CSS
. ,
. .
, ( ).
.foo{
color: green;
font-family: 'Arial';
}
p{
font-family: 'serif';
font-size: 12px;
}

.foo
,
. .
font-size: 12px
font-family: 'Arial'
color: green

.
, .
( , , , ,
, .
CSS . : www.w3.org/TR/CSS2/cascade.html.)
(.. )
, . ( )
, CSS, ,
. , , ,
. (, ,
.) ,

.

. ( ,
.) , .maintext ,
,
, .maintext , .maintext
. (
.)
CSS, .
.

28.4.2010.

DREAMWEAVER CS5 139


c CSS

.
, , , , ..,
.
,
. ,
,
.
; ,
, , .
, .
, .
,
.


CSS 141

CSS
CSS : ( )
( ). ,
, , , .
CSS , .

, ,
, .
, ,
.
CSS, .
.

28.4.2010.

DREAMWEAVER CS5 140


c CSS

.
, , , , ..,
.
, .
,
, .
.
,
.


CSS 141

CSS
CSS
( ):

. B. C.

CSS, Dreamweaver, :

, , , , , , .
, , (+)
. ( ) .
CSS, Dreamweaver,
. ( ) .
, .

.
CSS :

. B. CSS C. D. / CSS
E. CSS

, .
CSS , ,

, HTML- CSS.
,

.
CSS CSS,

. ( ,

28.4.2010.

DREAMWEAVER CS5 141


c CSS

, .) CSS
CSS.
(Windows) Control (Macintosh)
CSS,
CSS.

CSS
CSS , , CSS,
.
.

> CSS.
Shift +F11.
CSS .

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

CSS.
2 CSS, .
CSS , CSS

Dreamweaver ()
CSS
( ) Dreamweaver.

,
.
,
, .
CSS CSS.

3 .

CSS
CSS, HTML ,
class ID.
1 ,

CSS.

> CSS > .


CSS ( > CSS) CSS (+),
.

28.4.2010.

DREAMWEAVER CS5 142


c CSS

, ,
CSS CSS ( > ),
(
).
2 CSS CSS:

, class
HTML, ,
.
.
(, .myhead1). ,
Dreamweaver.

, ID,
,
( containerDIV) .
. (#)
( #myID1). ,
Dreamweaver.

HTML,
, HTML
.

, ,
, . ,
div p, p div.
,
.
3 , .

, .
, .
, .
4 CSS ,

CSS. . .
5 , .

. ,
.

CSS
CSS , , ,
, .
.

28.4.2010.

DREAMWEAVER CS5 143


c CSS

CSS
CSS
CSS.
1 CSS (Shift + F11), .
2 CSS.
3 CSS , .

( , .)
Font-family ( ) .

, . Internet Explorer 3.0


Windows . .
Font-size . ,
. , .
.
Font-style Normal, Italic Oblique.

Normal. .
Line-height , .

. Normal,
, .
.
Text-decoration , ,
. None.
Underline. ,
, . Font-decoration .
Font-weight .

Normal 400; Bold 700. Weight


.
Font-variant Small caps. Dreamweaver

. Variant Internet Explorer,


Navigator.
Text-transform
. Font-transform .
Color . Color .

4 , CSS ,

CSS
CSS
CSS. -. ,
, ,
, , .. .
1 CSS (Shift + F11), .
2 CSS.

28.4.2010.

DREAMWEAVER CS5 144


c CSS

3 CSS , .

( , .)
Background color . Background color

.
Background Image . Background Image

.
Background Repeat , . Background-repeat

No repeat .
Background-repeat
.

Repeat X Repeat Y
. ,
.
. Background-repeat body
.
Background Attachment ,

, . ,
Fixed Scroll. Internet
Explorer, Navigator.
Background Position (X) Background Position (Y)

.
(Y), (X). Fixed ,
, .
4 , CSS ,

CSS
CSS
.
1 CSS (Shift + F11), .
2 CSS.
3 CSS ,

. ( , .)
Word Spacing . ,
Value .
(, , ..)

. , . Dreamweaver
.
Letter Spacing .
, , (-4).

28.4.2010.

DREAMWEAVER CS5 145


c CSS

. Letter Spacing
Internet Explorer 4 , Netscape Navigator 6.
Vertical Align . Dreamweaver

, <img>.
Text Align . Text Align

.
Text Indent .

, . Dreamweaver
, . Text Indent
.
Whitespace .
. Normal . Pre
handles , pre (
, , , ). Nowrap
br. Dreamweaver
. Whitespace Internet Explorer 5.5 Netscape Navigator.
Display , . None,
.

4 , CSS ,

CSS
CSS
, .
( )
, .
1 CSS (Shift + F11), .
2 CSS.
3 CSS ,

. ( , .)
Width and Height .
Float , , , AP Div, .,

. .
Float .
Clear , AP. AP

AP. Clear
.
Padding (

, ). ,
.
, ,

, .

28.4.2010.

DREAMWEAVER CS5 146


c CSS

Margin ( ,
) . Dreamweaver
, (, , ..).
, .
, , ,

.
4 , CSS ,

CSS
CSS,
, , .
1 CSS (Shift + F11), .
2 CSS.
3 CSS

. ( , .)
Type . .

, .
, ,

, .
Width . Width .

, .
, , ,

.
Color . ,
. ,
.
, , ,

.
4 , CSS ,

CSS
CSS ,
.
1 CSS (Shift + F11), .
2 CSS.
3 CSS

. ( , .)
List style type . List style typ

28.4.2010.

DREAMWEAVER CS5 147


c CSS

List style image .


(Windows) Choose (Macintosh), , .
List style position ()

().
4 , CSS ,

CSS
, ,
CSS.
1 CSS (Shift + F11), .
2 CSS.
3 CSS ,

.
( , .)
Position , .

Absolute , Placement,
,
, .

Relative , Placement,
. ,
20 , 20
20 .
, , ,
.

Fixed , Placement
.
.

Static .
HTML-.
Visibility . Visibility ,

. .
.

Inherit .
Visible .
Hidden .
Z-Index . Z
Z ( Z).
. (
AP.)

28.4.2010.

DREAMWEAVER CS5 148


c CSS

Overflow , , (, DIV P)

. :

Visible , .
.

Hidden , .
.

Scroll ,
. ,
.
.

Auto ,
. .
Placement .

. ,
.
.
: (), (), , (), () % (
).
. , 3mm.
Clip , . ,

, JavaScript, ,
(, ). .
4 , CSS ,

CSS
, .
. Dreamweaver ,
CSS. ,
CSS ( > CSS),
Extensions.
1 CSS (Shift + F11), .
2 CSS.
3 CSS Extensions

. ( , .)
Page break before ,

. .
4.0, .
Cursor , , .
. Internet Explorer 4.0
, Netscape Navigator 6.
Filter , ,

. .

28.4.2010.

DREAMWEAVER CS5 149


c CSS

4 , CSS ,

CSS
, , .
CSS, ,
, . , ,
.
.

CSS ( )
1 CSS, > CSS.
2 CSS.
3 , .
4 .

,
CSS, .

,
.

, .
. , CSS ,
, Dreamweaver.

CSS ( )
1 CSS, > CSS.
2 CSS.
3 .

,
CSS, .

, .
,
CSS.
. , CSS ,
, Dreamweaver.

CSS
1 CSS ( ) , .
2 , .
3 (Windows) Return (Macintosh).

28.4.2010.

DREAMWEAVER CS5 150


c CSS


243


CSS .
1 CSS ( > CSS) (

), ( ).
2 .

,
, .

,
, .

,
CSS, ,
, . , ,
CSS ( [.] )
.
, , ,
.
.
, CSS,
, .


132
134
CSS 137

CSS
1 , CSS.

, .
, CSS .
, CSS, ,
.
2 , .

CSS ( > CSS) ,


, , .

HTML ,
.

28.4.2010.

DREAMWEAVER CS5 151


c CSS

(Windows)
Control (Macintosh) , CSS ,
.

> CSS, ,
.


1 , .
2 HTML ( > )


1 CSS CSS, ,

.
,
CSS.
2 , , ,

.
3 .

, ,
, Dreamweaver .
, , CSS-, Dreamweaver
. Dreamweaver ,
, .

/ CSS
CSS Dreamweaver CSS .
, ,
CSS- ..
. ,
Dreamweaver .
, Dreamweaver
.


329

/ CSS
1 .

CSS , .
CSS .
, Control (Windows) Command
(Macintosh) , .

28.4.2010.

DREAMWEAVER CS5 152


c CSS

, .
CSS > CSS
.
. .
2

.
3

.
Dreamweaver
.
.
.

/ CSS
1 .

CSS , .
CSS .
, Control (Windows) Command
(Macintosh) , .

, .
CSS > CSS
.
. .
2

.
. , .
.
.

CSS
CSS ( ) .

, ,
.
,
Control (Windows) Command (Macintosh), .


CSS Control (Windows) Command (Macintosh)

, .

28.4.2010.

DREAMWEAVER CS5 153


c CSS

CSS CSS
.
CSS, CSS,
.
1 ( > ) <style>, CSS,

.
2 CSS > CSS

.
3 CSS ,

, CSS, .
, CSS,
.
.
.


329

CSS
CSS , ,
. CSS, ,
CSS, ,
.
, . ,
Dreamweaver ,
.
1 CSS, .

> CSS.
Shift + F11.
2 CSS . (

.)
3 .

, CSS.
URL-.
4 .

, .
link href HTML URL-
. Microsoft Internet Explorer,
Netscape Navigator.

28.4.2010.

DREAMWEAVER CS5 154


c CSS

link .
, .
( ).
, ,
, , ,
. , , .
5 .

, , . World Wide
Web Consortium www.w3.org/TR/CSS21/media.html.
6 , , .

, ,
. .
7 .


Dreamweaver 68

CSS
CSS . CSS
CSS CSS.
1 CSS ( > CSS) .
2 , .
3 , .

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


319

CSS
1 > .
2 .
3 CSS .

28.4.2010.

DREAMWEAVER CS5 155


c CSS

4 CSS ,

CSS. CSS, .. ,
, .
.

.
.
,

.
.
.

5 .

. CSS ,
.

CSS CSS
1 CSS.
2 > .

, CSS,
. .

CSS
1 HTML-, CSS .
2 CSS.
3 > .

, CSS,
CSS .
. > ,
.

/ CSS
/ CSS CSS-
CSS . CSS , .
CSS Dreamweaver CSS [disabled].
CSS.
, Dreamweaver,
/ CSS, . : www.adobe.com/go/dwcs5css_ru.
1 CSS ( > CSS) ,

28.4.2010.

DREAMWEAVER CS5 156


c CSS

2 / CSS .

.
/ CSS
. ,
(Windows) , Control (Macintosh OS),
.
3 (.) ,

(Windows) , Control (Macintosh OS),


, ,
.

CSS-

HTML CSS-. ,
CSS
.
. CSS . CSS 2.1 specification.

CSS .
CSS,
CSS , . ,
, , ,
(, , , . .).
, Dreamweaver,
, . www.adobe.com/go/dwcs5inspect_ru.
1 (

).
. ,
.
2 , CSS.

, , .
3 (.) ,

. ,
.
4 (.) , .

. .


Dreamweaver 306
CSS 137

28.4.2010.

DREAMWEAVER CS5 157


c CSS

CSS

(BCC) HTML CSS,
. BCC , Dreamweaver
CSS .
, , , ,
, (, ,
; ).
Dreamweaver
- Adobe CSS Advisor,
.
BCC : Firefox 1.5; Internet Explorer
(Windows) 6.0 7.0; Internet Explorer (Macintosh) 5.2; Netscape Navigator 8.0; Opera 8.0 9.0; Safari 2.0.
, CSS. BCC -
CSS, .
.

CSS,
, , . (
,
.)

CSS, ,
.

, ,
.
.


346
CSS Advisor


> >

,
.

, Dreamweaver
1 ( > ) .

28.4.2010.

DREAMWEAVER CS5 158


c CSS

2 .
3 , .
4

.
, CSS, Internet Explorer 5.0
, Netscape Navigator 7.0 ,
5.0 Internet Explorer 7.0
Netscape.


1 .
2 (Windows)

Control (Macintosh) , .
3 .


1 ( > ) .
2

.
3 Exceptions.xml , ,

.
4 Exceptions.xml.


1 .
2 .

,
.
. ; ,
.


1 .
2 .

,
.

- Adobe CSS Advisor


1 ( > ) .
2 .

28.4.2010.

DREAMWEAVER CS5 159


c CSS


,
CSS Dreamweaver. , ,
, Macintosh Windows,
.
;
, , .
.
. , >
> . CSS (
) - .
, .
1 ,

CSS
.

> CSS > .


2 .

CSS , (+)
,
CSS, .

CSS , (+)
,
CSS, .

, , ,
(-).
3 , .

CSS
, .


11

Dreamweaver
Dreamweaver ,
.
1 CSS, .

> CSS.
Shift + F11.
2 CSS . (

.)

28.4.2010.

DREAMWEAVER CS5 160


c CSS

3 .
4 .


.
5 , ,

.
,
, .
6 Dreamweaver CSS ,

. , Dreamweaver .
, .
7 ,

, .

CSS Contribute
Adobe Contribute CSS.
Contribute, Dreamweaver.
1 Dreamweaver.
2 Contribute, , ,

, ,
.
Contribute :

, Contribute
, , ,
.

, ,
, , Contribute.
, , , ,
, , .

CSS
CSS
CSS -
. CSS
Div - HTML, ,
. CSS Div ,
, . ,
, Div . div ( x y) (
). div , ,
, .

DREAMWEAVER CS5 161

28.4.2010.

c CSS

CSS , ..
. CSS, , ,
, CSS
. , CSS
. Dreamweaver
CSS, 16 ,
.
, Dreamweaver,
CSS. CSS
Dreamweaver ( AP). AP Dreamweaver
HTML-, div ,
. AP Dreamweaver , ,
,
.
div CSS
.
CSS . (Gary White) : Layout 101.
CSS CSS
www.adobe.com/go/learn_dw_comm05_ru.

CSS
, , CSS.
CSS Div - HTML,
, .
HTML, div. -
- -.

A
C

. - Div B. Div C. Div

Div HTML.

28.4.2010.

DREAMWEAVER CS5 162


c CSS

<!--container div tag-->


<div id="container">
<!--sidebar div tag-->
<div id="sidebar">
<h3>Sidebar Content</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis.</p>
</div>
<!--mainContent div tag-->
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo
convallis luctus rutrum.</p>
<p>Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo
pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo
convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam.</p>
</div>
</div>

Div . CSS
Div . Div
( ),
CSS, Div.
CSS, ,
CSS, , .. -.
#container {
width: 780px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}

#container - 780 , , (
), , 1 , , .
- Div .

DREAMWEAVER CS5 163

28.4.2010.

c CSS

- Div, 780 ,
. B. C. , 1

CSS Div .
#sidebar {
float: left;
width: 200px;
background: #EBEBEB;
padding: 15px 10px 15px 20px;
}

#sidebar Div 200 , ,


15 , 10 20 . (
: ---.) , Div
float: left Div Div. Div .
A
B

Div , float left


. 200 B. , 15

, CSS - Div .
#mainContent {
margin: 0 0 0 250px;
padding: 0 20px 20px 20px;
}

DREAMWEAVER CS5 164

28.4.2010.

c CSS

#mainContent Div 250 , ,


- Div Div
250 . , 20 ,
Div . Div
.
A

Div , 250 .
. 20 B. 20 C. 20

.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#container {
width: 780px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
#sidebar {
float: left;
width: 200px;
background: #EBEBEB;
padding: 15px 10px 15px 20px;
}
#mainContent {
margin: 0 0 0 250px;
padding: 0 20px 20px 20px;
}
</style>
</head>
<body>
<!--container div tag-->

28.4.2010.

DREAMWEAVER CS5 165


c CSS

<div id="container">
<!--sidebar div tag-->
<div id="sidebar">
<h3>Sidebar Content</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis.</p>
</div>
<!--mainContent div tag-->
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo
convallis luctus rutrum.</p>
<p>Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo
pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo
convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam.</p>
</div>
</div>
</body>

. .
,
, Dreamweaver.


132

CSS
Dreamweaver , CSS.
Dreamweaver 16 CSS . ,
CSS .
.
Dreamweaver CSS : Firefox (Windows Macintosh)
1.0, 1.5, 2.0, 3.6; Internet Explorer (Windows) 5.5, 6.0, 7.0 8.0; Opera (Windows Macintosh) 8.0, 9.0 10.0; Safari
2.0, 3.0 4.0, Chrome 3.0.
, , Dreamweaver CSS,
Dreamweaver Developer Center.
, Adobe Dreamweaver Exchange CSS.


64
70
CSS 153

CSS
1 > .

28.4.2010.

DREAMWEAVER CS5 166


c CSS

2 . (

.)
3 .

. HTML . , HTML,
ColdFusion, PHP .. ActionScript, CSS, Library Item, JavaScript, XML, XSLT
ColdFusion Component CSS.
CSS.
4 CSS, . 16

. .
CSS .
Fixed .
.
Liquid . ,

, .
5 .
6 CSS CSS .
CSS .
CSS CSS

.
CSS, CSS,

. ,
CSS ( CSS, ) .
7 .

CSS ( ),
.

CSS , ,
.

CSS ,
CSS, .
.
. ,
CSS.
CSS , Dreamweaver
HTML-.
. Internet Explorer (CCs),
IE, CSS,
CSS .
8 , CSS,

CSS ().
CSS- CSS.
.
.

28.4.2010.

DREAMWEAVER CS5 167


c CSS

CSS
1 HTML-, CSS,

. CSS HTML.
CSS , Dreamweaver,
HTML .htm.
2 HTML- Adobe Dreamweaver CS4\Configuration\BuiltIn\Layouts.
3 () ( .gif

.png) Adobe Dreamweaver CS4\Configuration\BuiltIn\Layouts. ,


Dreamweaver, PNG- 227 193 .
, HTML-,
. , HTML- myCustomLayout.htm,
myCustomLayout.png.
4 () , Adobe Dreamweaver

CS4\Configuration\BuiltIn\Layouts\_notes,
, . ,
oneColElsCtr.htm.mno oneColElsCtr.htm.mno.
5 ()

, .

Div
div
, Div
CSS. Div , -c.
Ddiv , ,
.
Div (CSS) -,
CSS- ,
Dreamweaver. CSS, ,
.
. Dreamweaver Div (
AP, ),
AP Div.


AP Dreamweaver 171
CSS 165
188

28.4.2010.

DREAMWEAVER CS5 168


c CSS

Div
Div CSS . ,
SS , .
Dreamweaver Div .
1 , Div.
2 .

> > Div


, Div

3 .
div , .
, . ,

, . ,
.
, Div. ID,

, . ,
, .
. Dreamweaver , .
CSS CSS.

4 .

Div .
Dreamweaver .
Div , . ( Div,
.)


AP Dreamweaver 171
CSS 165

Div
Div .
. Div AP.
Div CSS.
( CSS > .)
divDreamweaver . ,
.
Div CSS.
Div, div
, .

28.4.2010.

DREAMWEAVER CS5 169


c CSS


AP Dreamweaver 171
CSS 141
, Div
1 Div.

Div.
, .

Div Ctrl+A (Windows) Command+A (Macintosh).


Div, Div ,
.
2 CSS , > CSS .

, Div.
3 .

Div
.
Div
, Delete.
. Div , .

Div
Div Dreamweaver .
/
.
1 > ( Windows) Dreamweaver > ( Macintosh).
2 .
3 .

Div ,
(
).

Div .
. , , Dreamweaver
.

28.4.2010.

DREAMWEAVER CS5 170


c CSS

CSS
CSS
, CSS. CSS
HTML-, . CSS
Div, display:inline, ,
CSS display:block, position:absolute position:relative.
, SS Dreamweaver.

Div

a display:block

. CSS
(, ) , .
Dreamweaver CSS. ,
, CSS.
, CSS .
CSS , Dreamweaver
.
CSS CSS .
CSS CSS
, .

CSS, Dreamweaver
CSS . (Dreamweaver
- .)
, , CSS.
CSS ( ) CSS.

CSS
CSS .
CSS
> > CSS
CSS
> > CSS
CSS
> > CSS
CSS ,
.

28.4.2010.

DREAMWEAVER CS5 171


c CSS

,
CSS
,
, CSS.
, display:block
.
1 CSS ( > ,

, CSS,
).
2 , display:block

, CSS.
,
.
p{
display:block;
}
li{
display:block;
}

3 .
4 , .
5 > CSS > .
6 (+)

,

7 , .

.
, display:block,
.


159

AP
AP Dreamweaver
AP ( ) - HTML-, div
, . AP ,
, HTML.
Dreamweaver AP .
AP , AP,
, AP .
AP, AP,
.

28.4.2010.

DREAMWEAVER CS5 172


c CSS

AP Div . ( AP,
Dreamweaver ). , HTML (,
) AP, . AP
( Div ) AP.

HTML AP Div
Dreamweaver AP Div. AP
AP, Dreamweaver Div Div id (
apDiv1 Div, apDiv2 ..).
AP Div AP . Dreamweaver
CSS , AP Div
.
HTML- AP Div.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample AP Div Page</title>
<style type="text/css">
<!-#apDiv1 {
position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;
}
-->
</style>
</head>
<body>
<div id="apDiv1">
</div>
</body>
</html>

Div AP ( AP) , ..
x, y, z-index ( ) .

AP
Dreamweaver AP Div.
AP Div.
AP Div Dreamweaver AP Div
, . ,
AP Div ( AP), >
> AP CSS.
, AP.
AP Div ,
AP Div, ,
.

28.4.2010.

DREAMWEAVER CS5 173


c CSS


AP 178
Div 169
CSS 170
AP Div
1 AP

2 .

, AP Div.
, Control (Windows) Command (Macintosh),
AP Div.
Ctrl Command , AP Div.
AP Div
, > >
AP
. AP Div
. , AP Div
, (, ).
AP Div.
AP Div.
AP Div , , AP Div
.
AP Div
> AP
CSS.
. .
AP
> AP
CSS.

AP Div
AP Div - AP Div, AP
Div. , AP Div.
<div id="apDiv1"></div>
<div id="apDiv2"></div>
<div id="apDiv3">
<div id="apDiv4"></div>
</div>

28.4.2010.

DREAMWEAVER CS5 174


c CSS

AP Div :

Div Div . apDiv4


apDiv3. ( AP Div AP.)
, AP Div. AP Div
Div , .
, ,
AP Div AP Div. AP
Div, .
AP Div
1 , AP ( > AP).
2 AP

3 ,

AP Div AP Div.
AP , ,
Alt (Windows) Option- (Macintosh), AP Div AP Div.
AP Div - .
AP Div .
AP Div
1 , .
2 AP

, > > AP.


AP AP
1 > AP, AP.
2 AP AP, AP

AP , Ctrl (Windows) Command (Macintosh) .


3 , AP .

AP Div AP Div
AP.

28.4.2010.

DREAMWEAVER CS5 175


c CSS

AP
AP ,
AP.
1 > ( Windows) Dreamweaver > ( Macintosh).
2 AP ,

.
Visibility , AP. : Default, Inherit,

Visible Hidden.
Width Height ( ) AP,
> > AP.
Background Color . .
Background Image . ,
.
: AP Div ,

AP Div, AP Div.
Alt (Windows) Option (Macintosh),
AP Div.

AP
AP .
1 AP.
2 , ( > )

, .

3 .
CSS-P (ID) AP. ID AP

AP JavaScript.
( ), ,
, , . AP
ID.
. CSS-P
.
L T ( ) AP

, .
W H ( ) AP.

28.4.2010.

DREAMWEAVER CS5 176


c CSS

. AP , AP
(, Dreamweaver) ,
. ( AP AP ,
Overflow Visible.)
- (px).
: () (), , (), () %
( AP).
. , 3mm 3 .
Z-Index AP Z, .. .

AP AP .
.
AP AP, Z.
Vis , AP . .

Default . ,
Inherit.

Inherit AP.
Visible AP .
Hidden AP .
, JavaScript,
AP.
Bg Image AP.

, .
Bg Color AP.

, .
Class CSS, AP.
Overflow , AP ,

AP.
Visible , AP. AP ,
. Hidden , . Scroll ,
AP , , . Auto
AP, (
, AP ).
. overflow - .
Clip AP.

, , ,
AP ( AP). AP
, . ,
AP, 50
75 , 0, 0, 50 75.
. CSS (), Dreamweaver
, .

28.4.2010.

DREAMWEAVER CS5 177


c CSS

4 , Tab (Windows) Return

(Macintosh).

AP
AP,
AP, AP .
AP
AP Shift.
AP
1 AP.
2 , ( > )

, .

3 AP.
L T ( ) AP

, .
W H ( ) AP.

. AP ,
AP (, Dreamweaver) ,
. ( AP AP ,
Overflow Visible.)
- (px).
: () (), , (), () %
( AP).
. , 3mm 3 .
Vis , AP . .

Default . ,
Inherit.

Inherit AP.
Visible AP .
Hidden AP .
, JavaScript,
AP.
Tag HTML-, AP.
Bg Image AP.

28.4.2010.

DREAMWEAVER CS5 178


c CSS

, .
Bg Color AP. , .

4 , Tab (Windows) Return

(Macintosh).

AP
AP ( > AP) AP .
AP, , AP,
AP AP.
. AP Dreamweaver HTML-, div
, . AP
.
AP z- ( Z).
AP ( z- 1) ,
AP . , z- AP,
. , AP,
, z- , .

AP
AP, .
AP AP
AP ( > AP) AP.
AP
.

AP.
, AP,
.

AP.
AP, Ctrl Shift (Windows) Command
Shift (Macintosh) .

AP Ctrl + A (Windows) Command + A


(Macintosh), AP. Ctrl + A Command + A,
AP.

AP, .
AP
.

AP ( > AP) AP,


Shift.

AP,
Shift.

28.4.2010.

DREAMWEAVER CS5 179


c CSS

AP
AP, AP.
AP AP
AP.
HTML , .. z-index, AP ,
. z-index AP, AP
. z-index AP, AP
.
AP AP
1 > AP, AP.
2 AP .

AP , , .
, .
AP
1 > AP, AP
.
2 AP AP .
3 ( > ) Z-Index.

AP , .
AP , .

AP
AP
AP, , .
. AP , ,
AP.
AP
1 > AP, AP.
2 AP , .

, AP .
, AP .
, AP .
( AP , ,
.)
, (
Default).
AP
AP ( > AP) .

28.4.2010.

DREAMWEAVER CS5 180


c CSS

. AP Visible, Hidden,
Inherit.

AP
AP AP,
.
, AP ,
AP.


186
AP
1 AP.
2 AP, .

,
AP.

, , Ctrl
(Windows) Option (Macintosh).
AP.
, .

, ,
Shift Ctrl (Windows) Shift Option (Macintosh).

( > ) (W) (H).


AP AP.
AP . AP .
AP
1 AP.
2 .

> > > >


.
AP
AP.

( > ) CSS-P
.
AP.

AP
AP ,
.

28.4.2010.

DREAMWEAVER CS5 181


c CSS

, AP ,
AP.
1 AP AP.
2 .

,
AP ( ).

, .
,
Shift.


186



.
AP - ,
.
AP.
1 AP.
2 > , .

, AP ,
, (
).

AP
, -
AP. Dreamweaver , AP, ( )
. AP , ,
4.0. AP
, .. ,
( ) .
,
, Dreamweaver.

AP . (
AP Dreamweaver AP Div, AP
.) AP :
AP AP Div .
. AP Div
, .
, .

28.4.2010.

DREAMWEAVER CS5 182


c CSS

AP
, AP, AP ,
.
, AP .
, ( > > ).
AP
1 > > Div .
2 .
AP, ,

AP.
: , AP

, .
,
.
GIF- GIF-

. .
, .
, GIF-,
.
. ,

.
AP Div
1 > > Div
2 .
AP AP ,
, .
.

AP.
AP Div. AP
, .
. , , AP Div.

AP
Dreamweaver AP,
. AP ,

AP, .

28.4.2010.

DREAMWEAVER CS5 183


c CSS

AP AP,
,
. AP,
, AP .
Dreamweaver AP.
, AP ,
AP. AP.
. AP
. AP ,
AP HTML-
AP, . ,
AP , .

AP ( > AP) .
> >
AP.

28.4.2010.

7.
HTML


.
( ,
).

, > > .
,

(
) .

, > >
.

, > ,
, .


, .
. ,
( ) -.
. (
.) ,
.


1 .
2 (

, ).
.
, .
, Shift .


> > .

184

28.4.2010.

DREAMWEAVER CS5 185


HTML


, > >
.

, > >
.
. , ,
, .


> > .


1 , .
2 .
3 .


Ctrl (Windows) Command (Macintosh)

.
. .

( ) -
> ,


> > ,

.
.
.
,

.
.
.

.
.

.
.

28.4.2010.

DREAMWEAVER CS5 186


HTML


Dreamweaver
.
, .
.
.
.


181
AP 180


.
.
,
. ,
.


181
AP 180


> > .


> > .


1 > > .
2 , .
.
.
.
.
.
, .
: .

. , ,
.

28.4.2010.

DREAMWEAVER CS5 187


HTML

-
-
, , Adobe Freehand Fireworks.
PEG, GIF PNG,
. , ,
.
- Dreamweaver.
. - ,
. .

-
1 .

> - > .
> , (
).
2

.
3 ,

, .
-
, > .

-
> - > .

-
> - > .

-, X
Y.

1 .
5 Shift,
.

-
> - > .

- (0,0).

-
1 .
2 > - > .

- .

28.4.2010.

DREAMWEAVER CS5 188


HTML



HTML. , .
HTML-, Dreamweaver ,
.
Dreamweaver
.
.
. .
, ,
HTML-. , ,
, HTML-.

, .
, 200 ,
250 , : 200 ( , )
(250) ( ).
. , CSS-.


CSS 160

HTML
,
, . , ,
, ,
, , , .
.
1
2
3

, , ,
,
.
. , Dreamweaver td
.

28.4.2010.

DREAMWEAVER CS5 189


HTML


(
). , .
,
. Dreamweaver (
colspan rowspan) .
,
.


.
, .
. Dreamweaver CS4 ( ). Adobe
,
. , ,
, . Dreamweaver.
1 ,

.
. .

> .
.
2 , .
.
.
.
.
.

,
1,
2. , ,
0.
.
.
,
.

28.4.2010.

DREAMWEAVER CS5 190


HTML

,
.
, .

, -
.
.
, .
, .
. ,


233
250


Dreamweaver , (,
Microsoft Excel) (
, , ), .
, Dreamweaver ,
. ,
, . .
.
,
, , (
) .


1 .

> > .

> > .
2 .
. , .
, .

, .
, .
. , .
,
.

28.4.2010.

DREAMWEAVER CS5 191


HTML

,
.

,
.
.
.
.

, ,
1, 2.
, 0.
, 0,
> > .
, ( )

. : , ,
.


1 .
2 > > .
3 .
,
.
, :

Windows, Macintosh UNIX. ( .)


4 .
5 .


, . ,
.
, , Dreamweaver
, .
, , , .
.
Ctrl (Windows) Command
(Macintosh), , .
, .

28.4.2010.

DREAMWEAVER CS5 192


HTML


.
. ,

( , ).

, <table> (
).

, > >
.

, .
.


1 .
2 ,


1 .
2 .

, <td> (
).

, Ctrl (Windows) Command (Macintosh).


> .
, >
.

28.4.2010.

DREAMWEAVER CS5 193


HTML

, , Ctrl (Windows)
Command (Macintosh), . ,
Shift.
,
.


Ctrl (Windows) Command (Macintosh), , ,

.
, , ,
. , .


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

, ,
.

,
.
. ,
, Dreamweaver .


.
1 .
2 ( > ).
.
.
.

. .
.
.
,
.

(
); (

28.4.2010.

DREAMWEAVER CS5 194


HTML

). ( /
). ,
.
.
,
.
.

, ,
, 1, , 2.
, ,
0. 0,
> >
CSS- .

. ,
. ,
.

.

(
).


(
).
, Tab (Windows) Return
(Macintosh).

,
.
1 .
2 ( > ) .
, .
,
(
).
, .
, ,
( ).
,
. , %.
,
, ( ).

DREAMWEAVER CS5 195

28.4.2010.

HTML

,
.
, .
. ,
.
, , .
, .

, .
. .

, .
. .
, ,
. ( , ,
, ,
.)
.

.

.
. , Dreamweaver td
. Dreamweaver
tr td .
, tr
HTML-.
3 Tab (Windows) Return (Macintosh), .



.
.
, , ,
.

. B.

.
. ,
, .

28.4.2010.

DREAMWEAVER CS5 196


HTML


1 > > >

( ).
2 .

> > .
.
.
Dreamweaver .

> > .
.



. , ,
.
, .


233

, ,
1 , , .
2 ( > )

.
3 .

.
. , Dreamweaver td
. , Dreamweaver
tr, td .
, tr HTML-.

, <table>
.

28.4.2010.

DREAMWEAVER CS5 197


HTML



, .
, ,
(Windows) , Control (Macintosh),
.

, , (Windows)
, Control (Macintosh), .

,

, .
. ,

.
. Dreamweaver
,
.
, HTML-, .
. Dreamweaver
, .
.

,
. - ,
.
. HTML-
.
Dreamweaver ,
.
.


311

,

.

, .
, .

28.4.2010.

DREAMWEAVER CS5 198


HTML

, ,
.

, .
. .

. , ( ),
, , , ,
.


Shift .

. .
.


1 .
2 , .

Dreamweaver ,
.


1 .

DREAMWEAVER CS5 199

28.4.2010.

HTML

2 .

> > >


> .

(> )

,
.

,
1 > > .
2 (Windows) , Control

(Macintosh), > .


>
.
Tab .

> > > >


.
, .

,
.


1 .

28.4.2010.

DREAMWEAVER CS5 200


HTML

2 > > ,

.
, .
.
, :
.

, ,
> > > > .

, >
Delete.


1 .
2 (> ) .

, .
, .
. Dreamweaver
.


>
.


1 .

, , .

28.4.2010.

DREAMWEAVER CS5 201


HTML

,
.

2 .

> > .
HTML ( > )

. ,
.
.
.


1 .

> > .
HTML (> )

. ,
.
2 .
: .
/ , .

> > > >


.

> > > >


.

,
, ,
.
, ,
. ,
, .

28.4.2010.

DREAMWEAVER CS5 202


HTML


1 .

, ,
.

,
.

2 > > .

. > ,
( ).


1 , .

, , ,
, . (,
32 , 32 .)

, .
, .
. ,
, , (
) .

, .
2 > .

.
. ,
.

,
1 .

. , .

28.4.2010.

DREAMWEAVER CS5 203


HTML

2 > Delete.

. , , ,
> Delete.

,
1
2 > > > >


. ,
. ,
, .
1 .
2 > , .


.
.
, colspan rowspan,
.
1 .
2 > ,

.
, .
, : ,
( , ) .

, .
- , (
1, 2, 3, 10, 20, 30), ( : 1, 10, 2, 20, 3, 30).
/ .
, ,
.
, , .

, , .
thead (

) , . (,
thead thead .)

thead . ( >
).
tfoot (
) , . (,

28.4.2010.

DREAMWEAVER CS5 204


HTML

tfoot thead .)

thead . ( >
).
, ( )
. ,
. .
, .
.



, HTML- ,
. ,
HTML-.
, .
HTML-, ,
, , URL- , .
HTML-, ,
noframes. ,
.
URL- ,
. index.html, ,
, , .

28.4.2010.

DREAMWEAVER CS5 205


HTML

, :
. -, ,
, .
HTML-.

, ,
. ,
, .
, .
. , ,
, .
, .
. HTML-,
, HTML. ,
.
, , ,
HTML-: ,
, . Dreamweaver
,
.
. - (Thierry Koblentz) :
www.tjkdesign.com/articles/frames/.

28.4.2010.

DREAMWEAVER CS5 206


HTML


Adobe -.
:

.
.
URL- ,
( ,
).
, , . (Gary White)
: http://apptools.com/rants/framesevil.php.
, .
, , .
:

.
(
), . , ,
, ,
,
.
- , ,
. , , ,
.
(Dreamweaver , .)
.

28.4.2010.

DREAMWEAVER CS5 207


HTML

, ,
,
. (,
) .
, ,
, ,
noframes ,
. , .
. - (Thierry Koblentz) :
www.tjkdesign.com/articles/frames/.


.
. -,
, .
Dreamweaver . ,
, .
,
( ) ( ).
:
.

. B. .

Dreamweaver . Dreamweaver
, .
HTML :
, , .
Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 208


HTML

. ,
.
Dreamweaver
. .
.


Dreamweaver , ,
.
.
. ,
HTML-. , ,
( , URL ).
,
.
1 .
2 , . ,

HTML-
.
3 (

, ).
4 . ,


Dreamweaver :
.
, ,
. .

.
, Dreamweaver
.

. >
> .


Dreamweaver 722

28.4.2010.

DREAMWEAVER CS5 209


HTML

1 .

> HTML > .


.

. , ,
.
2 Dreamweaver ,

, . ( ,
,
.)
. Dreamweaver
( , ..).
.
Dreamweaver.
> .


1 > .
2 .
3 .
4 .
5 ,

.
.
.
Dreamweaver.


> ,

(, ).
Dreamweaver . - ,
.


, ,
> .

,
.

28.4.2010.

DREAMWEAVER CS5 210


HTML

, ,
, Alt (Windows) Option (Macintosh).

,
.
, , .
, .
, .

, ,
Dreamweaver .
. .
, , .
, .


,
.

, ,
, .



.
.

28.4.2010.

DREAMWEAVER CS5 211


HTML

, .
,
.
. , .


.
.
. , ,
. (, ), .


1 > .
2

, . (
.)

, .


, ,
Shift Alt (Windows) Shift Option (Macintosh).

, .
( , .
> > .)
. , ,
. . .

28.4.2010.

DREAMWEAVER CS5 212


HTML



Alt (Windows),
Command (Macintosh).
,
.

( , ),
Alt (Windows) Command (Macintosh).

(
, ), Alt
(Windows) Command (Macintosh).



, .
1 .
2 > .
3 (Windows) Choose (Macintosh).
4 ()

, .


,
, .
, .
. Dreamweaver
, , . ,
UntitledFrameset-1,
UntitledFrame-1.

, > .
, >
.
. , .

,
, > >

,
> .

28.4.2010.

DREAMWEAVER CS5 213


HTML

,
. , (
)
.
. > ,
, ,
. , ,
.


,
, .
.
, , ( ),
.
, .
HTML- .


Dreamweaver 722


1 . .

,
Alt (Windows) Option Shift (Macintosh).

( > ).
2 ( > ) ,

.
3 .
, target .

. (_);
(-), (.) . ( ).
. ,
JavaScript (, , top navigator).
, .
,
.
. ,

.
.
, - ,
.
, ,
.

28.4.2010.

DREAMWEAVER CS5 214


HTML

.
. Dreamweaver.
, .
.

, , .
( ), ( )
. ,
.
, , ,
, ,
.
. ,

. , .
(
).
(

).
.
> .
,
.


1 , ( >

).
2 <frameset>.
3 / ,


1 ,

.
2 , ( >

). Dreamweaver .
3 (Windows) , Control

(Macintosh), .
4 .


1 .
2 > .
3 .

28.4.2010.

DREAMWEAVER CS5 215


HTML


,
, .


1 . .

( > ) , .
2 .


1 . .

( > ) , .
2 , ( > )

.
, .
, . ,
. , .
.
.

.
RowCol Selection .
RowCol Selection
.

3 , ,

.
.
, , .
, , .
,
. :
, ,
, , ,
.

28.4.2010.

DREAMWEAVER CS5 216


HTML

. , ,
,
. ,
. ,
.
,
.
, ,
.
,

, ;
.
.
. , .
, ,
.
, 1
. .


,
. target , ,
.
, , , ,
,
.
, .
1 .
2 ( > ) .

, .
,
.
3 ,

_blank ,
.

_parent
, . .

_self .
_top .

28.4.2010.

DREAMWEAVER CS5 217


HTML

.
.
.
.
.
.
,
target="_top" target="_blank", .


Dreamweaver
, .
, noframes.
, noframes.
. , noframes,
. ,
.
1 > > NoFrames.

Dreamweaver ,
NoFrames.
2 .

, .
> , body,
noframes, HTML- .
3 > > NoFrames,

JavaScript
,
.
.
HTML-.
.
URL- . ,

, .
,
. ,
.

. JavaScript 368.

28.4.2010.

DREAMWEAVER CS5 218


HTML


378
URL- 375
378
376

28.4.2010.

8.



, ,
. .


14
333
227


>

. ( , XML, JavaScript, Java CSS)


, .


. ,

, .

219

28.4.2010.

DREAMWEAVER CS5 220



1 .
2 .

.
.
,
, . Dreamweaver
, .
, ,
.
, Dreamweaver
.
. , ,
. ,
.


Ctrl (Windows) Option (Macintosh).

, , ,
, Ctrl Option.

28.4.2010.

DREAMWEAVER CS5 221


. . ,
AP ,
.


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

, ,
, , . ,
Ctrl (Windows) Option (Macintosh) .
,
. .

,

1 .
2 (Windows) , Control, (Macintosh)

, , .
3

,
.
. .
.

,
.

, ,
.

, ,
.
4 , ,

, .

28.4.2010.

DREAMWEAVER CS5 222



Dreamweaver,
.
( ,
).
1 .

2 .

.
. ,
.


1 ( )

.
2 .

28.4.2010.

DREAMWEAVER CS5 223



(Windows)

Control (Macintosh) .


Dreamweaver
( > ).
, , ,
.
, .. ,
, .
Dreamweaver CSS , (CSS),
(CSS) (CSS) . head
. HTML,
(HTML) . (
/ -
HTML.)
. .
CSS, Dreamweaver ,
, .
1 >

.
2 .


CSS 142
HTML 245
XHTML 312

, CSS
-,
, .
1 >

.
2 (CSS) .
- .

Dreamweaver ,
.
-. Dreamweaver
,
.
.
. .

28.4.2010.

DREAMWEAVER CS5 224


. ,
.
.

, Dreamweaver
() , . (
.)
.

.
Y ,
.

X .
Y .
.
.

HTML
HTML ( CSS-).
1 >

.
2 (HTML) .
. ,
.
.

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

CSS
, ,
.
1 >

28.4.2010.

DREAMWEAVER CS5 225


2 (CSS) .
.
Dreamweaver , ,
.
.
.
.
, .
.
, .

(, CSS),
. ,
. ,
.

CSS
, ,
.
1 >

.
2 (CSS) .
.

Dreamweaver ,
.
1 6


, ,
. /
, -,
.
1 >

.
2 / .
,
.
(DTD) . , HTML-

XHTML-, XHTML 1.0 Transitional XHTML 1.0 Strict.


, .

(UTF-8), , UTF-8
.

28.4.2010.

DREAMWEAVER CS5 226


.
. www.w3.org/TR/REC-html40/sgml/entities.html.
.
UTF-8.

. C,
. Adobe
.
, .
, (e-) e-
- e + . ,

e. , -.
,
, . ,
e- e + , .
. - Unicode
www.unicode.org/reports/tr15.
(BOM) (BOM). BOM 2

4 ,
. UTF-8 , BOM .
UTF-16 UTF-32 .

-

.
1 >

.
2 - .
-

. .
-


, .
meta (head) Dreamweaver,
.
, Western European (Latin1), meta
:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">.

Dreamweaver ,
Western European (Latin1), ,
.

28.4.2010.

DREAMWEAVER CS5 227


Japanese (Shift JIS) meta:


<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">.

Dreamweaver , ,
, .
, ,
Dreamweaver ,
.


70


, .
, .
HTML- . , comment
. ,
, .
Dreamweaver ,
. , ,
. ,
, .
(, )
.
.


317
219


,
.

, > >
( ),
.
, . ,
( AP)
, .
Dreamweaver ,
. ;
, AP AP.

28.4.2010.

DREAMWEAVER CS5 228


( , ),
. ( ,
.) ,
. ,
.
; ,
.
<p>. ,
, <table> <p>.

HTML-,
.

"".
> .
"" ""
> .
> .
- (
) .
.


> > .

. ,
,
.


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

.
2 , , .

. ,
> > .
,

(a name = "") .
, JavaScript VBScript .

,
.
, HTML-. ,

28.4.2010.

DREAMWEAVER CS5 229


, (BR).

.
,

.
, CSS-,

( body). CSS- ( head),


.
, type,

hidden.
, , .
form,
form.
AP , ,

( AP). AP
. ( AP ; ,
.) , AP; ,
.
, HTML-

, align. , , ActiveX,
.
.
(
ASP ColdFusion), .
HTML . , <CFGRAPH> HTML
ColdFusion. Dreamweaver
ColdFusion, Dreamweaver ,
.
(

ASP ColdFusion), .
, ( <CFSET>,
<CFWDDX> <CFXML>), HTML.
CSS: , ,
display:none .

{_:} .
, {}.
SSI SSI.

28.4.2010.

DREAMWEAVER CS5 230


-
HTML (, #FF0000),
(red ). ,
Netscape Navigator Microsoft Internet Explorer Windows
Macintosh 256- . 216 , -
00, 33, 66, 99, CC FF (RGB-: 0,
51, 102, 153, 204 255 ).
, , , - 212, 216, Internet Explorer
Windows #0033FF (0,51,255), #3300FF (51,0,255), #00FF33 (0,255,51) #33FF00
(51,255,0).
- 256
(, 8 ).
(16- 32-),
, .
-
-, .
- (1-) 256 (8-).
Dreamweaver ( ) 216 -; .
-, ,
Dreamweaver. .
UNIX- Netscape Navigator , Windows
Macintosh. UNIX- (
Windows Macintosh 24- UNIX 8-
) 00, 40, 80, BF
FF, - SunOS.


Dreamweaver ,
, , .
.
.
1 .

.
2 .

. (
) -; .

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

28.4.2010.

DREAMWEAVER CS5 231



. : , , Windows,
Mac OS .
. -,
Windows, Mac OS .

.
.


Dreamweaver
, ,
, . .
. .


13


1 ( )

.
2 .

, ,
.

, ,
.

.
.
,
Ctrl + = (Windows) Command + = (Macintosh).
3 , , Alt (Windows)

Option (Macintosh) .
,
Ctrl + - (Windows) Command + - (Macintosh).


( )


1 ( ) .
2 .

28.4.2010.

DREAMWEAVER CS5 232



1 .
2 > .


> .


> .

JavaScript

,
.
.
, Netscape Navigator 4.0
, Microsoft Internet Explorer 4.0 ,
.

. , Shockwave
, .


JavaScript 368
372
372


Dreamweaver ,
(, ). Dreamweaver
, .
.
- 8 .
, 8 .
1 > ( Windows) Dreamweaver > ( Macintosh).
2 .
3 , , .


21

DREAMWEAVER CS5 233

28.4.2010.



Dreamweaver,
. .
Dreamweaver
.
. , Dreamweaver
Microsoft Word,
CSS-, Word,
.
,
.
. Ctrl + V (Windows) Command + V (Macintosh)
( ).
, .

.
, Dreamweaver,
> >
.
> .
.

Ctrl + V (Windows)
Command + V (Macintosh)

Ctrl + Shift + V (Windows)


Command + Shift + V (Macintosh)


HTML , entity.
HTML , (&copy;), (&amp;)
(&reg;). (, &mdash;),
(, &#151;).
HTML <> ,
, . &gt;
(>), &lt; (<).
, ( Netscape Navigator Internet Explorer)
.
1 , .

28.4.2010.

DREAMWEAVER CS5 234


2 .

> HTML > .


.
; , >
HTML > >
.
.


HTML ;
, .
.

> HTML > > .


Ctrl + Shift + (Windows) Option + (Macintosh).

.


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


(), () ,
.
,
. .
, . ,
.

. ,
.


CSS 142


1 Dreamweaver , ,

HTML .

28.4.2010.

DREAMWEAVER CS5 235


> ,
.
.
2 Enter (Windows) Return (Macintosh),

.
3 , Enter (Windows) Return (Macintosh).


1 , .
2 HTML

> ,
.


1 , .
2 HTML > .

Dreamweaver HTML.
3 ,


1 .

.
2 , > > ,

.
3 .
, .

, ,
. .
.

, .
.

4 , .


1 ,
2 > > .
3 .
.

, . ,
, .
, .

28.4.2010.

DREAMWEAVER CS5 236


4 , .


, HTML-
.
.
. :
.


317
314


1 , ,

.
2 .
3 , .
, .
.
.
. ,
.
,

.
HTML-,

.
4 .
HTML.

, .
.

HTML- . , the black dog the black dog, the


<i>black</i> dog.

() .

, , HTML-, tries
i tries: John <i>tries</i> to get his work done
on time, but he doesn't always succeed. He tries very hard. .
, , td
valign = top.

28.4.2010.

DREAMWEAVER CS5 237


. Ctrl + Enter Shift + Enter (Windows) Control +


Return, Shift + Return, Command + Return (Macintosh),
, .
, .
, ; , <br> <p>
. ,
.
5 .
, .
, the brown derby The Brown Derby .

text,
. , , this text this text this
thistext. ;
. ,
<p> <br> .
, .

. ,
\b ( ).
(,

?, *, \w \b) . , the
b\w*\b dog the black dog, the barking dog.
.
-, ,
.
6 .
.
, Dreamweaver
( ).
.

. ,
.

7 , .
8 .


F3 (Windows) Command + G (Macintosh).


1 > , .
2 .

,
.

28.4.2010.

DREAMWEAVER CS5 238


, .



.
1 .
2 .
3 [any tag]

.
4 () .
, .
[any value].
, . ,

img alt.
, . ,

<b><font size="4">heading 1</font></b> font b.


, .
, .
, .

5 () (+)

3.
6 3 4 , (-),

.
7 (, ),

, , ,
.

()

.
1 .
2 ().
3 .

, Untitled.
4 .

28.4.2010.

DREAMWEAVER CS5 239


, title
5 () (+),

.
, .
[any value].
, . ,

img alt.
, . ,

<b><font size="4">heading 1</font></b> font b.


, .
, .
, .

6 () 4.


HTML , ,
, ,
. , ,
-, .
1 .
2 > HTML > > > HTML >

> .
3 .
4 , en , ru uk .


>
. ,
,
/.
. Dreamweaver
.
. , Dreamweaver
Microsoft Word,
CSS-, Word,
.
. , /,
, .
1 > (Windows) Dreamweaver > (Macintosh).
2 /.

28.4.2010.

DREAMWEAVER CS5 240


3 .
. ,
, , .
,
. , , ,
, .
,
HTML- (, ,
b, i, u, strong, em, hr, abbr acronym).

, HTML- CSS-.
. CSS-
, , ,
.
.
.
Word


, .

-
.
- (, HTML, ColdFusion PHP).
XML.
, HTML .
. Dreamweaver ,
. .
.
, > > (Windows) Dreamweaver > >
(Macintosh),
.
1 > Shift + F7.

Dreamweaver ,
.
2 .
.
.
, ,
.
.
.

28.4.2010.

DREAMWEAVER CS5 241


. Dreamweaver ,
.


, (,
Microsoft Excel ) .
,
Microsoft Word HTML.
Dreamweaver Microsoft Excel,
Excel -.
1 > > > >

.
2 .
3 , .

, , , .
. ,
.
4 , ,


72
190

Microsoft Office ( Windows)


Microsoft Word Excel . Word Excel Dreamweaver HTML-
-. Dreamweaver
HTML- 300 .
Word
.
. Microsoft Office 97 Word Excel
; .
1 -, Word Excel.
2 .

, .
> > Word > > Excel.

28.4.2010.

DREAMWEAVER CS5 242


3 , ,


.
.

.
,
. , , ,
, .
,
HTML- (, ,
b, i, u, strong, em, hr, abbr acronym).

, HTML- CSS-.
Word ,

.
Word Excel.

Word Excel
Microsoft Word Excel.
1 , .
2 Dreamweaver

.
3 .
4 , , , Dreamweaver

.

-.
5 - Word (Excel).

Word Excel. ,
. .

(CSS HTML)
Dreamweaver
. (,
1, 2 ..); , , ;
, , , ( )
.

28.4.2010.

DREAMWEAVER CS5 243


Dreamweaver , : CSS
HTML. CSS, Dreamweaver
(CSS). CSS -
-
. CSS
.
CSS - .
CSS (, , ..) -
.
,
, font, GIF-
,
-.
, CSS, ,
, .
-
. CSS- CSS
( > CSS). , ,
CSS ( ) CSS.
- HTML.
HTML CSS, HTML.
. CSS HTML 3.2.
: HTML 3.2 ,
CSS, CSS .


CSS 141
132


HTML
(CSS). HTML Dreamweaver
HTML . CSS Dreamweaver
.
. CSS Dreamweaver
.


CSS 141
CSS 142
, 194
Dreamweaver 32
, CSS

28.4.2010.

DREAMWEAVER CS5 244


CSS
1 ( > ), , CSS.
2 .

, ,
. .

.
3 , CSS.
, CSS.
, , ,
.
CSS .
CSS.
.
CSS .
CSS
Dreamweaver CSS.
CSS CSS
.
.
.
. -,

, (, #FF0000) .
.
.
,

.
. , , , ,
, .
.
, CSS, .
www.adobe.com/go/lrvid4041_dw_ru.

HTML-
1 ( > ), , HTML.
2 , .
3 , .
.
<p>, 1 H1 ..
.
( )
.

28.4.2010.

DREAMWEAVER CS5 245


, .

, CSS.
, .
.

, .
, .
, .
,
.
<b> <strong>, ,
.
<i> <em>, ,

.
.

, .
.

, .

blockquote. ,
.
. ,
; URL-; ;
.
.
, .

_blank .

_parent ,

. , , ,
.

_self , .

, .

_top , .

HTML
, CSS, Dreamweaver
HTML.


HTML >
.
1 .

28.4.2010.

DREAMWEAVER CS5 246


2 >

(, 1, 2, ..).
HTML-, (, h1
1, h2 2, pre ..).

, .
Dreamweaver
. , > (Windows)
Dreamweaver > (Macintosh);
.


243
CSS 142


230

> > (HTML)
(HTML), , ,
.
. , .
- .

> ,
.


HTML > .
- , >
> .

1 , , .
2 > .


1 (, , ),
.
2 > > .

28.4.2010.

DREAMWEAVER CS5 247


. , .


HTML- blockquote,
.
1 , .
2 > >

.
. .
.


HTML- ,
.
. , (, ), .
1 . , .
2 .

, > .
, .
( ,
CSS).

, (, ,
..) > .


c CSS 132
CSS 141

HTML
Dreamweaver , , HTML.
, .
1 .
2 , .
3 .


Dreamweaver : Enter
(Windows) Return (Macintosh) . -
. , .


(Windows) Return (Macintosh).

28.4.2010.

DREAMWEAVER CS5 248


Shift + Enter (Windows) Shift + Return (Macintosh).


> HTML > > .
.


() .
.


1 , .
2 > HTML > .


1 .
2 > , , .
.
.
( , ,
). ,
.
, . ,
.
.


,
> .
, -.
, .
, , .


1 > > .
2 .


. , .
3 .

, (<<
>>) .

28.4.2010.

DREAMWEAVER CS5 249


, (+)
() .

, ,
<<, .
, , ,
Windows Macintosh.

,
.


1 > > .
2 <<,

.
3 2 .

, ,
<<, .
, , ,
Windows Macintosh.
4

<<,
.
Cursive, Fantasy, Monospace, Sans-Serif Serif.
,
, . ,
Courier.


Dreamweaver Date,
( )
.
. , ,
, /, .
.
1 , .
2 .

> .
.
3 , .
4 ,

.
, .
5 , .

28.4.2010.

DREAMWEAVER CS5 250


,
,
.

, -
GIF, JPEG PNG. GIF JPEG
.
PNG - -
; PNG Microsoft Internet Explorer (4.0
) Netscape Navigator (4.04 ) . ,
,
PNG, GIF JPEG.
GIF (Graphic Interchange Format ) GIF 256

,
, , ,
.
JPEG (Joint Photographic Experts Group )

JPEG , JPEG
. JPEG
.
JPEG.
PNG (Portable Network Graphics ) PNG
GIF, ,
, - . PNG Adobe Fireworks.
PNG , , (
), . Dreamweaver
PNG .png.


Dreamweaver HTML
.
. , Dreamweaver , .
. ,
. ,

.

.
HTML.

28.4.2010.

DREAMWEAVER CS5 251


. www.adobe.com/go/vid0148_ru.
1 , ,


. ,
( , ).

> .
( > )
; 3.

;
3.

;
3.
2 .

, .
, .
Dreamweaver,
.
3 , .

Dreamweaver file://.
Dreamweaver
.
.
(, ).

, >
.
4 . Image,

( > ).
5 ,

.
. 50
. ,
.

,
, , .
,
.
. , , .
Alt.

28.4.2010.

DREAMWEAVER CS5 252


. , , Dreamweaver
- .
6 ( > ) .


610
301

723
223


.
, .

1 , >

.
2 ,

Dreamweaver (, ),
JavaScript VBScript.
3 .
. Dreamweaver

.
,
. ( ,
,
.)
.
, ,
. ,
,
.
. ,

, .
.
, URL- .
.

DREAMWEAVER CS5 253

28.4.2010.

Alt ,

. ,
, .
.
.
( ).

.
.
, . (

, .)
.
:

_blank ;

_parent ,

. , , ,
.

_self , .

, .

_top .

. .
, ,
.

, .
,


.
.


,
HTML-.
1 .
2 .

.
(Windows) , Control
(Macintosh), .

Alt .

28.4.2010.

DREAMWEAVER CS5 254



, ,
. .
1 .
2

.
.
. HTML ,
.
.
. (

.)
(
) .

( ) .
.

.
.

( , ).
.
, ,
.
.

, ,
.


Dreamweaver (, ,
Shockwave SWF, ActiveX).
,
, .
Dreamweaver
( Adobe Fireworks),
.
.
, ,
.

DREAMWEAVER CS5 255

28.4.2010.

Dreamweaver
. JPEG GIF
.
.


Dreamweaver 257


1 (, SWF) .

,
. , , ,
; , .
2 , .

, .
, .
, .
( )
Shift.

(, 1 1 ),
. 8 8
.

3 ,


1 , .
2

.
.


, ,
-. ,
.
1 ,

.
2 > > .

28.4.2010.

DREAMWEAVER CS5 256


3 () ,

. , .
; ASCII
.
4 () .
5 () .

.
(, #FF0000).
- (, red).
6 () ,

.
. HTML- src.
7 .

, .


254
Dreamweaver Fireworks 387


.
-, GIF
JPEG.
Fireworks
Dreamweaver. , .
, Dreamweaver.
1 .

.
, ; ( >
) .
2 ,

, .


Dreamweaver Fireworks 387

28.4.2010.

DREAMWEAVER CS5 257



,
, > , .
.
, , , ,
, .

.
.
.
.
.

. , .
.
, URL-
.
Alt ,

. ,
, .
.
Fireworks .

Fireworks, .
.
.


Dreamweaver Fireworks 387

Dreamweaver
Dreamweaver ,
. , .


Dreamweaver ,
Fireworks Photoshop.
Dreamweaver
, -.

DREAMWEAVER CS5 258

28.4.2010.

. Dreamweaver
Fireworks .
> . Dreamweaver

.
JPEG GIF
.
.

Dreamweaver
.
.
. ,
, .
.

,
.
. ,
. /
.

.
.
, .
, ,
.
. Dreamweaver
JPEG GIF.
.


Dreamweaver () .
. .

.
1 , ,

> > .
.
2 , , .
3 Enter,

DREAMWEAVER CS5 259

28.4.2010.

4 , .

. ,
, .
5 , . ,

> "", .
. (
) Dreamweaver
.


- Dreamweaver.
1 , ,

> > .
2


,
.
1 , , ,

> > .
2 , Dreamweaver,

0 10 .

.
3 , .
4 >

> " ".


. (
) , .
.


/ .
, . /
.
1 , ,

28.4.2010.

DREAMWEAVER CS5 260


> > /.
2 .

-100 100.
3 .


. ,
.
: (
) (,
). ;
Dreamweaver .
onMouseOver.
(, )
.
. www.adobe.com/go/vid0159_ru.
1 ,

.
2 .


. ,
.

> > .
3 .
.
, .

, .
,
. .
,
.
,

().
URL- ,

. .
. , Dreamweaver HTML
(#), . ,
.
4 > F12.
5 , .

. .

28.4.2010.

DREAMWEAVER CS5 261



381


Dreamweaver ;
Dreamweaver
.
Fireworks. ,
, . ,
Fireworks GIF, JPG JPEG
.


Photoshop Dreamweaver 391
Fireworks Dreamweaver 385
276

, .
(Windows) , Control
(Macintosh), , , >
.

, , .
,
. , Dreamweaver ,
.
. Fireworks
; Fireworks PNG.
Fireworks .
Dreamweaver ,
.


, .
1 , .

> (Windows) Dreamweaver > (Macintosh),


.

> : ,
.
2 Extensions , .

28.4.2010.

DREAMWEAVER CS5 262


3 (+) .
4 ,

.
5 ,

.
6 , 3 4.

Dreamweaver
.
.


1 , .

> (Windows) Dreamweaver > (Macintosh),


.

> : ,
.
2 (+)

.
.
3 , .
4 , (+)

.
5 ,

.
6 ,


1 , .

> (Windows) Dreamweaver > (Macintosh),


.

> : ,
.
2

, .
3 , ,

, (+) ()
.

, , .

28.4.2010.

DREAMWEAVER CS5 263



.
Dreamweaver HTML area.
:
, .
,
(,
, AP JavaScript). ,
, .
SRC img.


( ).

.
; ,
.
, ,
.


299
381
377

SWF
FLA, SWF FLV
Dreamweaver , Adobe Flash,
:
FLA (.fla) , Flash.
Flash ( Dreamweaver ). FLA
Flash, SWF SWT.
SWF (.swf) FLA (.fla), -.
Dreamweaver,
Flash.
FLV (.flv) , -

Flash Player. , QuickTime Windows Media,


(, Flash CS4 Video Encoder Sorensen Squeeze)
FLV.
www.adobe.com/go/flv_devcenter_ru.

28.4.2010.

DREAMWEAVER CS5 264



Flash Dreamweaver 402
FLV 266

SWF
Dreamweaver SWF , .
SWF .
SWF - www.adobe.com/go/vid0150_ru.


Flash Dreamweaver 402
SWF- Dreamweaver Flash 402
SWF DHTML
Shockwave 277
FLV 266
Flash

SWF
1 ,

, .

SWF

> > SWF.


2 SWF (.swf).

SWF.

. ( SWF)
SWF. . SWF
, ,
Flash Player.
3 .

Dreamweaver , Scripts : expressInstall.swf


swfobject_modified.js. SWF - .
SWF, .

28.4.2010.

DREAMWEAVER CS5 265


. Microsoft Internet Information Server (IIS) object. ASP SWF FLV Dreamweaver object
object/embed.

Flash Player
SWF Dreamweaver ,
Flash Player. ,
, .
.
FLV.
. , Flash Player 6.0
r65 , - Flash Player.
-, .
1 SWF FLV.
2 SWF FLV.

,
Control + ]. SWF/FLV,
Control + [ , .
Control + [ .
3 , Dreamweaver.

. SWF FLV .
4 , SWF FLV.

SWF
1 SWF, .
2 ( > ) .

, . SWF ,
F12.
SWF , Control + Alt + Shift
+ P (Windows) Command + Option + Shift + P (Macintosh).
SWF.

SWF
SWF .
Shockwave.
SWF Shockwave, ( >

). ,
.
SWF.
. Dreamweaver CS4 ,
.
.

28.4.2010.

DREAMWEAVER CS5 266


SWF Shockwave. , ,

.
( FLA),

Dreamweaver, Flash. SWF, .


. ,
( ).
Flash, FLA ( Flash). Flash
, .
CSS.
. ,

.
.
, , ( ,

).
. ,

.
. , .
, , . ,
, .
, ,
.
, , .

.
.
Wmode Wmode SWF, Spry

DHTML. () DHTML
SWF. SWF ,
DHTML, .
, Wmode SWF DHTML.
.
.

FlashPaper
Dreamweaver CS5, FlashPaper .

FLV
FLV
FLV - Flash.
FLV.

28.4.2010.

DREAMWEAVER CS5 267


Dreamweaver SWF FLV.


FLV, .

Dreamweaver FLV .
FLV ,
. ,
,
.
, .
- Adobe Flash Media Server.

Dreamweaver FLV. ,
( ): Sorenson Squeeze On2.
SWF, FLV, Dreamweaver ,
Flash Player, .
, ,
Flash Player.
. FLV Flash Player
8 . Flash Player,
Flash Player 6.0 r65 ,
- Flash Player.
-, .

www.adobe.com/go/flv_devcenter_ru.

FLV
1 > > FLV.
2 FLV

.
3 .

28.4.2010.

DREAMWEAVER CS5 268


. Microsoft Internet Information Server (IIS) object. ASP SWF FLV Dreamweaver object
object/embed.


FLV FLV,
-.
1 > > FLV ( FLV

).
2 FLV

.
3 .
URL- FLV-.

(, mypath/myvideo.flv), , FLV- .
, URL- FLV- (, http://www.example.com/myvideo.flv).
.
.
FLV- . Dreamweaver
FLV- . ,
.
: FLV- . Dreamweaver

FLV- . ,
.
. FLV-
.
.

.
, -.
,

.
4 , - FLV.

FLV SWF- SWF


-. (
.) , HTML,
. HTML, FLV, Dreamweaver
( ?
).


FLV FLV,
-.
1 > > FLV ( FLV

).

28.4.2010.

DREAMWEAVER CS5 269


2 .
URI ,

rtmp://www.example.com/_/_.
FLV- (, myvideo.flv). .flv
.
.

.
FLV- . Dreamweaver
FLV- . ,
.
: FLV- . Dreamweaver

FLV- . ,
.
. FLV-
.
.

.
, .
, Flash Player , Flash Media Server.
.

.
, .
, .
, -.
,

.
, .

0,
. ( ,
.) ,
,
. , -
15 , 15.
3 , - FLV.

FLV SWF- SWF


-. main.asc,
Flash Media Server. (
.) , HTML,
. HTML, FLV, -
SWF, main.asc Flash Media Server.
. main.asc , main.asc,
FLV, .

28.4.2010.

DREAMWEAVER CS5 270


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

Flash Player
FLV Dreamweaver ,
Flash Player. ,
, .
.
SWF.
. , Flash Player 6.0
r65 , - Flash Player.
-, .
1 SWF FLV.
2 SWF FLV.

,
Control + ]. SWF/FLV,
Control + [ , .
Control + [ .
3 , Dreamweaver.

. SWF FLV .
4 , SWF FLV.

FLV
FLV.
,
, Dreamweaver CS4, , FLV:

swfobject_modified.js
expressInstall.swf
FLVPlayer_Progressive.swf
(, Clear_Skin_1.swf)
, Dreamweaver CS3, Dreamweaver CS4 .
(swfobject_modified.js expressInstall.swf) ,
Dreamweaver ( ).
(FLVPlayer_Progressive.swf ) , ,
FLV. FLV.
, , DW CS4. ,
Clear Skin, Clear_Skin_1.swf.

28.4.2010.

DREAMWEAVER CS5 271


FLV
.
, FLV
-. ,
.
, ,
Dreamweaver , FLV.
Dreamweaver , ( ).
, .

Dreamweaver CS4 , :
FLV,
- Dreamweaver
.

ASP, ColdFusion PHP (. 557).
-, HTML, , F12
(Windows) Opt+F12 (Macintosh) .
, ,
.
. ,
FLV. Adobe .
, .
. 117502.
FLV

, , > >
.

, FlashPlayer
Dreamweaver.
Dreamweaver , FLV .

FLV .
, FLV, .

FLV
-,
Dreamweaver .
> > FLV.

FLV
1 Dreamweaver, FLV

.
2 ( > ) .

28.4.2010.

DREAMWEAVER CS5 272


. (, )
. , FLV
> > FLV.

FLV
FLV Dreamweaver Delete.

FLV
Dreamweaver CS4 Flash Player
, FLV. Dreamweaver CS3
object FLV. FLV
, Dreamweaver CS3 ,
FLV, .
> Flash-.

-
- -, HTML, CSS
JavaScript. - ,
.
Dreamweaver -
Adobe, AIR, ,
.
Adobe .
http://help.adobe.com/en_US/WidgetBrowser/.
1 >
2 ( )


Spry ( ) 448



- . ,
.wav, .midi .mp3.
, , , , .
.
. SWF,
.

28.4.2010.

DREAMWEAVER CS5 273


,
-.
.midi .mid (Musical Instrument Digital Interface )
. MIDI
. ,
. MIDI-
. MIDI ;
.
.wav (Waveform Extension )

, .
WAV- -, , ..
, .
.aif (Audio Interchange File Format AIFF ) AIFF,

WAV, ,
; AIFF -, , ..
,
-.
.mp3 (Motion Picture Experts Group Audio MPEG-Audio Layer-3
, 3) , .

: mp3-
-. mp3 ,
. ,
Real Audio, (
) . mp3-
,
QuickTime, Windows Media Player RealPlayer.
.ra, .ram, .rpm Real Audio ,
mp3. .
-,
, .
RealPlayer .
.qt, .qtm, .mov QuickTime ,

Apple Computer. QuickTime Apple Macintosh


Macintosh, , .
QuickTime , QuickTime.
QuickTime , Cinepak, JPEG MPEG.
.
- , .
, ,
.


274

DREAMWEAVER CS5 274

28.4.2010.


-.
, ,
.
1 , .
2 ,

, .


,
, ,
. ,
, .
-
- , .
,
.
1 , ,

> > .
2 .
3

.
.


Netscape Navigator 278



SWF FLV, Dreamweaver QuickTime Shockwave,
Java, ActiveX - -.
HTML-.
1 , .
2 , .

,
, .

28.4.2010.

DREAMWEAVER CS5 275


> .
, Shockwave,
ActiveX, > > .
,
.
, >
> (Windows) Dreamweaver > > (Macintosh)
.
, Ctrl (Windows)
Option (Macintosh). (, Shockwave
, Ctrl Option Shockwave
, >
> Shockwave.)
3 .

. ,
> .
4 .

. ,
HTML- ,
(Windows) , Control (Macintosh),
.
.
( )
. Ctrl
(Windows) . , B,
Ctrl + B.
, .

,
. ,
.
5 , .

. ,
, Dreamweaver - .
,
.
.



723
Netscape Navigator 278

28.4.2010.

DREAMWEAVER CS5 276



Dreamweaver
. , Dreamweaver
.
1 , .

, , Dreamweaver >
.
, .
.
2 , .

, , .
, , Dreamweaver
, Adobe Fireworks.
3 ,

(Windows) ,
Control (Macintosh), .


(Windows) , Control (Macintosh),
.

Dreamweaver
, Dreamweaver
, Dreamweaver .

1 > ,

.
, , .gif, .wav .mpg.
, .
2 .

, (+)
.
, Acrobat, .

( ,
),
.

,
(-) .

28.4.2010.

DREAMWEAVER CS5 277



1 (+)

( ) , .
, .xml .xsl, XML.
2 , (+)


(-)

.
. , ,
.


Dreamweaver,
. , ,
. ,
, .
1 (Windows) ,

Control (Macintosh).
. - .
2 .
3 .

,
, .


111
110

Shockwave
Dreamweaver Shockwave. Adobe Shockwave,
, ,
,
Adobe Director.
1 ,

Shockwave, .


Shockwave

> > Shockwave.


2 .

28.4.2010.

DREAMWEAVER CS5 278


3 .


SWF 265

( FLV)
- .
.
1 .

AVI MPEG.
2 .

, , ,
. .
. Real Media, QuickTime Windows
Media ( ).

Netscape Navigator
Netscape Navigator, QuickTime,
Dreamweaver HTML.
RealPlayer QuickTime,
mp3- QuickTime.
, Netscape Navigator,
.
, ,
, , ,
.
. , ActiveX,
.
Netscape Navigator
. ,
Netscape Navigator.
.
, .

Netscape Navigator

1 ,

, .

> > .

28.4.2010.

DREAMWEAVER CS5 279


2 Netscape

Navigator .
3 .
.

.
.
. , ,

.
URL- URL- pluginspace. URL-

, .
, .
.
,

.
.
,

Netscape Navigator. .
,
. , ,
.


1 ,

.
2 .

>
> .

> > ,
.
. ,
, .


> >

.
> > ,
.

28.4.2010.

DREAMWEAVER CS5 280


Netscape
Navigator

, .

, , ,
.

Configuration/Plugins/UnsupportedPlugins.txt ,
. ,
Dreamweaver . (
.)

.
2 5 .

ActiveX
ActiveX. ActiveX ( OLE)
, -,
. Internet Explorer Windows,
Macintosh Netscape Navigator. ActiveX Dreamweaver
ActiveX .
ActiveX object ActiveX
. , ,
. ActiveX
; , ,
ActiveX.
,

, .

ActiveX

ActiveX .
ActiveX,
.

> > ActiveX. , Internet Explorer


ActiveX, .

ActiveX
.
, .
ActiveX .

.
.
ActiveX .
. ActiveX,
ActiveX, .

28.4.2010.

DREAMWEAVER CS5 281


ActiveX, ,
.
embed ActiveX object. ActiveX

Netscape Navigator, embed . Dreamweaver


Netscape Navigator ,
ActiveX.
.
,

ActiveX. ActiveX .
, Netscape

Navigator . , Dreamweaver
ActiveX.
,

.
URL-, ActiveX. Internet Explorer

ActiveX , .
, ActiveX,
ActiveX .
, ,
object. , .

ActiveX. ActiveX,

Shockwave RealPlayer, .

Java-
Dreamweaver HTML Java-. Java ,
() -.
Java- .
, Java-.
1 , ,

> > .
2 , Java-.

Java-
.
, .
.

.
.

28.4.2010.

DREAMWEAVER CS5 282


, Java- . , ,

.
, .

.
.
Alt ( ),

Java- Java .
, Dreamweaver alt. ,
Dreamweaver img applet .
. Netscape Navigator (
Java), Lynx ( ), ,
alt img .
,

.
, .


.
Shockwave Flash Shockwave SWF ,

, .
; ,

.
,

, URL-.
Netscape Navigator,
ActiveX.


Shockwave SWF 373
377
372


Shockwave SWF, ActiveX,
Netscape Navigator Java-. object,
embed applet. , . ,
SWF object <paramname="quality"value="best">.
.
. .

28.4.2010.

DREAMWEAVER CS5 283


. ActiveX
. , ActiveX,
.


1 , (,

Shockwave, ActiveX, Netscape Navigator Java-).


2 .

(Windows) Control
(Macintosh), .

, , ,
. (, .)
3 (+) .


().



, - .

.
, , ,
.
( ). ,
.
, , .
X.
( ),
Adobe Dreamweaver CS5,
.


( > ) ,
( , ,
-). ,
.

28.4.2010.

DREAMWEAVER CS5 284


B
A

D E

. () B. C. D. E.

(), ,
.
. . -
, .

> .
.
. , ;
, .
.

, .
. , -
,
.


,
. , ,
.
1 > ( Windows) Dreamweaver > ( Macintosh).
2 .
3 .

, .


"".

28.4.2010.

DREAMWEAVER CS5 285


,
, .
, .



. .

> .
. ,
.


1 .

, (
, ) ,
, Shift.

, , Control ( Windows) Command


( Macintosh) .
- ; ,
.
. , ,
, .
2 .

, - .


Shift, .

, , ,
,
.


.
, Dreamweaver

, .
,
. :
.

28.4.2010.

DREAMWEAVER CS5 286



1 .
2 .


1 , (,

), .
- ,
.

2 ( > ), .
3 .
4 ,

.
5 , , .
6 , .
7 , ,

.
8 Shift + , .

. , .
9 ,

. , .

, .

10 ,

DREAMWEAVER CS5 287

28.4.2010.


.
.
. , ,
, .
1 , ,

.
2

.
. ,
.
, .

,
; , .

, ,
, .
3 .
4 , .
5 > .

.
.
, ,
JavaScript. .


324


. .
, ,
Dreamweaver.


1 .
2

.
3 .

.
. JavaScript ( - HTML-)
Dreamweaver/Configuration/Commands. Dreamweaver
, .

28.4.2010.

DREAMWEAVER CS5 288



1 , , ,

.
2 .


1 > .
2 , , .


1 > .
2 .
3 , - .



. Dreamweaver .
, ,
.


1 > Control + Shift + X ( Windows)

Command + Shift + X ( Macintosh).


, .
2 > Control +

Shift + X ( Windows) Command + Shift + X ( Macintosh).


> Control + Shift +

R ( Windows) Command + Shift + R ( Macintosh).


1 > .
2

.
3 .

28.4.2010.

9.


Dreamweaver - HTML
.
Dreamweaver , ,
.
, , ,
, (AP-) .
. -
,
, .
,
.


Dreamweaver 299

,
, , ,
, .
- ,
(Uniform Resource Locator; URL). (
) URL- .
.
:

(, http://www.adobe.com/support/dreamweaver/contents.html).
( dreamweaver/contents.html).
(, /support/dreamweaver/contents.html).
Dreamweaver .
.
. , .


294
- 41

289

28.4.2010.

DREAMWEAVER CS5 290



URL- ,
( http:// -),
http://www.adobe.com/support/dreamweaver/contents.html. URL-
: http://www.adobe.com/support/dreamweaver/images/image1.jpg.
, ,
. , ( ,
), :
.
,
.
. ( )
( ).


.
, ( ) ,
, .
,
.
,
( ), ,
.
, :
_ ( )

.html
_.html

.html

.html
index.html ( )

contents.html hours.html ( )
hours.html.

contents.html tips.html ( resources)


resources/tips.html. (/)
.

contents.html index.html ( ,
content.html) ../index.html.
(../) .

28.4.2010.

DREAMWEAVER CS5 291


contents.html catalog.html (
) ../products/catalog.html.
../ , products/
products.
(,
)
.
( , ) . (
Dreamweaver
.)


.
-, ,
, .
, .
,
. , /support/tips.html (tips.html)
Support.
HTML -.
, , .
, HTML- (,
), HTML- .
, ,
, . ,
. (
Dreamweaver
.)




. .

, , PDF-.
,
.

,
.

,
JavaScript.

28.4.2010.

DREAMWEAVER CS5 292


, ,
.
Dreamweaver .
Dreamweaver , .
. .
.
, Dreamweaver , file://,
Dreamweaver file:// .
: www.adobe.com/go/vid0149_ru.


, 289

JavaScript
.
.
.
. ,
, URL-.
. URL- . : ,

, ( , ,
..).
. . ,
, .


Dreamweaver 371


, ,
.
1 .
2 ( > ) .

, , .

URL-.
HTML-
. .
( .)

28.4.2010.

DREAMWEAVER CS5 293


.
(,
http://). .
3 :

_blank .

_parent ,

. ,
.

_self , .
, .

_top , .

,
. > HTML > >
. .
216.


, 289


1 .
2 :

( )
,
, .

Shift,
, ,
.
. ,
. , > >
.
.


295


, ,
.
1 , .
2 , .

> .

28.4.2010.

DREAMWEAVER CS5 294


.
3 (

).
4 , ,

.
.
,
. .

_blank ;

_parent ,

. , , ,
.

_self , .

, .

_top .

5 .
6 .
7 ( ) .
8 .


Dreamweaver .
,
Dreamweaver. ,
. Dreamweaver .
1 -c > -.
2 - .
3

.
4 .

.

. ,
Dreamweaver.
.
, > >
.
, ( ).

> .
5 .

28.4.2010.

DREAMWEAVER CS5 295



, 289
- 41


(
).
, .
,
.
. ,
.
. .


1 ,

.
2 .

> .
Ctrl+Alt+A (Windows) Command+Option+A (Macintosh).
.
3 . (

.)
, .
. , > >
.


1 .
2 (#) . ,

top #top.
top filename.html#top.
. .


1 .

. , > >
.
2 ,

. ( , .)

28.4.2010.

DREAMWEAVER CS5 296


3 .

( )
, :
.

Shift,
: .


(
, ).
, .

, .
2 , .

> .
.
3 .
4 .


1 .
2 mailto: .


1 , .
2 ?subject=,

. .
:
mailto:someone@yoursite.com?subject=Mail from Our Site


.
. , ,

.

28.4.2010.

DREAMWEAVER CS5 297


JavaScript JavaScript.
-.
,
.


370


1 , .
2 javascript:; ( javascript, , )


1 , .
2 javascript: , JavaScript .

( .)


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


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

.

.

.
, .

,
.
4 .


1 -c > -.

28.4.2010.

DREAMWEAVER CS5 298


2 .
3

.
4 .

Dreamweaver
Dreamweaver . Dreamweaver
. , Dreamweaver
.
, Dreamweaver

. Dreamweaver ,
.


- > > -.


Dreamweaver
( ,
FTP, ).
, .
. ,
/film/aprel.html. 1 /film/may.html.
1 .

. , FTP,
.
2 - > .
3 :

, .
, FTP,
.


, .
, FTP,
.

4 .

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

28.4.2010.

DREAMWEAVER CS5 299


. ,
,
. .

Dreamweaver
Dreamweaver .
.
.

> , .
Ctrl (Windows) Command (Macintosh) .
. .


, 303
305



,
. -,
, , ,
.
URL-.
, () URL-.
.
:

,
( ).

: ,
( ).

( ).


376
376


1 .

28.4.2010.

DREAMWEAVER CS5 300


2 .

> > .
.
3 .

:
,

.
.

.
. (,

), (
URL-).
URL- .
URL- , : .

, .
.
URL-

( ) .


213


, ,
, .
/ ,
.
1 ( > ), .
2 , .
3 .
4 .


376

28.4.2010.

DREAMWEAVER CS5 301



,
URL- .
:

,
.
.

,
.
URL-, .

.
.
, .



Dreamweaver CS5, .
,
Spry.


453



, , .
- (, ).
HTML-,
, . URL . ,
.
Netscape Navigator 2.0 , NCSA Mosaic 2.1 3.0 Internet Explorer.
Dreamweaver .
, . ,
, .
HTML-.

DREAMWEAVER CS5 302

28.4.2010.


, ,
.
. ,
.
1 .
2 .
3 .

, .
4 , .


. , .

.
5

, .
6 , ,

.
.
,
. .

_blank ;

_parent ,

. , , ,
.

_self , .

, .

_top .

. ,
.
7

.
, .
8 , 47.
9 .

28.4.2010.

DREAMWEAVER CS5 303



, , .
, ,
.

. ,
.


1 . .
2 .

, Shift.
Ctrl+A (Windows) Command+A (Macintosh),
.


1 . .
2 .

.
Ctrl 10
.

1
.


1 .

2 , .


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


84

28.4.2010.

DREAMWEAVER CS5 304



1 Dreamweaver.
2 > > .

( ).
3 ,

.
( ).
.
4 , .

. , .


1 .
2 .
3 , .

(Windows) ,
Control (Macintosh), >
.

> > .
( ).
4 ,

.
( ).
.
5 , .


1 .
2 - > -.

( ).
3 ,

.
, , .
. ,
. .
4 , .

28.4.2010.

DREAMWEAVER CS5 305



1 .
2 ( ) (

) .
.
3

4 Tab, (Windows), Return (Macintosh).

,
. , Dreamweaver ,
. , Dreamweaver
.
. , Dreamweaver
.
, Dreamweaver
.


1 .
2 ( ) .

Dreamweaver ,
. ( , >
.)
3 ,

.
,
.
4 .

.
(
), , Dreamweaver
.

28.4.2010.

10.
,
, , .
,
, . ,
.

Dreamweaver

Dreamweaver ,
, , ,
.
, , ,
Dreamweaver.
. ,

Dreamweaver (, , , ).
:
.
,
- ,
.
. ,
, .
, .

JavaScript. , ,
Spry, .
JavaScript
. CSS JavaScript, ,
. JavaScript ,

, .
, Dreamweaver,
, . : www.adobe.com/go/dw10liveview_ru.
, Dreamweaver,
, . www.adobe.com/go/dwcs5livenav_ru.
,
. www.adobe.com/go/lrvid4044_dw_ru.

306

28.4.2010.

DREAMWEAVER CS5 307



1 , ( > )

( > ).
2 .

3 () , CSS,

CSS .
, ,
, (, CSS
).
(, CSS),
,
.
4 ,

,
F5.
5 ,


, , ,
. ,


1 , .
2 .

Dreamweaver , .
.

.
3 , >

> .
4 ,

.
, > (Windows)
Dreamweaver > (Macintosh OS) .

28.4.2010.

DREAMWEAVER CS5 308


JavaScript
.

F6
JavaScript .
, JavaScript.
, .


JavaScript, ,
> .
JavaScript , JavaScript, .
JavaScript JavaScript ,
JavaScript.
,

.

,
. ,
.

. ,
, Ctrl.

, .

.
Dreamweaver ,
.

(, ColdFusion) .
, Dreamweaver
, .

. (
), Dreamweaver (,
CSS JavaScript).
, , . ,
Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 309


HTTP , ,
.
.


12
18
72
625



,
-. , , ,
JavaScript, , ActiveX
Netscape Navigator, ,
ActiveX.
.
.
1 , .

> , .
. , > Dreamweaver >
(Macintosh), ,
.

, F12 (Windows)
Option + F12 (Macintosh).

, Control + F12
(Windows) Command + F12 (Macintosh).
2 .

.
, > >
.
, ( ).

> .
3 .

28.4.2010.

DREAMWEAVER CS5 310



291


, ,
.
1 > > .
2 , (+),

.
3 , (-).
4 , ,

.
5 , ,

.
F12 (Windows) Option + F12 (Macintosh),
Ctrl + F12 (Windows) Command + F12 (Macintosh).
6 ,

. ( ,
.)


, Dreamweaver,
Small-Screen Rendering Opera Device Central. ,
,
,
.
1 Dreamweaver.
2 .
3 .

> > Device Central.


/

Device Central.

Device Central. ,
.


Device Central 405

28.4.2010.

11.

Dreamweaver

324
318
318
XHTML 347
, 340
340
581
615


Adobe Dreamweaver CS5 ,
, :

HTML
XHTML
CSS
JavaScript
ColdFusion Markup Language (CFML)
VBScript ( ASP)
C# Visual Basic ( ASP.NET)
JSP
PHP
, Perl, ,
, Dreamweaver . ,
Perl, .


, Dreamweaver
. ,
,
.

311

28.4.2010.

DREAMWEAVER CS5 312


. .
, ( > )
> > .

.


, Dreamweaver
. ,
, . ,
Dreamweaver ,
.
.
Dreamweaver HTML
HTML Dreamweaver , ,
HTML .
.

.
Dreamweaver ,
HTML, , ,
.

Dreamweaver ( XML),
. (,
<MyNewTag><em>text</MyNewTag></em>), Dreamweaver , .

Dreamweaver
.
, .

XHTML
XHTML, XHTML
Dreamweaver XHTML. ,
XHTML.
. ,
HTML.
XHTML, Dreamweaver
.

28.4.2010.

XHTML

DREAMWEAVER CS5 313


, Dreamweaver


XHTML DOCTYPE XHTML:
DOCTYPE,
(DTD) XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
(, ).
"http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">

, XHTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1frameset.dtd>

html,
html XHTML.

namespace html
:
<html xmlns="http://www.w3.org/1999/xhtml">

head, title
head, title body.
body. head,
title frameset.
head, title frameset.
.
<p>This is a <i>bad example.</p></i> <p>This is a
<i>good example.</i></p>

XHTML
, ,
Dreamweaver.

XHTML
HTML
XHTML,
.

,
DTD EMPTY.

,
XHTML.


,
,
/>.
, <br> , - XHTML.
<br></br> <br/>. :
area, base, basefont, br, col, frame, hr, img, input, isindex,
link, meta param.

XML, />
(, <br />, <br/>).
. ,
<td nowrap> . <td nowrap="nowrap">.
: checked, compact,
declare, defer, disabled, ismap, multiple, noresize,
noshade, nowrap, readonly selected.

- ,
XHTML.
. HTML HTML
4,
, .


XHTML.

id
name: a, applet, form, frame, iframe, img map.
, <a name="intro">Introduction</a>
, -

name id
, name
, Dreamweaver,
XHTML.

<a id="intro">Introduction</a> <a id="section1"


name="intro"> Introduction</a>.

DREAMWEAVER CS5 314

28.4.2010.

XHTML

, Dreamweaver

XHTML
.

-
, align
: center, justify, left
right.
type.
( type script
HTML 4, language
.)
img area alt.

XHTML
type language script,
type style.

,
XHTML alt.


, .
, ,
var, , .
, ,
. ,
, ,
. , * some conditions apply*,
: apply\*.
,
apply ( appl, applyy applyyy), ,
.

^T T This good earth,

Uncle Toms Cabin.


$

h$ h teach,

teacher.
*

0
.

um* um rum, umm

1
.

um* um rum, umm


( ,

).

st?on son Johnson ston

,
.

.an ran can

x|y

x, y.

FF0000|0000FF FF0000
bgcolor=#FF0000 0000FF font
color=#0000FF.

{n}

n .

o{2} oo loom o

yummy u huge.

yummy huge.

Johnston,
Appleton tension.

bran muffins can be tasty.

mooooo, money.

DREAMWEAVER CS5 315

28.4.2010.

{n,m}

n m
.

F{2,4} FF #FF0000

.

(, [a-f]
[abcdef]).

[e-g] e bed, f folly

[^abc]

.

(, [^a-f]
[^abcdef]).

[^aeiou] r
orange, b book k eek!.

\b

(,
).

\bb b book,

\Bb b goober,

[abc]

\B

F #FFFFFF.

g guard.

goober snob

book.
\d

. [0-9].

\d 3 C3PO 2 apartment 2G.

\D

, .
[^0-9].

\D S 900S Q Q45.

\f

\n

\r

\s

, , \sbook book blue book,


,
notebook.
.

\S

,
.

\Sbook book notebook,

blue book.

\t

\w

, b\w* barking the barking dog,


. [A-Za big black the big black dog.
z0-9_].

\W

,
. [^A-Za-z0-9_].

Control +
Shift +
(Windows), Control
+ Return, Shift +
Return Command
+ Return (Macintosh).

.
, ,


.
,
,
,
<br> <p>
.

,
.

\W & Jake&Mattie % 100%

, ,
. , ,
$1, $2, $3 ..

28.4.2010.

DREAMWEAVER CS5 316


. ,
, $1, $2, $3 \1, \2, \3.
, (\d+)\/(\d+)\/(\d+) $2/$1/$3
. ,
, .



, Dreamweaver ,
.
,
, . Dreamweaver

. Dreamweaver
.
, Dreamweaver.


,
Dreamweaver . ,
, -
.
Dreamweaver .

, -, -.
( ,
), .
-
.
,
,
, .


/ 24
/ 29
35
363

28.4.2010.

DREAMWEAVER CS5 317



:
, , ,
, . ,
, . .
.


319
326
323


> .


1 .

, - .
2 ,

"" .
3 .

.
.

, F5.


,
.
. .
.
/ .
,

.
,
.
. .
341.
. .
JavaScript VBScript 336.
. .
319.

28.4.2010.

DREAMWEAVER CS5 318


,
, . 329.


Dreamweaver .
, , Shift +
Ctrl + G ,
Dreamweaver .
. 35.


338


, HTML (, JavaScript)
, ( ).
, .
1 > (Windows) Dreamweaver > (Macintosh).
2 .
3 ,

.
.
.


323
346



,
.
. . .
363.

28.4.2010.

DREAMWEAVER CS5 319




, , , ,
, .
1 .
2 .

,
.

3 .
,
. ,
.
.
. ,

, - , - .
. , Dreamweaver ,
.
Dreamweaver HTML,
.
, .
.
. 323.
, .

, .
.
319.


317
12
326


, , ,
.
, ,
, .
HTML
.
1 .

28.4.2010.

DREAMWEAVER CS5 320


2 .
3 .
, , Dreamweaver, (
, ).

. ,
Dreamweaver, , .
, ,
. .
319.
: ( ) ,

, Dreamweaver. ,
3 , , Dreamweaver,
.
,
. , 4,
.
3 , ,
Dreamweaver, ,
.

. Dreamweaver ,
. .

( ). (Dreamweaver
, ,
, .)
, (..
) ,
, .
(Windows, Macintosh Unix),
. HTML
.
, .
, CR LF (Windows),
Notepad, CR (Macintosh),
Simple Text.

. , FTP,
, ASCII Dreamweaver
. ASCII Dreamweaver
. ASCII
CR LF.
.

,
, ,
, , (
).

28.4.2010.

DREAMWEAVER CS5 321


. HTML. Dreamweaver
XHTML, XHTML .
: ,
, HTML.
,
. ,
, ( ).
, Quick Tag,
, , . , ,
,
, : .
Dreamweaver .

. HTML ,
, XHTML
. XHTML, , ,
.
TD: TD ,

,
<td> </td>.
Dreamweaver <td> </td>,

.

(CSS), .
&nbsp; Zenkaku HTML (
). , ,
,
.


CSS 154
326


, Dreamweaver
, ,
URL- , ,
.
HTML .
HTML
, .
1 > ( Windows) Dreamweaver > ( Macintosh).
2 .

28.4.2010.

DREAMWEAVER CS5 322


3 .
. ,
<b><i>text</b></i> <b><i>text</i></b>.
.

. .
. ,

.
,

.

HTML, Dreamweaver .
, ( ),
.
: ,

Dreamweaver .
, .
<, >, & " & , ,

Dreamweaver,
, . .
. URL-,
. , ,
.
Dreamweaver, URL, , .
.
URL- &# ,

URL- Dreamweaver, , URL .


URL- % ,
, . ,
( %) ,
, .


HTML-, Microsoft Word 76
326

28.4.2010.

DREAMWEAVER CS5 323




, , , JavaScript.
.
1 > ( Windows) Dreamweaver > ( Macintosh).
2 .
3 .

.
4 .
5

, ( ) (, ).
.
, .
6 .
.
.
.
.
,

. .
.


446
, 364
307
326


, ,
. , JavaScript (JS)
, BBEdit, Notepad TextEdit, Dreamweaver.
, ,
.


318


1 .

28.4.2010.

DREAMWEAVER CS5 324


2 ,

.
,

Dreamweaver .
.
Dreamweaver

, Dreamweaver,
.
Dreamweaver:
, ,
.
Fireworks .


: .



.

. , , CSS
, .
. ,
.
.
. ,
HTML, <. , JavaScript,
.
,
,
0 .
JavaScript,
.
(, Prototype).
Backspace (Windows) Delete (Macintosh).
. www.adobe.com/go/lrvid4048_dw_ru.
, Dreamweaver,
JavaScrip Dreamweaver, . : www.adobe.com/go/dw10javascript_ru.

28.4.2010.

DREAMWEAVER CS5 325



Dreamweaver .

HTML
CSS
DOM
JavaScript ( )
Ajax
Spry
Adobe ColdFusion
JSP
PHP MySQL
ASP JavaScript
ASP VBScript
ASP.NET C#
ASP.NET VB


.
, .
1 ( > ) .
2 Control + .

.
1 . , , <.

, .
( ).
, Esc.
2 .
3 , Enter

(Windows) Return (Macintosh).


CSS CSS,
. ,

. , F5.
.
4 , </ ( ).

28.4.2010.

DREAMWEAVER CS5 326


. Dreamweaver
. ( )
, Dreamweaver >,
. , , .
,
.


, .
, .

, , ,
.

JavaScript
Dreamweaver JavaScript.
, HTML JavaScript,
.
HTML. ,
JavaScript Dreamweaver.
JavaScript ,
Control + ., JavaScript.


, Dreamweaver .
Dreamweaver ,
. ,
. Dreamweaver ,
.
Dreamweaver ,
, .
, .
,
. , HTML, JavaScript.
, Dreamweaver JavaScript.
, , , .
,
.


. ,
CSS Spry, .
.
,
Control + .
1 .

28.4.2010.

DREAMWEAVER CS5 327


2 .
3 .
Dreamweaver.

Dreamweaver , </.
,
(>)
.
,
. ,
.
( ).
, .

, .


Quick Tag 353
W3C


Dreamweaver CS5 Joomla, Drupal, Wordpress
PHP .

. Dreamweaver -.
-
www.adobe.com/go/learn_dw_comm13_ru.


,
Dreamweaver.
Dreamweaver Adobe Dreamweaver
CS5\configuration\Shared\Dinamico\Presets.
. -, Dreamweaver
. , , ,
.
1 - > .

,
(CMS).
Dreamweaver : Drupal, Joomla Wordpress.
,
, .

28.4.2010.

DREAMWEAVER CS5 328


. ,
.
2 .

.
Dreamweaver , .
/ , , .
, .
3 (+) , ,

.
, .
. .
4 , ,

(-) .
. Drupal Joomla!,

Dreamweaver. .
5 ,

, .

, .
, .
, ,
, .


,
.
1 , .
2 .
3 - .

. , Dreamweaver
. , ,
.

-
, ,
-, custom.
1 .
2 .
3 .

. , Dreamweaver
. , ,
.

28.4.2010.

DREAMWEAVER CS5 329



, .
, . (. .)
1 (+) ,

.
2 .

, .
3 (+) , ,

.
. .
4 .


,
.
1 .

, .
2 , (+)

.
3 (-).


1 ( > ).
2 .
3

.
, , ,
.
:
.

.
. .
335.

(, <table> </table>).
, .

,
, Alt (Windows) Option
(Macintosh). , , Control,
, Dreamweaver ,
. . 342.

28.4.2010.

DREAMWEAVER CS5 330


, ,
Alt (Windows) Option (Macintosh). ,
, Ctrl, ,
, Dreamweaver -
. . 342.
.

, . , ,
, Dreamweaver html /html.
, ,
. , ,
, Dreamweaver ,
.
.
.

, .
Dreamweaver ,
. , Dreamweaver , ,
. ,
, Dreamweaver .

HTML <!-- -->,


, .

// // CSS JavaScript
//, .

/* */ CSS JavaScript /* */.


' Visual Basic.
Visual Basic
, .

ASP, ASP.NET, JSP, PHP


ColdFusion, Dreamweaver
.
.
, .
Quick Tag.

. . 338.
CSS CSS
CSS CSS. .

28.4.2010.

DREAMWEAVER CS5 331


/ CSS 151 CSS CSS


153.
.
.

, . ,
,
, .
, ,
. ,
.
, (,
, ) ,
. , , XML,
. . Dreamweaver.
. ,
, ( > "" >
" ").


,
345
12
22


1 .
2 .
3 .

, . ,
.
, , ,
. , ,
. , (
).
, .
.


219

28.4.2010.

DREAMWEAVER CS5 332




Dreamweaver ( ColdFusion ASP.NET).
1 , (Windows) ,

Control (Macintosh), .
.
, - .
2 .
3 .
4 ,

. , .
5 , <?>.

, .
6 , .

(, <title></title>),
.
, .
7 , .
8 .


Dreamweaver 363

HTML
- , HTML
.
.

, .
.
.
.


> > .

, ,
.

28.4.2010.

DREAMWEAVER CS5 333



.
,
, .


1 .
2 , .


343


, .
1 (Windows) , Control

(Macintosh) , ,
. ( .)
2 .


1 (Windows)

, Control (Macintosh).
2 .
.
.
.

(, <table> </table>).
,
(, <table> </table>).
.
HTML <!-- -->, ,

.
/* */ CSS JavaScript /* */.
// // CSS JavaScript
//, .
' Visual Basic
, .

28.4.2010.

DREAMWEAVER CS5 334


ASP, ASP.NET, JSP, PHP ColdFusion, Dreamweaver


.
Backslash-comment Hack CSS ,

Internet Explorer 5 for Macintosh .


Caio Hack CSS ,

Netscape Navigator 4 .
.
, .

CSS. ,
.
Caio CSS.
,

,
. .
319.

. , ,
.
, . .

335.
.
.
table .
br .
(

, ).
(

, ).
,

.
,


342

28.4.2010.

DREAMWEAVER CS5 335



(, ASP)
.
1 .
2 .
3 .


557



, .


.
.


Shift + .
.


, .
,
CSS, , JavaScript, ,
iframe. Dreamweaver
, . ,
. , Dreamweaver
.
CSS, Dreamweaver
. , Dreamweaver
. CSS, Dreamweaver
.
, ,
.
, Dreamweaver,
, . : www.adobe.com/go/dw10codenav_ru.
,
. www.adobe.com/go/lrvid4044_dw_ru.

28.4.2010.

DREAMWEAVER CS5 336



Alt+ (Windows) Command+Option+ (Macintosh) .

, , .
, .
.
, .
, 2 .


1 , .
2 , .

.
, CSS,
. , CSS,
. CSS, ,
, CSS .
CSS ,
. ,
.


1 .
2 .
3 , .

, , Alt (Windows)
Command+Option (Macintosh), ,
.


72

JavaScript VBScript

JavaScript VBScript .
1 ( > ) (

> ).
2 .

(Windows) ,
Control (Macintosh), .
.
JavaScript VBScript.

28.4.2010.

DREAMWEAVER CS5 337



(Windows) , Option Control (Macintosh) ,
.

({}) .
3 .

JavaScript
JavaScript (JSE) JavaScript Dreamweaver,
. JSE
, onclick onmouseover,
JavaScript .
JavaScript .

JSE ( Spry).

. Dreamweaver
JavaScript, . ( .)

JSE JavaScript DWT ( Dreamweaver),


, Dreamweaver.

JavaScript JavaScript
Dreamweaver . Dreamweaver

.

. , ,
. >
JavaScript.

.
, JavaScript document.write()
.
, Dreamweaver,
JavaScrip Dreamweaver, . : www.adobe.com/go/dw10javascript_ru.
JavaScript
1 , JavaScript (, Spry).
2 > JavaScript.
3 JavaScript ,

JavaScript, JavaScript
.
, onclick onload. - .

JavaScript, : 1) JavaScript
; 2)
HTML JavaScript .
.

28.4.2010.

DREAMWEAVER CS5 338


, ,
, Dreamweaver .
Dreamweaver ( )
.

HEAD, document.write()
document.writeln().

HEAD , ,
EOLAS, , document.write().

BODY,
Spry.

Dreamweaver , .
- , ,
.
4 .

.
.
5 .

Dreamweaver SpryDOMUtils.js, , JavaScript.


Dreamweaver SpryDOMUtils.js SpryAssets ,
, , JavaScript.
- .


Spry 448


,
. , ,
HTML, JavaScript, CFML, ASP, PHP . ,
. ,
.
, <font> ,
.


1 , , ,

.
2 ( > ) .

, (Windows) ,
Control (Macintosh), .

28.4.2010.

DREAMWEAVER CS5 339



1 ,

.
2 .

. ,
, (/ \), (").
3 ().

.
4 .
a , .
, .
, .

.
Enter (Windows) Return (Macintosh) .
. ,
.
, , .
.
b , , .
5 (): .
.
.

6 .

. .


1 ,

.
2 .


1 (Windows) ,

Control (Macintosh),
.
.
2 .

.
3 .

28.4.2010.

DREAMWEAVER CS5 340


. 35.


1 Dreamweaver Configuration/Snippets .
2 .
3

Configuration/Snippets.

,
, . ,
img, alt.
, , -.
, Untitled, title.
.
1 , ,

.
2 .
3 , , ,

. , .
.
4 .
5 F3

Command + G (Macintosh).


314
236


314
236


1 ( > ) .
2 ( ).
3 , .

28.4.2010.

DREAMWEAVER CS5 341


, img, alt,
img_no_alt.dwr.
. .dwr.
, Dreamweaver, .dwq.


1 .
2 ( ).
3 , . .
4 , , , .



, CSS. ,
, ( ).
, .


1 .

, (Windows)
, Control (Macintosh), .

, Shift + F1.
,
.

2 (

) ,
.


1 .

.
2

28.4.2010.

DREAMWEAVER CS5 342



1 ,

.
2 , -

, , CFML ( ).
3 ,

, , ,
CFML.
. ,
.


,
.
1 .
2 .
3 , (Windows) (Macintosh).



,
. ,
CSS head, div, ,
, head div, .
, ,
.
. , Dreamweaver, ,
(.dwt) .


343
329
344


(
Windows, Macintosh).
. ,
( Windows,
Macintosh).

28.4.2010.

DREAMWEAVER CS5 343


.
Dreamweaver
. ,
, Dreamweaver ,
, .
, Dreamweaver
, Ctrl .
, , ,
, .

Alt (Windows) Option (Macintosh)
.
1 .
2 .


333
329

. ,
, .
, ,
.


, :
Command

Windows

Macintosh

Control + Shift + C

Command + Shift + C

Control + Alt + C

Command + Alt + C

Control + Shift + E

Command + Shift + E

Control + Shift + J

Command + Shift + J

Control + Alt + J

Command + Alt + J

Control + Alt + E

Command + Alt + E


, .

28.4.2010.

DREAMWEAVER CS5 344



329
344


1 .
2 .
3 , .
4 > .

. ,
.


1 .
2 .

, , Control
(Windows) Alt (Macintosh).
. .



, font,
HTML- XHTML-.
HTML-, Microsoft Word, .
72.
1 .

HTML, HTML.
XHTML, XHTML.
XHTML XHTML
HTML- XHTML,
.
2 .

. .
.
- , . ,
<b></b> <font color="#FF0000"></font> , <b>
<b>some text</b> .

28.4.2010.

DREAMWEAVER CS5 345


. ,
<b>This is what I <b>really</b> wanted to say</b> b, really,

.
HTML, Dreamweaver ,

, Dreamweaver. , <!--begin body text-->


, <!-- TemplateBeginEditable name="doctitle" --> - ,
Dreamweaver, .
Dreamweaver , Dreamweaver ,
.
,
. .
442.
, .

, , ,
(, blink). (,
font,blink).
<font>. font ,

. , <font size="7"><font
color="#FF0000">big red</font></font> <font size="7" color="#FF0000">big
red</font>.

,
, .


319
323

,

, (( )), ({ }) ([ ]).
, , ,
, .


1 .
2 , .
3 .

( ).
, Dreamweaver
html /html.

,
1 .

28.4.2010.

DREAMWEAVER CS5 346


2 , .
3 .

, .
, ,
, .


(BCC) HTML CSS,
.
CSS, .
. ,
CSS-.


CSS 157


Dreamweaver CS5, ( > ) .
Dreamweaver XML ColdFusion.
,
, , .
1 .

XML XHTML XML.


ColdFusion > > ColdFusion.

, .
2 , .
3 XML-, .
4 (.. ,

) .


Dreamweaver CS5, . , Dreamweaver,
, .
() Dreamweaver
.
1 > ( Windows) Dreamweaver > ( Macintosh).
2 .
3 , .

28.4.2010.

DREAMWEAVER CS5 347


.
, HTML 4.0, HTML 3.2 HTML 2.0.
, . ,
HTML 2.0, HTML 4.0.
4 .
5 ,

.
6 , .
, Dreamweaver
. HTML
&quot;.
, Dreamweaver ,
, (&), (<) (>), HTML.

7 ,

, .

XHTML
XHTML.
, XHTML HTML.


XHTML 312

XHTML-
1 > .
2 .
3 DocType, ,

(DTD) .
, HTML XHTML,
XHTML 1.0 Transitional XHTML 1.0 Strict.
. XHTML- .

, XHTML
1 Dreamweaver > (Mac OS X)

.
2 , (DTD)

XHTML .
, HTML XHTML,
XHTML 1.0 Transitional XHTML 1.0 Strict.

DREAMWEAVER CS5 348

28.4.2010.

HTML XHTML
1 .

, , ,
XHTML.
, HTML XHTML,
XHTML 1.0 Transitional XHTML 1.0 Strict.

,
XHTML.
2 ,

.
. ,
, , . , XHTML
XHTML, HTML, XHTML,
HTML. XHTML - .

ColdFusion ( Windows)
ColdFusion, ColdFusion Dreamweaver,
ColdFusion, Dreamweaver.
. Macintosh.
ColdFusion , Macintosh
(F12). ,
.
ColdFusion MX 6.1
ColdFusion. ColdFusion MX 7 ,
Dreamweaver .
, , Dreamweaver ColdFusion.
. 49.

, , Internet Explorer ,
. Internet Explorer
, ,
.
.
1 ColdFusion Dreamweaver.
2

Dreamweaver ColdFusion Internet


Explorer. ,
.
. ,
, , SQL,
, , , .
, .

28.4.2010.

DREAMWEAVER CS5 349


3 ,

(+), .
, . , .
4 ( > ) ( > )

.
5 .

Dreamweaver .
, .
6 , ( > )

( > ).


ColdFusion 682



Dreamweaver -
. ,
-. Dreamweaver
, .
, ,
.


, , HTML,

.
. .
, <table> <tr>. <table>,
.
Dreamweaver <tr>. <tr> ,
<td>,
.



. , , .
, , ,
.

28.4.2010.

DREAMWEAVER CS5 350


. ,
. ,
. ,
,
(, ), .
1 .

.
, > .
2 .

CFML
ColdFusion .
1 ,

.
2 - ,

.
, (..
, ).
3 , .


.
, ,
.
1 .

( ) .
.
2 ( > ) .

.
3 .

, ,

, .
, ,
, .

, (
), .

28.4.2010.

DREAMWEAVER CS5 351


URL-,
, URL- .

(, ),
.
.

, Backspace (Windows)
Delete (Macintosh).

, .
. ,
.

, ,
.
4 , (Windows) Return (Macintosh),


JavaScript 368
CSS 137
593

Quick Tag
Quick Tag , ,
HTML, .
Quick Tag HTML,
Dreamweaver , , ,
.
Quick Tag, .
Ctrl + T(Windows) Command + T (Macintosh).
Quick Tag .

HTML HTML.
.
.
. , Quick Tag, ,
.
Quick Tag : ,
, .
Quick Tag,
Control + T(Windows) Command + T (Macintosh).


Quick Tag 353

28.4.2010.

DREAMWEAVER CS5 352


Quick Tag
Quick Tag ,
HTML, .


354

HTML
1 , ,

.
2 Ctrl + T (Windows) Command + T (Macintosh).

Quick Tag HTML.

3 HTML .

, .
4 - , Escape.

HTML
1 .

, , , .
. 354.
2 Ctrl + T (Windows) Command + T (Macintosh).

Quick Tag .
3 , .
4 Tab, - Shift + Tab.

. , Tab
Shift + Tab.
5 Quick Tag , Enter.
6 , Escape.

HTML
1 .

. , HTML
Quick Tag , .
2 Control + T (Windows) Command + T (Macintosh),

Quick Tag.
Quick Tag .

28.4.2010.

DREAMWEAVER CS5 353


3 , , strong, (Windows) Return

(Macintosh).
,
.
4 - , Escape.

Quick Tag
Quick Tag ,
.
, ,
Quick Tag.
, ,
Quick Tag.
.
, , ,
Quick Tag.
. Quick Tag
. .
326.


Quick Tag 351


1 .

.
, .

.
.
2 , . ,

.
3 , Escape


1 > (Windows) Dreamweaver > (Macintosh),

.
.
2 , .
3 , .

28.4.2010.

DREAMWEAVER CS5 354



, ,
. .
:


1 .

, .
2 (Windows) ,

Control (Macintosh).
3 . Quick Tag.

. Quick Tag
352.
4 .

,
1 .

, .
2 .

.
( tr) ( td) .


JavaScript VBScript
.

JavaScript VBScript
.

, .
, .
> >
. .


1 , .
2 HTML > > .
3 .

JavaScript, , JavaScript,
JavaScript 1.1 JavaScript 1.2.

28.4.2010.

DREAMWEAVER CS5 355


4 .

script .
5 HTML.

, .
6 .


1 , .
2 HTML > > .
3 .
4 .
5 ,


1 .
2 .

.
,
.
. ,
, .
3 JavaScript, VBScript.
4 : .
5 ().

, , .

6 .

ASP
ASP ASP
.
1 .
2 ASP .
3 ASP .

.
. JavaScript, , JavaScript,
JavaScript 1.1 JavaScript 1.2.

28.4.2010.

DREAMWEAVER CS5 356


2 : .
3 ().

, .
4 , .


354

JavaScript
()
JavaScript . .
Dreamweaver 371.


, ,
. head
.


head ,
.


. head

.
. ,
.


1 > HTML > .
2 , (

).


1 .
2 head, .
3 .

28.4.2010.

DREAMWEAVER CS5 357


meta
meta - head, , ,
, . ,
, , PICS . (
PICS, the Platform for Internet Content Selection, - ,
).

meta
1 > HTML > > .
2 .

meta
1 .
2 Meta, .
3 .

Meta
meta :
, meta (name) HTTP
(http-equiv).
, . , ,
description, keywords refresh, ( Dreamweaver

), (, creationdate,
documentID level).

. , level,
beginner, intermediate advanced.


: .
Dreamweaver,
. , .


1 .
2 , .
3 .

28.4.2010.

DREAMWEAVER CS5 358



(,
, ), meta
.
,
,
.

meta
1 > HTML > > .
2 , , .

meta
1 .
2 , .
3 , .

, .


(,
, ), meta .
,
(
). ,
( , PorkbarbecuecateringinAlbany,Georgia,
webdesignatreasonableratesforclientsworldwide).

meta
1 > HTML > > .
2 .

meta
1 .
2 , .
3 , .


(
)
. URL-
, URL-.

meta
1 > HTML > > .

28.4.2010.

DREAMWEAVER CS5 359


2 meta .

meta
1 .
2 , .
3 meta .

meta
meta :
.

, 0.
URL- , URL-
. URL- (
), .

URL-
URL-,
.

meta
1 > HTML > > .
2 meta .

meta
1 .
2 , .
3 meta .

meta
meta :
Href URL-. , ,
.
, .

_blank .

_parent ,

. , ,
_top .

_self , .
, .

_top , .

28.4.2010.

DREAMWEAVER CS5 360



link .
. link head HTML- body.

meta
1 > HTML > > .
2 meta .

meta
1 .
2 , .
3 meta .

meta
meta :
Href URL- , . ,
, . ,
, , HTML;
.
.
. ;
. External Style Sheets ( )
HTML 4.0 - World Wide Web Consortium www.w3.org/TR/REChtml40/present/styles.html#style-external.
Rel , Href.

: Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright,


Chapter, Section, Subsection, Appendix, Help Bookmark. ,

.
Rev ( Rel) ,

Href. , Rel.



Dreamweaver ,
, .
- , ,
.

28.4.2010.

DREAMWEAVER CS5 361


, ,
,
. .
,
, ,
, , , .
, Dreamweaver ,
.
Dreamweaver ,
, , .
, , , .
> ,
.
. , Apache Microsoft IIS,
,
.
.
.
, . head,
body html ( <html>. HTML- , p, div,
). , ,
Dreamweaver .
.
, . ,
, , .
: Virtual File. Dreamweaver
File, ,
-.

- Apache, Virtual. Apache Virtual


, File .

Microsoft Internet Information Server (IIS), File. (


IIS Vitrual ).
. , IIS ,
, .
IIS ,
.

, ,
, .
,
. ,
, shtml, .shtm .inc.
, ,
, . (, canoe.html, , ,
canoe.shtml). (.html .htm),

28.4.2010.

DREAMWEAVER CS5 362


,
( ).
, , ,
, .
, .


Dreamweaver.


1 .
2 .

File.
3 ,

( > ) :

- Apache, Virtual. Apache Virtual


, File .

Microsoft Internet Information Server (IIS), File. (


IIS Vitrual ).
. , IIS ,
, .
IIS ,
.

, ,
, .


1 .
2 ( > ).
3 .

, .
, .


Dreamweaver. ,
, .
1 ,

.
.
2 .

28.4.2010.

DREAMWEAVER CS5 363


, ,
, .
3 -.


Dreamweaver
Dreamweaver - , ,
Dreamweaver . ,
Dreamweaver , ,
, .
, ,
, ( ), .


Dreamweaver 366
318


1 , .

. (
.)
2 :

.
, .
. , ,
. , .

,
, Dreamweaver
.


318
Dreamweaver 366


1 ( > ) (+)

.
2 (, Miscellaneous Tag) .

28.4.2010.

DREAMWEAVER CS5 364



1 ( > ) (+)

.
2 .
3 . ,

(, cfgraph, cfgraphdata).
4 (</...>),

.
5 .


1 ( > ) (+)

.
2 .
3 .
4 . ,

(, width, height).
5 .

,
,
.


318


1 ( > )

( ).
. .
, , HTML Tags
, abbr, HTML Tags, .
2 ,

.
,
. , HTML ,
HTML-.
3 ().

.
. .
4 .

28.4.2010.

DREAMWEAVER CS5 365



1 ( > )

.
2 .
, Dreamweaver .
, Dreamweaver ,

, .
. : , ,

. ,
. , Dreamweaver
(, getProperty), .
, .

<UPPERCASE> <lowercase>
.
, HTML
XHTML.


1 ( > )

, .
2 , ,

.
, .
, Dreamweaver (,
onClick), .
,
.
3 .

, .
( ). , showborder
cfchart : yes,no.

,
1 ( > ) ,

.
2 ().
3 , .

.
4 , .


318

28.4.2010.

DREAMWEAVER CS5 366


Dreamweaver
Dreamweaver
Dreamweaver ,
. ,
. ,
.

XML-
XML- (DTD) .
1 ( > ).
2 (+) DTD > XML DTD

.
3 , URL- DTD .
4 , .

.
. .
5 .

ASP.NET
ASP.NET Dreamweaver.
, ,
-. C. 49.
(DLL-) /bin -.
(ASCX-) .
. Microsoft ASP.NET.
1 ASP.NET Dreamweaver.
2 ( > ).
3 (+),

ASP.NET ASP.NET >


ASP.NET.

ASP.NET ASP.NET >


ASP.NET. ,
Control (Windows) Command (Macintosh).

JSP (web.xml)
JSP Dreamweaver JSP-.
1 JSP Dreamweaver.
2 ( > ).

28.4.2010.

DREAMWEAVER CS5 367


3 (+) JSP > (*.tld, *.jar, *.zip)

JSP > (web.xml).


4 , .
5 URI .

URI (Uniform Resource Identifier) URL- ,


. URL- - .
.
6 , ().

.
7 .

JRun
Adobe JRun, JRun Dreamweaver.
1 JSP Dreamweaver.
2 ( > ).
3 (+) JSP > JRun Server .
4 , JRun.
5 URI .

URI (Uniform Resource Identifier) URL- ,


. URL- - .
.
6 , ().

.
7 .

28.4.2010.

12.
JavaScript
JavaScript
JavaScript
Adobe Dreamweaver CS5 JavaScript ,
- .
, .
, , .
. JavaScript, , ,
.
, , ,
- . , ,
onMouseOver; , -
JavaScript ( ).
; , onMouseOver onClick ,
onLoad body .
JavaScript , ,
AP-, Adobe Shockwave. ,
Dreamweaver,
.
, ,
, ( JavaScript), . (
.) ,
, onMouseOver,
, - .
,
.
Dreamweaver . - Exchange
www.adobe.com/go/dreamweaver_exchange_ru .
JavaScript, .
. Dreamweaver, HTML.
JavaScript.


( > ),
( ) .

368

28.4.2010.

DREAMWEAVER CS5 369


JavaScript

, ,
( ), .
, .
,
.
.
, .

.
. .
.
(+) ,
. ,
. ,
.
() .

. ,
, onLoad, onLoad
. ,
.
, , - ,

( ).
.
, , . (
, .)
. ;

, . HTML href="javascript:;".


, ,
(+) . -,
, ; JavaScript,
. Dreamweaver ,
.
, ,
Dreamweaver www.adobe.com/go/dreamweaver_support_ru.
. ,
,
,
. ( HTML 4.01
.) (),

. , , .

28.4.2010.

DREAMWEAVER CS5 370


JavaScript

( onMouseOver)
. . Dreamweaver
<a>, .
javascript:; . ,
, JavaScript, ,
.
, ,
Dreamweaver/Configuration/Behaviors/Events.


( <body>), , ,
HTML.
, .
. ,
, .
1 , .

, <body>
.
2 > .
3 (+) .

, , . ,
. , Shockwave
SWF , Shockwave SWF.
.
4 .

, Dreamweaver, .
, .
. . ,
,
. , Dreamweaver .
5 , , .

, , . (
, ,
.)


, ,
.
1 .
2 > .

28.4.2010.

DREAMWEAVER CS5 371


JavaScript

3 .

, (Windows)
Return (Macintosh); .

,
. ,
.

, () .


1 , .
2 > .
3 .

.
, .


- Exchange Dreamweaver
(www.adobe.com/go/dreamweaver_exchange_ru).
1 >

.
Exchange.
2 .
3 .

. Dreamweaver
38.


Dreamweaver

Dreamweaver
. , .
. Dreamweaver
. Dreamweaver
.
Dreamweaver ,
JavaScript, ,
JavaScript .
, <noscript>,
JavaScript.

28.4.2010.

DREAMWEAVER CS5 372


JavaScript

JavaScript
JavaScript JavaScript,
. ( ,
JavaScript .)
1 JavaScript .
2 JavaScript .

, ,
if (history.length > 0){history.back()}. ,
(, hGoBack()).
3 , .


,
(, ).
. HTML JavaScript.
1 .
2 ,

.
3 .
4 .
5 .
6 , .


Dreamweaver CS5, .


,
. ,
, Shockwave, , .
. Internet Explorer JavaScript .
Flash Director VBScript,
Internet Explorer Windows. Internet Explorer
Mac OS
1

.
2

28.4.2010.

DREAMWEAVER CS5 373


JavaScript

,
Netscape Navigator. ( Windows Navigators Help > About Plug-ins;
Mac OS About Plug-ins Apple).
3 , URL URL- ,

.
URL-, http://.
, .
4 URL-

, . ,
.
5 , .

, URL-,
. ( ) URL-,
, URL-.
: , ,
,
, .
. Internet Explorer; Netscape Navigator
.
6 , .

Shockwave SWF
Dreamweaver CS5, .

AP
AP (AP),
. , (),
.
AP ( ,
), , AP, AP
, , , AP
..
AP
AP, AP body (
onLoad).
1 > > AP AP

AP .
2 <body> .
3 AP .

AP , , , AP.
4 AP AP.
5 .

28.4.2010.

DREAMWEAVER CS5 374


JavaScript

.
, , -,
.
6 ( ) , , .

AP.
, .
, ,
0. ,
, 0.
7 ( ) .

, AP. ,
AP ,
, .
. ,
AP.
8 ( ) , , ,

AP , .
.
9 .

AP, AP
, AP , .
10 , AP,

;
, .
, AP ,
, . , ,
AP .
11 .

, AP
.
, , AP
.

JavaScript (, monitorAPelement()) JavaScript,


AP. ,
, AP
.
12 JavaScript (, evaluateAPelementPos())

JavaScript, , AP .
, JavaScript AP
.
13 , .

28.4.2010.

DREAMWEAVER CS5 375


JavaScript

AP
AP , Dreamweaver
MM_dragLayer() head . (
AP [ ], , Dreamweaver,
.) AP ,
: MM_LEFTRIGHT, MM_UPDOWN MM_SNAPPED,
JavaScript,
AP, , AP
.
. JavaScript.
, MM_UPDOWN (
AP) curPosField . (
, ,
.)
function getPos(layerId){
var layerRef = document.getElementById(layerId);
var curVertPos = layerRef.MM_UPDOWN;
document.tracking.curPosField.value = curVertPos;
}

MM_UPDOWN MM_LEFTRIGHT . ,
, ,
, ,
AP .
MM_SNAPPED, AP
.
, , , AP
MM_SNAPPED true, , AP .
,
.

URL-
URL- .
.
1 URL- .
2 URL- .

,
. , .
. , -
top, blank, self parent. .
3 , ,

URL-.
4 2 3, .
5 , .

28.4.2010.

DREAMWEAVER CS5 376


JavaScript


> > Dreamweaver
( ).
.
.

, , ,
,
.

, ,
.
1 , .
2 .
3 .


299
HTML- 702


;
. (
.)
, .
; URL- -
. , , .
, ,
, ,
, .
.
, URL-, .
.
1 ( )

.
2 ,


, .
, , ( ,
..) . , ,
, ;
.

28.4.2010.

DREAMWEAVER CS5 377


JavaScript

, , , .
, .
, , 1024 x 768 ,
( , , ),
( URL-), ( ) (,
, ). 640 480,
, 640 x 480
.
1

.
2 , , URL-.
3 : ( )

, , .. (
),
JavaScript.
4 , .


Dreamweaver CS5, .


JavaScript .
JavaScript (),
, .
JavaScript, ,
. JavaScript, ({}).
, (\{).
.
The URL for this page is {window.location}, and today is {new Date()}.

. .
, .
1 .
2 .
3 , .



, (, ,
).

28.4.2010.

DREAMWEAVER CS5 378


JavaScript

.

,
.
1

.
2 , ,

.
3 (+) ,

.
4 2 3 ,

.
5 ,

().
6 , .


Dreamweaver CS5, .


,
.
HTML. , .
,
, .
JavaScript, ,
. JavaScript, ({}).
, (\{).
.
The URL for this page is {window.location}, and today is {new Date()}.

1 >

.
2 .
3 HTML, body

.
4 HTML.
5 , .


208

28.4.2010.

DREAMWEAVER CS5 379


JavaScript



( , ) .
HTML.
JavaScript, ,
. JavaScript, ({}).
, (\{).
.
The URL for this page is {window.location}, and today is {new Date()}.

1 >

.
2 ,

.
3 HTML HTML.
4 , .


AP 172



. ,
URL-.
(
); ,
AP.
. Dreamweaver, ,
, .
Firefox, , , JavaScript
. . .
JavaScript, ,
. JavaScript, ({}).
, (\{).
.
The URL for this page is {window.location}, and today is {new Date()}.

1 >

.
2 .

. , .
3 , .

28.4.2010.

DREAMWEAVER CS5 380


JavaScript



.
JavaScript, ,
. JavaScript, ({}).
, (\{).
.
The URL for this page is {window.location}, and today is {new Date()}.


1 > > .

Dreamweaver , .
2 . , (

,
).


1 >

.
2 .
3 , .

-
- ,
.
. ,
, ,
, , ,
. ,
, .
1 -

.
- , , AP. AP
4.0, ,
<body> ( <a>).
2 , ,

, ( ).
3 2 , . (

.)
4 , .

28.4.2010.

DREAMWEAVER CS5 381


JavaScript


Dreamweaver CS5, .

Dreamweaver CS5, .


Dreamweaver CS5, .


Dreamweaver CS5, .


Dreamweaver CS5, .


, src <img>.
, (
).
.
. src,
( ) . ,
.
.
,
; ,
.
1 , >

.
2 .

,
. ,
.
3 1 2, .
4 ( , )

.
5 , .
6 , ,

28.4.2010.

DREAMWEAVER CS5 382


JavaScript

7 5 6 , .

, ;

.
8 , ,

.
, .
9 , .


,
, .
onBlur, , ,
onSubmit, ,
. .
1 , > .
2 , >

.
, .
3 .

, ,
> .

, , <form>
> .
4 .
5 .

, ,
.

.
6 , - .
7 .
, ; .
, @.
, .
, , .

8 , 6 7 ,

.
9 .

, , onSubmit
.

28.4.2010.

DREAMWEAVER CS5 383


JavaScript

10 , , onBlur onChange

. - .
, . ,
onBlur , , onChange
. onBlur ,
.

28.4.2010.

13.


Photoshop, Flash Fireworks
Photoshop, Fireworks Flash SWF- . Dreamweaver,
-.
. , .
, InDesign XHTML Dreamweaver.
. www.adobe.com/go/vid0202_ru.
, Adobe Flash ( SWF FLV),
Dreamweaver.
Dreamweaver.
. Dreamweaver Adobe
.
Fireworks Flash .
Dreamweaver
(,
).
Dreamweaver .
, Dreamweaver
SWF. Fireworks, Flash Photoshop ,
Dreamweaver, - (GIF, JPEG, PNG SWF)
, PSD, PNG FLA.
,
. , Fireworks
.
,
.
Dreamweaver _notes, , .
, Dreamweaver Photoshop, Flash
Fireworks.
. , ,
Dreamweaver. . , ,
Photoshop Dreamweaver ,
PSD-.
Dreamweaver Fireworks . www.adobe.com/go/vid0188_ru.

384

28.4.2010.

DREAMWEAVER CS5 385


, Dreamweaver Photoshop, .
www.adobe.com/go/lrvid4043_dw_ru.


110
111
Dreamweaver InDesign

Fireworks Dreamweaver
Fireworks
Dreamweaver Fireworks ,
, , .
, HTML .
Fireworks Dreamweaver
, Fireworks
Dreamweaver.
1 Dreamweaver , ,

> .

.
2 Fireworks (Windows)

Open (Macintosh).
. Fireworks Dreamweaver,
. .


Photoshop, Flash Fireworks 384

Fireworks Dreamweaver
,
Fireworks, Dreamweaver Fireworks, PNG-, , ,
.
. , Fireworks
PNG . , Fireworks JPEG- GIF, Photoshop .

28.4.2010.

DREAMWEAVER CS5 386


Fireworks, Fireworks
, HTML- <!--fw table-->. PNG-
Fireworks Dreamweaver HTML
Dreamweaver, Fireworks HTML-.
1 Dreamweaver ( > ), .
2 , .

, Fireworks,
Fireworks PNG-.
3 Fireworks , .

.
, Control (Windows) Command
(Macintosh).

(Windows) ,
Control (Macintosh), Fireworks.
. Fireworks PNG-,
. Fireworks
. .
4 PNG- Fireworks .

Fireworks PNG-, ( HTML


) Dreamweaver. Dreamweaver
.
Dreamweaver Fireworks . www.adobe.com/go/vid0188_ru.


261
Dreamweaver Fireworks

Fireworks Dreamweaver
Dreamweaver Fireworks.
Dreamweaver , ,
.
1 Dreamweaver .

>
.
2 :

.
.
3 .

28.4.2010.

DREAMWEAVER CS5 387



398

Dreamweaver
Fireworks
Dreamweaver , Fireworks
, .
, ,
: Dreamweaver, Fireworks.
1 , Fireworks PNG-.
2 , .
3 Fireworks Dreamweaver,

.
Control (Windows) Command (Macintosh)
.

(Windows) ,
Control (Macintosh), Fireworks.
4 Fireworks .

Fireworks ,
Dreamweaver: ( Fireworks),
( Fireworks
) . , Fireworks
( , ),
Dreamweaver.
. Fireworks , ,
. Fireworks, ,
Dreamweaver, . Fireworks
, Dreamweaver .
Fireworks : , ,
.
.
5 , .
6 ,

Dreamweaver.
Dreamweaver , Fireworks
. .
7 , PNG-.

.
GIF JPEG, , , HTML .
8 Dreamweaver.

28.4.2010.

DREAMWEAVER CS5 388


PNG-. .
9 , :

, HTML .
10 .

, Dreamweaver. Dreamweaver
Fireworks .


261
250

Fireworks
Fireworks CSS.
, Fireworks,
:

.
,
.

, Fireworks, , .
Fireworks Dreamweaver Fireworks,
. , Dreamweaver, Fireworks.


Fireworks Dreamweaver 388

Fireworks Dreamweaver
Fireworks 8
Dreamweaver Fireworks ( ), .
Dreamweaver, Fireworks, ,
.
Dreamweaver, Fireworks,
Dreamweaver .
Fireworks,
Dreamweaver, Dreamweaver.
1 Dreamweaver Fireworks, ,

.
PNG- Fireworks.
2 Fireworks

. Fireworks.
Fireworks Dreamweaver.

28.4.2010.

DREAMWEAVER CS5 389


Fireworks MX 2004 ,
Dreamweaver ,
.


Fireworks 388

, Fireworks MX 2004

1 Dreamweaver , .
2 (Shift+F3)

.
3 O.


381


Fireworks
Fireworks -
Fireworks PNG-.
Dreamweaver Fireworks PNG- ,
. Fireworks,
Dreamweaver, Fireworks
Fireworks
Dreamweaver.
. Dreamweaver Fireworks
. , ,
Fireworks PNG-.
1 Fireworks, > (Windows) Fireworks >

(Macintosh) (Windows)
(Macintosh).
2 ,

Fireworks :
PNG PNG- Fireworks,
. PNG-
.
PNG Fireworks

, PNG-. .
, PNG-.

, .

28.4.2010.

DREAMWEAVER CS5 390


HTML- Fireworks Dreamweaver


Fireworks
HTML- Dreamweaver. Dreamweaver.
Dreamweaver Fireworks HTML-,
, JavaScript, .
1 Dreamweaver , HTML- Fireworks.
2 .

> > Fireworks HTML.



HTML Fireworks .
3 HTML- Fireworks, .
4 , .

PNG-, HTML-.
. HTML- ,
.
5 , Dreamweaver HTML-

, JavaScript.

HTML- Fireworks Dreamweaver


Fireworks Dreamweaver
HTML- Fireworks Dreamweaver.

HTML- Fireworks Dreamweaver


1 Fireworks, > HTML.
2 , HTML

. Dreamweaver
.
HTML- .
3 Dreamweaver , HTML-,

> Fireworks HTML.


HTML JavaScript, Fireworks,
Dreamweaver, .

HTML- Fireworks Dreamweaver


1 Fireworks > .
2 Dreamweaver .
3 HTML .
4 HTML .
5 Dreamweaver ,

HTML-, > Fireworks HTML.

28.4.2010.

DREAMWEAVER CS5 391


HTML JavaScript, Fireworks,


Dreamweaver, .

HTML- Fireworks, Dreamweaver


Fireworks > HTML Fireworks,
Dreamweaver . HTML
PNG Fireworks
HTML- , Dreamweaver.
Dreamweaver, Dreamweaver .
1 Fireworks PNG- .
2 > .
3 Fireworks > HTML.
4 Dreamweaver, HTML-, ,

.
5 , ,

(Windows) Choose (Macintosh).


Fireworks HTML JavaScript Dreamweaver. , Fireworks
, HTML-, .
Fireworks HTML- ,
Dreamweaver HTML-. Fireworks JavaScript-
, HTML .

-
Dreamweaver CS5, - .

Photoshop Dreamweaver
Photoshop
Photoshop ( PSD) - Dreamweaver
( GIF, JPEG PNG) Dreamweaver.
Dreamweaver -
PSD-.
, - Dreamweaver
Photoshop ( ). Photoshop
. ,
Photoshop, .
. Photoshop
Dreamweaver, . ,

.

28.4.2010.

DREAMWEAVER CS5 392


, - Photoshop Dreamweaver, .
www.adobe.com/go/lrvid4043_dw_ru.

- Photoshop-Dreamweaver
Photoshop Dreamweaver :
/ -.
/
/ Photoshop,
Dreamweaver , .
, Photoshop, ,
,
Dreamweaver. , Photoshop
(, ) -.
-
Photoshop Adobe -.
- Dreamweaver , -,
Photoshop (PSD). ) Dreamweaver
- .

- (.. Dreamweaver)
Photoshop, Dreamweaver . - )
,
, Photoshop.
- -
Photoshop. , - Dreamweaver
. -
, Photoshop .
-, - .
-, ,
(, CSS).

28.4.2010.

DREAMWEAVER CS5 393



/ -
.
, , ..
Photoshop - Dreamweaver ,
-.
Dreamweaver
- .
- Dreamweaver
, .
, - )
.
Photoshop
-, Photoshop Dreamweaver,
Dreamweaver (
/ , -). ,
Dreamweaver C:\Sites\mySite, Photoshop C:\Images\Photoshop, Dreameaver
mySite.
Photoshop , Dreamweaver
.
Photoshop Dreamweaver .
, , ,
.
- Photoshop Dreamweaver .
www.adobe.com/go/lrvid4043_dw_ru.

-
Photoshop (PSD-) Dreamweaver -. - ,
Photoshop. Photoshop Dreamweaver
Dreamweaver .
1 Dreamweaver ( ) ,

.
2 > .

PSD- , Photoshop
-. .
3 Photoshop PSD .

.
4

.
5 -.

28.4.2010.

DREAMWEAVER CS5 394


Dreamweaver -
- . -
.
. ,
, ,
. ,
, . , Dreamweaver
Photoshop, - .
, - Photoshop, .
www.adobe.com/go/lrvid4043_dw_ru.


Dreamweaver 722
398

-
Photoshop, -, Dreamweaver ,
- . - Dreamweaver
. - Dreamweaver
Photoshop, . Photoshop,
.
- Photoshop,

.
. Dreamweaver Photoshop .

-
- .
-, (,
CSS).
1 , -.
2 , . ,

.
3 . -

. .
4 -, ,

. ,
Control, .
. Dreamweaver Photoshop .

28.4.2010.

DREAMWEAVER CS5 395


-
- ,
.
1 - .

, Shift.
2 .

- -
.

Photoshop -
Dreamweaver - PSD-
Photoshop. Photoshop - Dreamweaver.
. , Photoshop .
1 - .
2 .
3 Photoshop PSD-.
4 Dreamweaver - .

. Photoshop , Dreamweaver. Dreamweaver -, .


- Photoshop,
.


Dreamweaver 257
261
398

-
-.

28.4.2010.

DREAMWEAVER CS5 396


-
Photoshop.
HTML- .

Photoshop -
Dreamweaver.
,

.


HTML

HTML-
-, Dreamweaver
. - ,
HTML-, .


,
-
Photoshop.
Dreamweaver
,
HTML- .




HTML

HTML- ,
Photoshop. -
.

-

Photoshop.

Dreamweaver Photoshop,
.



Photoshop
.

Photoshop
Photoshop Dreamweaver
.
, . Dreamweaver -.
. ,
Photoshop ,
.
1 Photoshop .

,
, , > .
.
.

,
, , >
.
. .

,
> .
.
, > .

28.4.2010.

DREAMWEAVER CS5 397


2 Dreamweaver ( ) ,

.
3 > .
4 .
5 -.

Dreamweaver
. , PSD-,
.
Dreamweaver.
, Dreamweaver
Photoshop, . www.adobe.com/go/vid0193_ru.


Photoshop, Flash Fireworks 384
398
Dreamweaver 722
/


Dreamweaver Photoshop PSD-
Photoshop. , PSD- ( -),
.
. , Photoshop
.
1 Dreamweaver ,

Photoshop, .

.
Control (Windows) Command (Macintosh) .
(Windows) Control
(Macintosh), >
Photoshop.
. , Photoshop
PSD. , Photoshop
JPEG, GIF PNG.
2 Photoshop.
3 Dreamweaver .

- ,
.

DREAMWEAVER CS5 398

28.4.2010.


Dreamweaver 257
261
398



- Photoshop Dreamweaver
( ,
).
-, ,
.
, ,
- . Photoshop
-.
.


. B. C.

28.4.2010.

DREAMWEAVER CS5 399


. .
Photoshop PSD Fireworks PNG .
:

.
.
.

. GIF JPEG
.
JPEG
JPEG .
.
.

.
.

.
,

. .
.
. 32- (

) PNG. . ,

.
, , .
. 8-
, .

GIF PNG

GIF 8- PNG, - .
. 32- PNG
, 32-
PNG .
.

,
0 . PNG.
, ,

.
, 8-
, GIF. .
. .

28.4.2010.

DREAMWEAVER CS5 400


256 .

. , Web 216 216 .


.
, ,
, -.
, .
,
, .
: , -

. -
. , ,
2x 4x , .


GIF, .
, .
.
- - 8- PNG,
. -
.
. 32- PNG.

. ,

.
, , .

, .
.
. 8-
, .


Dreamweaver . ,
.
GIF Web 216 -. 216 .
GIF Websnap 256 , -, . 256 .
GIF Websnap 128 , -, . 128 .
GIF Adaptive 256 , , .
256 .
JPEG 80 0,

, .

28.4.2010.

DREAMWEAVER CS5 401


JPEG 60 2,

2 , .


()
1 .
2 .

.
.
3 ,

.
4

, .
, .

()
1 , ,

. ,
.
2


, .

3 , ,

, .
4 , . ,

, .
5 ,

. ,
, Alt (Windows) Option (Macintosh).
6 . 2

4
.
.
Photoshop .

28.4.2010.

DREAMWEAVER CS5 402


Flash Dreamweaver
SWF- Dreamweaver
Flash
Flash, Dreamweaver, SWF Dreamweaver Flash. Flash
SWF- ,
(FLA-) SWF-.
1 Dreamweaver ( > ).
2 Dreamweaver :

SWF-, ,
.

(Windows) Control (Macintosh) SWF Flash .


Dreamweaver Flash,
FLA- SWF-. Flash,
.
. FLA- SWF- , Dreamweaver.
3 FLA- Flash. Flash ,

Dreamweaver.
4 .

Flash FLA-, SWF-


Dreamweaver.
. SWF-, Flash,
> Dreamweaver.
5

Dreamweaver F12 .

Adobe Bridge
Adobe Bridge
Dreamweaver Adobe Bridge, ,
Adobe Creative Suite 5. Adobe Bridge ,
, , -,
. Adobe Bridge Creative Suite (
Acrobat 9) Adobe .
Adobe Bridge :

, , ,
Creative Suite. , Adobe Bridge
, .

28.4.2010.

DREAMWEAVER CS5 403


,
, Photoshop.

, .

Creative Suite.


Creative Suite 5 - Bridge

Adobe Bridge Dreamweaver


Adobe Bridge Dreamweaver
.
Adobe Bridge :

> Bridge.
Bridge .
Bridge: Control+Alt+O (Windows)
Command+Option+O (Macintosh).
Adobe Bridge ,
Dreamweaver. Adobe Bridge , .
. Adobe Bridge , Dreamweaver
, , .

Dreamweaver Adobe Bridge


Dreamweaver Adobe
Bridge. Dreamweaver, ,
, .
, Dreamweaver :

, (JPEG, GIF PNG), Dreamweaver


-
.

Photoshop PSD, ,
Dreamweaver .

, , mp3, PDF
, Dreamweaver .

HTML- Dreamweaver .
Microsoft Office Microsoft Word Excel,
: ( Windows).
, , .

28.4.2010.

DREAMWEAVER CS5 404



- 393
Photoshop Dreamweaver 391

Adobe Bridge
1 Dreamweaver ( ) ,

.
2 Adobe Bridge , > Dreamweaver.
3 , .
4 > >

, , JPEG GIF
Image.
. , Adobe Bridge
, .
.

Bridge
1 Dreamweaver ( ) ,

.
2 Adobe Bridge, .
3 Adobe Bridge Dreamweaver.
4 , .
5 > >

, , JPEG GIF,
Image.
. , Adobe Bridge
, .
.

Dreamweaver Adobe Bridge


Adobe Bridge .

> > Adobe Dreamweaver.


(, Control, Macintosh)
> Adobe Dreamweaver .
. Dreamweaver , .
Dreamweaver , Adobe Bridge .

28.4.2010.

DREAMWEAVER CS5 405


Device Central
Adobe Device Central Dreamweaver
Device Central -,
Dreamweaver, Dreamweaver .
Device Central Small-Screen Rendering Opera,
, -
. ,
CSS.
, - , -
. Dreamweaver,
Device Central .


Adobe Device Central

Adobe
Device Central Dreamweaver
, Dreamweaver,
Small-Screen Rendering Opera Device Central. ,
,
,
.
1 Dreamweaver.
2 .
3 .

> > Device Central.


/
Device Central.
Device Central. ,
.

- Dreamweaver

Device Central -, Dreamweaver,


Small-Screen Rendering Opera.
, - .
. Small-Screen Rendering Opera
, . Device Central
,
Small-Screen Rendering Opera.

28.4.2010.

DREAMWEAVER CS5 406


,
-, Dreamweaver.

Adobe Spry,
HTML-, Device Central
CSS JavaScript.
<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>

Small-Screen Rendering Opera , ,


, , , .
.

- . ,
, .

,
, .
CSS HTML.
.
. - Opera -
- .

www.adobe.com/go/learn_cs_mobilewiki_ru.

ConnectNow
ConnectNow
Adobe ConnectNow ,

. ConnectNow ,
, .
, ,
.
ConnectNow .
1 > .
2 Adobe CS Live ,

. Adobe ID, Adobe ID.


3 ,

ConnectNow.
ConnectNow .
http://help.adobe.com/en_US/Acrobat.com/ConnectNow/index.html.
ConnectNow: ConnectNow
(7:12). ( Dreamweaver.)

28.4.2010.

DREAMWEAVER CS5 407


AIR Dreamweaver
Adobe AIR Dreamweaver -
.
-.
Dreamweaver CS3 .
Dreamweaver 8.
. Adobe AIR Adobe InContext Editing. ,
InContext Editing, AIR Extension for Dreamweaver,
InContext Editing .

AIR Dreamweaver
AIR Dreamweaver -
. , , -,
XML-. Adobe AIR Dreamweaver
, .
-
, . -
-.
, Adobe ColdFusion PHP, Adobe AIR .
HTML JavaScript. JavaScript
-, , , ColdFusion
PHP, Ajax, XMLHTTPRequest, API- Adobe AIR.


Adobe AIR Dreamweaver,
:

Dreamweaver CS3 ;
Adobe Extension Manager CS3 ;
Java JRE 1.4 ( Adobe AIR). Java JRE
http://java.sun.com/.
Adobe
AIR Dreamweaver. Adobe AIR Adobe
AIR . www.adobe.com/go/air_ru.

Adobe AIR Dreamweaver


1 Adobe AIR Dreamweaver http://www.adobe.com/products/air/tools/ajax/.
2 .mxp Windows (Windows) Finder (Macintosh).
3 , .
4 Dreamweaver.

Adobe AIR Dreamweaver .


AIR Dreamweaver.

28.4.2010.

DREAMWEAVER CS5 408


AIR Dreamweaver
HTML- AIR Dreamweaver ,
AIR.
1 , -, ,

Dreamweaver.
2 Dreamweaver , .
3 > Air.
4 AIR ,

AIR.
. .
Adobe AIR Dreamweaver application.xml .
, .
AIR
.
.

Dreamweaver.
. , ,
. ( ASCII .)
.
, .

Dreamweaver.
.
.

.
. 0-9, a-z, A-Z, . () - ().
.
. .
.
. .
.
,

.
,

Adobe AIR, Macintosh.


, Windows.
, ( )
.
. ()
. (
HTML-.) ()
(), ,
.
.

28.4.2010.

DREAMWEAVER CS5 409


. (
Adobe AIR, .)
, .

. AIR PNG-
.

. ,
.
. .

.
, Adobe AIR

. ,
Adobe AIR.
, . , ,
, .
, .

HTML CSS, JavaScript. (+),


, , .
, _mmServerScripts, _notes . . ,
(-).
, .

. . .
Windows,
. ( Macintosh.)
( .air).

. , .
, .air.
.

28.4.2010.

DREAMWEAVER CS5 410



,
. Adobe AIR ,
. ,
Adobe AIRI ( Adobe AIR),
.
1 AIR

.
2 .

,
, , .

28.4.2010.

DREAMWEAVER CS5 411


,
. : 1024-RSA
1024- ( ), 2048-RSA 2048-
( ). .
.

AIRI .
AIR Intermediate (AIRI) .
, .


Adobe AIR
.
AIR.
, AIR
. ,
AIR .
Adobe AIR Dreamweaver
Adobe AIR. ,
. ( , , ,
.) Adobe
AIR.
AIR Geotrust.
. AIR.

AIR
Adobe AIR . ,
.avf Adobe AIR, .avf
.
1

AIR .
2 .

, (-).
(+).
(+)
. .
.
, .

, ASCII (a-z, AZ, 0-9) (, adobe.VideoFile). .


38 .
. .

, ASCII (a-z, AZ, 0-9). 38 .

28.4.2010.

DREAMWEAVER CS5 412


.
MIME (, text/html, image/gif . .).
. (
Adobe AIR, .)

AIR
Adobe AIR .
> AIR .

- AIR
Dreamweaver HTML- , Adobe
AIR. -
.
/

AIR.
Ctrl+Shift+F12 (Windows) Cmd+Shift+F12 (Macintosh).

AIR
Adobe AIR Dreamweaver
Adobe AIR Dreamweaver.

HTML JavaScript Adobe AIR.


. <script> .js.
Adobe AIR .
.

Adobe AIR
Adobe AIR Dreamweaver,
AIR HTML Ajax.
> Adobe AIR.

28.4.2010.

14.

Dreamweaver
Dreamweaver
,
. , .
,
, .
,
(, -). ,
.
.
. ,
, .
.
( ).
.
. Dreamweaver Adobe Creative Suite
, Dreamweaver (
).


118
Dreamweaver 421


.
,
.
.

. .
:
,
.
. ,
. .

413

28.4.2010.

DREAMWEAVER CS5 414


, ,


. , .
,
, .
2 , :
.
, ,
, .
.
,

. ,
,
, .


442
424
426
428
431


,
Templates ,
. , ,
.
,
, .
Templates , ,
, .
,
.
Dreamweaver 8.01
Dreamweaver 8 ( Dreamweaver MX 2004 ) Dreamweaver
Templates. (, Templates main.css
href="main.css", Dreamweaver
.)
Dreamweaver
Templates ,
. , Dreamweaver MX 2004
: Dreamweaver, Flash Photoshop.
index.html main.css .

28.4.2010.

DREAMWEAVER CS5 415


href="main.css" ( main.css
Templates) , index.html ,
, , Dreamweaver .
Dreamweaver MX 2004 index.html, ()
href="main.css" main.css, Dreamweaver, Flash Photoshop,
main.css Templates.
Dreamweaver 8 :
.
Dreamweaver (href="main.css") ,
. ,
Templates Dreamweaver
href="Templates/main.css". Dreamweaver 8 ,
, Dreamweaver, Templates.
Dreamweaver 8.01 ,
. ( Templates, .)
( Dreamweaver MX 2004 ), , ,
Dreamweaver , .
( , , , (CSS) main.css
Templates href="Templates/main.css". ,
Templates Dreamweaver (DWT).)
Dreamweaver Templates,
, - (
)
.
. Dreamweaver - Adobe:
www.adobe.com/go/f55d8739_ru.


293
290


( <html>
</html>).
. , <html>
</html> , .
, ,
. <html> </html>
, .
, head :
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->

, <html> </html>
.
. , ,
, .

28.4.2010.

DREAMWEAVER CS5 416



.
,
, .
, . (
). 5 :
text, boolean, color, URL number.
.
,
.
, .
. :
www.adobe.com/devnet/dreamweaver/articles/template_parameters.html.


428
431


, .
. ,
, @@(Param)@@, , ,
, @@((_index & 1) ? red : blue)@@.
, if if.
, Dreamweaver true false.
true, .
.

.
2 : <!-TemplateExpr expr="your expresson"--> @@(your expression)@@.
.
Dreamweaver .


416
If 418


JavaScript,
JavaScript . , ,
JavaScript:

28.4.2010.

DREAMWEAVER CS5 417


@@(firstName+lastName)@@

, ( ), Boolean (true false)


(. )
( dot)
: +, -, ~, !
: +, -, *, /, %, &, |, ^, &&, ||, <, <=, >, >=, ==, !=, <<, >>
: ?:
: ()
: Boolean, 64- IEEE , string object.
Dreamweaver JavaScript null undefined.
, . ,
abc.length 3 .
, .
:
_document .
_repeat , .

_index ( 0)
_numRows
_isFirst True,
_isLast True,
_prevRecord _repeat .
.
_nextRecord _repeat .

.
_parent _repeat

() .
.
_document _repeat . ,
title _document.title.
_repeat _document.
_document _repeat, ,
_document ,
.
,
.
_parent.

DREAMWEAVER CS5 418

28.4.2010.

If
if if.
,
If, .
, head :
<!-- TemplateParam name="Dept" type="number" value="1" -->

, Dept.
, .
<!-- TemplateBeginMultipleIf -->
<!-- checks value of Dept and shows appropriate
<!-- TemplateBeginIfClause cond="Dept == 1" -->
TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept == 2" -->
TemplateEndIfClause-->
<!-- TemplateBeginIfClause cond="Dept == 3" -->
TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept != 3" -->
TemplateEndIfClause -->
<!-- TemplateEndMultipleIf -->

image-->
<img src=".../sales.gif"> <!-<img src=".../support.gif"> <!-<img src=".../hr.gif"> <!-<img src=".../spacer.gif"> <!--

.
.


442




.
, .

28.4.2010.

DREAMWEAVER CS5 419


.
<<Template>>, .dwt.


HTML
.
<!-- TemplateBeginEditable> <!-- TemplateEndEditable -->

,
.
.
HTML- :
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>

. ,
Dreamweaver , .

28.4.2010.

DREAMWEAVER CS5 420



446


.
, .

, , .
,
.


447


, , ,
.
, .
HTML- Dreamweaver:
<!-- InstanceBeginEditable> <!-- InstanceEndEditable -->

.
HTML- :

28.4.2010.

DREAMWEAVER CS5 421


<body bgcolor="#FFFFFF" leftmargin="0">


<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>

.
.


446

Dreamweaver
Dreamweaver
( HTML, Adobe ColdFusion
Microsoft Active Server Pages) .
,
.

(, , ).
.
. Adobe Dreamweaver Adobe Creative
Suite , Dreamweaver
( ).
. : www.adobe.com/go/vid0157_ru.
. : www.adobe.com/go/vid0158_ru.


413
446
112

DREAMWEAVER CS5 422

28.4.2010.


.
1 .
2 .

> .

.
. ,
, , .
, , ,
.
3 , -c

.
4 . Dreamweaver .dwt Templates

. Templates, Dreamweaver
.
. Templates -
. , Templates .
.


66
63


1 ( > )
2

.
3 , (Windows) Return (Macintosh).

Dreamweaver Templates.

Contribute
Dreamweaver , Adobe Contribute
,
.

28.4.2010.

DREAMWEAVER CS5 423



Contribute, ,
Contribute. , , ,
Contribute (.
Contribute).
. , , -
Contribute, , - Dreamweaver.
,
.
Dreamweaver Contribute
( Dreamweaver) . , Dreamweaver, ,
Contribute .
Dreamweaver, , .
, , Dreamweaver, Dreamweaver,
, , .
Contribute Dreamweaver, Contribute
( Dreamweaver, Dreamweaver)
.

, , Latin-1,
( Dreamweaver Dreamweaver). Contribute
, Latin-1.
, Contribute
. ,
, Dreamweaver
.

28.4.2010.

DREAMWEAVER CS5 424


Contribute
1 -c > -c.
2 .
3 - Contribute.
4 Contribute, .

Contribute URL- .
5 - Contribute.
6 .
7 .
8

.
. Contribute.
9 , .


Contribute 57



,
.
.
. , ,
, .
,
:

,
. <td>,
.
.

.
,
.
, , .
1 , .

, .
, .

28.4.2010.

DREAMWEAVER CS5 425


2 , .

> > .
(Windows) , Control (Macintosh),
> , .


.
3 . (

.)
. .
4 .

, . .
.


Dreamweaver 421
447


> , .

. , ,
. , .
.



( ),
.
1 , .
2 .

> > .
(Windows) , Control (Macintosh),
> .
.

28.4.2010.

DREAMWEAVER CS5 426



.
1 , .
2 ( > ).
3 (Windows) Return (Macintosh).



,
. , ,
.

, , ,
.
: .


413



. .
(,
),
.
1 .

, .
, .
2 .

> > .
(Windows) , Control (Macintosh),
> .


.
3 . (

.)
. .
4 .

28.4.2010.

DREAMWEAVER CS5 427



424


( )
.
.
1 , .
2 .

> > .

.
3 :
.
.
.
.

,
1 2.
,
0.
.
.

,
1. ,
0.
0, > >
.
, .
,

.
,

.
.


.
1 .
2 "" "" ""

, .

28.4.2010.

DREAMWEAVER CS5 428


3 <tr> :
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">

#FFFFFF #CCCCCC .
4 .

, :
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>



,
. ,
.
,
( If...else) .
true/false, .
. ,
, ,
.
.
. ,
.


442
413

28.4.2010.

DREAMWEAVER CS5 429



, (
) . :

,
.
if.
, .

,
.
, ,
.
.


442


1 , .
2 .

> > .
(Windows) , Control (Macintosh),
, > .


.
3 , ,

, .


1 , .

.
, .
2 .

> > .

.
3 , ,

, .


. ,
,
.

28.4.2010.

DREAMWEAVER CS5 430


( If...else) .
true/false,
.

.
. ,
.
, ,
, .
1 .

,
.

,
<mmtemplate:if>.

, .
2 ( > ) .
3 .
4 , .

, false.
. ,
.
5 () , :

,
, ,
.

,
, .
. Dreamweaver .
6 .

Dreamweaver .
head, :
<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->

, :
<!-- TemplateBeginIf cond="departmentImage" -->
<p><img src="/images/airfare_on.gif" width="85" height="22"> </p>
<!-- TemplateEndIf -->


442
416

28.4.2010.

DREAMWEAVER CS5 431




,
.
, , ,
.
, .
, ,
. : text,
Boolean (true/false), color URL.
.
. ,
. .
.
.
1 , .
2 > > .
3 .

, ,
, .

, ,
,
, .
4 , .
5 .

, ,
. , ,
logoSrc bodyBgcolor.
6 , .

, . ,
align. left, right center.

, , URL-.
, .
, .

, .
true false , True/False.
(,
), .

28.4.2010.

DREAMWEAVER CS5 432


7 .

,
.
8 () ,

.
9 .


442

, , .
1 , ,

.
2 > > .
3 .
4 .
5 .



,
. ,
, . ,
,

.

, ,
.
, ,
, .

28.4.2010.

DREAMWEAVER CS5 433


trioHome Body, NavBar


Footer.

28.4.2010.

DREAMWEAVER CS5 434



TrioNested. Body
.

, ,
. , ,
editableColumn,
. ,
, ,
. , ,
.


.
.

. ,

, (
- ).

28.4.2010.

DREAMWEAVER CS5 435


.
, , .
.
1 , .

(Windows) ,
Control (Macintosh), , ,
.

> .
, , . ,
.
2 , > :
3 .


415


.
,
, .
.
1 , .

.
2 :
@@("")@@

<!-- InstanceBeginEditable --><!- InstanceEndEditable -->, . :


<!-- InstanceBeginEditable name="EditRegion1" -->
<p>@@("")@@ Editable 1 </p>
<!-- InstanceEndEditable -->

. TechNote 16416 - Adobe :


www.adobe.com/go/16416_ru.

,

, , .
, .
. Contribute, Dreamweaver.
Contribute .

28.4.2010.

DREAMWEAVER CS5 436


, ,
.
:




Dreamweaver ,
.


Dreamweaver 421
446
440


,
, .
Dreamweaver ,
.
. , , .


446


1 ( > )


.
2 .

, .
,

.
3 .

, > .
( .)
4 . Dreamweaver , .
5 ,

. , .
Dreamweaver , .

28.4.2010.

DREAMWEAVER CS5 437


,
1 , , .
2 .

> > .
(Windows) , Control (Macintosh),
> .
3 .

, > .
( .)
4 . Dreamweaver , .
5 ,

. , .
Dreamweaver , .


1 ( > )

2 , .
3 , , .

Windows (Windows) Finder (Macintosh).


Windows Finder, .
, .
4 , ,

(Windows) Return (Macintosh).


, , .
5 , , .

, ,
.


Dreamweaver 421
440



.
1 > > .
2 .


Dreamweaver 421

28.4.2010.

DREAMWEAVER CS5 438


.
Dreamweaver ,
.
.


1 .
2 > > .

Dreamweaver , .

,
.
1 > > .
2 .

, ,
.

, , ,
.
3 , .
4 Dreamweaver,

. .
5 , .

, Dreamweaver ,
.
6 .

Contribute
Contribute Dreamweaver.
Contribute Dreamweaver.
Contribute .

Contribute Contribute,
. , Contribute
,
Contribute.

, Contribute,
, ,
.
Contribute, .
1 Contribute Dreamweaver, .

. 436.
2 Contribute .

28.4.2010.

DREAMWEAVER CS5 439



1 ( > )

2 , .
3

, .

. .
.
, , .
, .
HTML- .


442
440
Dreamweaver 421


XML-
-.
.
- XML- Dreamweaver (,
XML-, ). ,
XML-
Dreamweaver.

XML
1 , .
2 > > XML.
3 :

,
XML- Dreamweaver.

,
XML-.
4 .
5 , XML-

.
XML-, ,
. XML-
, .

28.4.2010.

DREAMWEAVER CS5 440


. XML-.

XML-
1 > > XML .
2 XML- .

Dreamweaver , XML-.
, XML-.
.
XML- , Dreamweaver,
. , XML-
Dreamweaver, , XML- .
XML- . XML-
, , .


.
1 > > .
2 , , ,

.
. .
3 XML- ,

.
4 ,




, , Dreamweaver
.
, .
, ,
, . Dreamweaver
, ,
, .
.
.

28.4.2010.

DREAMWEAVER CS5 441


. ,
. ,
.


1 , .
2 ( > )

3 .

.
, .
, ,
.
4

, .
, .
5 , .
6 , , ,

.
. ,
. ,
.


1 , .
2 > > .

.
3 , .

, ,
.
4

, .
, .
5 , .
6 , , ,

.
. ,
. ,
.

28.4.2010.

DREAMWEAVER CS5 442



> " ".


, ,
. ,
.
1 , .
2 > > .

, .


Dreamweaver ,
.

. , .
.
. ,
, ,
.
,
, .


68
Dreamweaver 413
425


,
.
(, ).

28.4.2010.

DREAMWEAVER CS5 443



416
428
431


1 .
2 > .

, .
.
3 .

,
.
4 , .

. . ,
, .
5 ,

, .


1 .
2 > .

, .
.
3 .

,
.
4 , ,

, .
. .
5 ,

, .

28.4.2010.

DREAMWEAVER CS5 444


,
.
. ,
.


426


1 .
2 , .
3 .

(+),
.

(), .
, .
, .
. , > ,
.
.

,
1 .
2 , .
3 .

, > >
.

, > >
.

, > >
.

, > .
. , .

28.4.2010.

DREAMWEAVER CS5 445




Dreamweaver
HTML, HTML-.
.
:

, , -
(, , ). - ,
.

. , TemplateParam .
.
. ,
.


Dreamweaver :
<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!-<!--

TemplateBeginEditable name="..." -->


TemplateEndEditable -->
TemplateParam name="..." type="..." value="..." -->
TemplateBeginRepeat name="..." -->
TemplateEndRepeat -->
TemplateBeginIf cond="..." -->
TemplateEndIf -->
TemplateBeginPassthroughIf cond="..." -->
TemplateEndPassthroughIf -->
TemplateBeginMultipleIf -->
TemplateEndMultipleIf -->
TemplateBeginPassthroughMultipleIf -->
TemplateEndPassthroughMultipleIf -->
TemplateBeginIfClause cond="..." -->
TemplateEndIfClause -->
TemplateBeginPassthroughIfClause cond="..." -->
TemplateEndPassthroughIfClause -->
TemplateExpr expr="..." --> (equivalent to @@...@@)
TemplatePassthroughExpr expr="..." -->
TemplateInfo codeOutsideHTMLIsLocked="..." -->


Dreamweaver :

28.4.2010.

<!-<!-<!-<!-<!-<!-<!-<!-<!--

DREAMWEAVER CS5 446


InstanceBegin template="..." codeOutsideHTMLIsLocked="..." -->


InstanceEnd -->
InstanceBeginEditable name="..." -->
InstanceEndEditable -->
InstanceParam name="..." type="..." value="..." passthrough="..." -->
InstanceBeginRepeat name="..." -->
InstanceEndRepeat -->
InstanceBeginRepeatEntry -->
InstanceEndRepeatEntry -->


Dreamweaver ,
. ,
.
1 .
2 > > .

, .
, .


418
416



,
. ,
.
1 > ( Windows) Dreamweaver > ( Macintosh).
2 .
3 HTML , .
4 .
5 , .

,
.
.

,
B (), I () U ().
6 O.

28.4.2010.

DREAMWEAVER CS5 447


. , ,
. Windows XP : C:\Documents and
Settings\%username%\Application Data\Adobe\Dreamweaver 9\Configuration\CodeColoring\Colors.xml. Windows
Vista : C:\Users\%username%\Application Data\Adobe\Dreamweaver
9\Configuration\CodeColoring\Colors.xml.



Dreamweaver.
, .


420
418


1 > ( Windows) Dreamweaver > ( Macintosh).
2 .
3 ,

(
).
.
230.
4 () .
5 , .

. .
.
6 O.


> > .

, >
>
.
. , ,
> (Windows) Dreamweaver > (Macintosh),
. ,
. , , .

28.4.2010.

15.
Spry
Spry JavaScript, - . Spry HTML, CSS
JavaScript XML- HTML-, ,
,
. Spry ,
HTML, CSS JavaScript.
Spry -.
- (
).

Spry
Spry JavaScript, - . Spry HTML, CSS
JavaScript XML- HTML-, ,
,
. Spry ,
HTML, CSS JavaScript.
Spry -.
- (
).
Spry . : www.adobe.com/go/learn_dw_spryframework_ru.


Spry

Spry (
)
Spry
,
. Spry .
HTML-,

448

28.4.2010.

DREAMWEAVER CS5 449


Spry

JavaScript,

, .
(CSS),

.
Spry , HTML,
CSS JavaScript. ( HTML CSS),
. ,
,
(, ) , .
Spry CSS JavaScript. CSS
, JavaScript
.
Dreamweaver Dreamweaver
.
CSS JavaScript, ,
, , .
(, , , SpryAccordion.css
SpryAccordion.js.) Dreamweaver SpryAssets JavaScript CSS .


132

Spry

Spry.
Spry
Spry Dreamweaver
Spry
Spry ()

Spry
> Spry .

Dreamweaver -
Spry JavaScript CSS .
. Spry , Spry
.

Spry
1 , .
2 .

28.4.2010.

DREAMWEAVER CS5 450


Spry

Spry
( >

).
.
.

Spry
SpryAssets - CSS, ,

CSS .
.
.
Spry , CSS ,
.


Spry, Dreamweaver,
-. Adobe Exchange
-, .
- Dreamweaver

.
, Dreamweaver,
-, . : www.adobe.com/go/dw10widgets_ru.

Spry
, Dreamweaver
- SpryAssets JavaScript CSS
. Spry Dreamweaver
, .
1 - > -.
2 - .
3

Spry.
4 Spry .


Dreamweaver 39

DREAMWEAVER CS5 451

28.4.2010.

Spry



,
.
, , .
, .
.
, .
A

. B. C. ()

HTML- div,
, div , div div .
. HTML-
script HTML .
,
, . : www.adobe.com/go/learn_dw_spryaccordion_ru.
. : www.adobe.com/go/vid0167_ru.



> Spry > Spry.

. , Spry
.


1 .
2 (+) ( > ).
3 ,

().

28.4.2010.

DREAMWEAVER CS5 452


Spry


1 .
2 ( > )

(-).

,
.

, ,
( > ).


1 .
2 ( >

).
3 .


,
. CSS
.
.
, Spry .
. :
www.adobe.com/go/learn_dw_spryaccordion_custom_ru.
CSS ,
SpryAccordion.css. Spry Dreamweaver
SpryAccordion.css SpryAssets -.
, , .
CSS,
CSS- CSS.
CSS CSS,
, .


CSS 137


,
.
, ,

CSS, .

28.4.2010.

DREAMWEAVER CS5 453


Spry

CSS


( )

.Accordion .AccordionPanel

font: Arial; font-size:medium;

.AccordionPanelTab

font: Arial; font-size:medium;

.AccordionPanelContent

font: Arial; font-size:medium;

, CSS,
.

CSS

.AccordionPanelTab

background-color: #CCCCCC; (
.)

.AccordionPanelContent

background-color: #CCCCCC;

.AccordionPanelOpen .AccordionPanelTab

background-color: #EEEEEE; (
.)

.AccordionPanelTabHover

color: #555555; (
.)

.AccordionPanelOpen
.AccordionPanelTabHover

color: #555555; (
.)


. ,
,
.
1 CSS Accordion SpryAccordion.css.

.
CSS ( > CSS),
. , .
2 , width: 300px;



, ,
.
, ,
, .

DREAMWEAVER CS5 454

28.4.2010.

Spry

Dreamweaver :
.
.

( <ul>, <li>, <a>)


. B.

HTML- ul, li
. ( li )
ul li, , .
.
,
, . : www.adobe.com/go/learn_dw_sprymenubar_ru.
Spry . : www.adobe.com/go/vid0168_ru.


Spry



1 > Spry > Spry.
2 .

. , Spry
.
. Spry HTML
DHTML-. ,
Adobe Flash, , SWF-
DHTML, . ,
SWF- wmode="transparent". , SWF-
wmode transparent. .
: www.adobe.com/go/15523_ru.


( > )
.

1 .

28.4.2010.

DREAMWEAVER CS5 455


Spry

2 .
3 , ,

().

1 .
2 , , .
3 .
4 , ,

().
, , ,
.
. Dreamweaver ,
.

1 .
2 , ,


1 .
2 , , ( >

).
3 .


1 .
2 , , ( > ).
3 .


1 .
2 , , ( >

).
3 .


1 .
2 , ,

( > ).
3 .

28.4.2010.

DREAMWEAVER CS5 456


Spry


, . ,
,
. ,
.
1 .
2 , , ( >

).
3 .
_blank .
_self . .

, .
_parent .
_top .


, HTML-
. , ,
, .
1 .
2 ( > ).



. HTML-
CSS- SpryAssets.
.
1 Dreamweaver , .
2 ( > Spry > Spry)

. , CSS-
.
. ,
. SpryMenuBarVertical.css,
CSS ( > CSS).
3 .
4 ( > ) MenuBarHorizontal

MenuBarVertical. MenuBarHorizontal ul (<ul


id="MenuBar1" class="MenuBarHorizontal">).

5 .
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

28.4.2010.

DREAMWEAVER CS5 457


Spry

6 imgDown ( ) .
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

.
imgDown .
7 ,

MenuBarHorizontal.css ().
8 .


,
. CSS
.
. :
www.adobe.com/go/learn_dw_sprymenubar_custom_ru.
. Spry.
, ,
Spry Dreamweaver.
CSS ,
SpryMenuBarHorizontal.css SpryMenuBarVertical.css ( ).
Spry Dreamweaver CSS- SpryAssets
-. ,
.

CSS-, CSS-
CSS. CSS CSS,
, .


CSS 137


CSS-, <a>, .
, <a>,
.
, ,

CSS, :

28.4.2010.

DREAMWEAVER CS5 458


Spry

CSS

ul.MenuBarVertical a, ul.MenuBarHorizontal a

color: #333; text-decoration: ;

ul.MenuBarVertical a:hover,
ul.MenuBarHorizontal a:hover

color: #FFF;

ul.MenuBarVertical a:focus,
ul.MenuBarHorizontal a:focus

color: #FFF;

ul.MenuBarVertical a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemHover

color: #FFF;

ul.MenuBarVertical
a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover

color: #FFF;


CSS-, <a>, .
, <a>,
.
, ,

CSS, .

CSS

ul.MenuBarVertical a, ul.MenuBarHorizontal a

background-color: #EEE;

ul.MenuBarVertical a:hover,
ul.MenuBarHorizontal a:hover

background-color: #33C;

ul.MenuBarVertical a:focus,
ul.MenuBarHorizontal a:focus

background-color: #33C;

ul.MenuBarVertical a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemHover

background-color: #33C;

ul.MenuBarVertical
a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover

background-color: #33C;


li ul.
1 ul.MenuBarVertical li ul.MenuBarHorizontal li.
2 ( auto,

, white-space: nowrap;).
3 ul.MenuBarVertical ul ul.MenuBarHorizontal ul:
4 ( auto,

).
5 ul.MenuBarVertical ul li ul.MenuBarHorizontal ul li
6 : float: none; background-color: transparent;.

DREAMWEAVER CS5 459

28.4.2010.

Spry

7 width: 8.2em;.


Spry margin ul.
1 ul.MenuBarVertical ul ul.MenuBarHorizontal ul.
2 : margin -5% 0 0 95%;.


,
. ,
.
:

. B.

HTML- div,
div div. HTML-
script HTML- .
,
, . : www.adobe.com/go/learn_dw_sprycollapsiblepanel_ru.


> Spry > Spry.

. ,
Spry .

28.4.2010.

DREAMWEAVER CS5 460


Spry

,
( > ).

(
) - .
1 .
2

( > ).


, ,
.
.
1 .
2 ( > ).



, . CSS
.
.
, Spry
.
. :
www.adobe.com/go/learn_dw_sprycollapsiblepanel_custom_ru.
CSS ,
SpryCollapsiblePanel.css. Spry Dreamweaver
SpryCollapsiblePanel.css SpryAssets -.
, .

CSS-, CSS
CSS. CSS CSS,
, .


CSS 137

DREAMWEAVER CS5 461

28.4.2010.

Spry


,
.
,

, CSS,
.

CSS

.CollapsiblePanel

font: Arial; font-size:medium;

.CollapsiblePanelTab

font: bold 0.7em sans-serif; (


.)

.CollapsiblePanelContent

font: Arial; font-size:medium;

, CSS,
.

CSS

.CollapsiblePanelTab

background-color: #DDD; (
.)

.CollapsiblePanelContent

background-color: #DDD;

.CollapsiblePanelOpen .CollapsiblePanelTab

background-color: #EEE; (
.)

.CollapsiblePanelTabHover,
.CollapsiblePanelOpen
.CollapsiblePanelTabHover

background-color: #CCC; (
.)


.
,
.
1 CSS .CollapsiblePanel, SpryCollapsible Panel.css.

.
CSS ( > CSS),
. , .
2 , width: 300px;.

DREAMWEAVER CS5 462

28.4.2010.

Spry


,
.
, .
, .
.
:
A

. Tab B. C. D.

HTML- div,
, , div div
. HTML- script
HTML- .
,
, . : www.adobe.com/go/learn_dw_sprytabbedpanels_ru.



> Spry > Spry.

. ,
Spry .


1 .
2 ( > ).
3 , ().


1 .
2 ( > )

28.4.2010.

DREAMWEAVER CS5 463


Spry

,
.

, ,
( > ).


1 .
2 ( >

).
3 .


,
.
1 .
2

( > ).


,
. CSS
.
.
, Spry .
. :
www.adobe.com/go/learn_dw_sprytabbedpanels_custom_ru.
CSS ,
SpryTabbedPanels.css. Spry Dreamweaver
SpryTabbedPanels.css SpryAssets -.
, .

CSS-, CSS-
CSS. CSS CSS,
, .


CSS 137

28.4.2010.

DREAMWEAVER CS5 464


Spry


,
.
,

, CSS,
:

CSS

.TabbedPanels

font: Arial; font-size:medium;

.TabbedPanelsTabGroup .TabbedPanelsTab

font: Arial; font-size:medium;

.TabbedPanelsContentGroup
.TabbedPanelsContent

font: Arial; font-size:medium;

, CSS,
:

CSS

.TabbedPanelsTabGroup
.TabbedPanelsTab

background-color: #DDD; (
.)

.Tabbed PanelsContentGroup
.TabbedPanelsContent

background-color: #EEE; (
.)

.TabbedPanelsTabSelected

background-color: #EEE; (
.)

.TabbedPanelsTabHover

background-color: #CCC; (
.)


.
,
.
1 CSS .TabbedPanels, SpryTabbedPanels.css.

.
CSS ( > CSS),
. , .
2 , : width 300px;.

28.4.2010.

DREAMWEAVER CS5 465


Spry


Spry ,
-. ,
. ,
.
.

. ,
.

, .
. JavaScript, Spry,
.
Dreamweaver
div, - span. Dreamweaver
, ,
.
.

, .
, .
, (
,
).

20 .

.


.
CSS-. ,
Spry JavaScript.
CSS
. CSS
Internet Explorer 6, ,
Flash.
Spry,
, . : www.adobe.com/go/learn_dw_sprytooltip_ru.
, Spry, . :
www.adobe.com/go/lrvid4046_dw_ru.

28.4.2010.

DREAMWEAVER CS5 466


Spry


> Spry > Spry.

. Spry
.
,
-, .
(, ),
. .
(, img p), Dreamweaver
ID, .


, .
1 .
2 , .
3 .
. .

Dreamweaver div.
, . Dreamweaver
- span,
, .
,

-.
,

, ( -).
, .
, ,
.

. ( 20 ).

. ( 20 ).

-. 0.

-. 0.
, .

, .
. none.

DREAMWEAVER CS5 467

28.4.2010.

Spry





.
.

.
B

A. B.

, :
, . ,
CSS (SpryValidationRadio.css)
.
: ,
.
.
,

.
.
, .

,
, Spry CSS
HTML- . , ,
, Spry ,
. , ,
CSS- SpryValidationRadio.css.
HTML ,
, - span, input type="radio"
. HTML-
script HTML- .

28.4.2010.

DREAMWEAVER CS5 468


Spry

,
, . www.adobe.com/go/learn_dw_spryradio_ru.




1 > Spry > Spry.
2 .
3 , (+) (-)

.
4 ,

, .
5 , ,

.
6 () , ,

.
7 .
( br).

( tr).

8 .

. Spry
.


, :
, .
1 ,

.
2 ( > ) , ,

. .
.
.
.
.


1 ,

28.4.2010.

DREAMWEAVER CS5 469


Spry

( > ). , ,
.


,
. .
1 ,

.
2 ( > ) .


, ,
, .
, .
,
.

, .

1 ,

.

, .
2 ( > )

. ,
. ,
.
3 ,

.
4 . ,

, ,
. ,
,
, .
, ,
, .

28.4.2010.

DREAMWEAVER CS5 470


Spry



, . CSS-
,
. .
www.adobe.com/go/learn_dw_spryradio_custom_ru.
CSS ,
SpryValidationRadio.css. Dreamweaver SpryValidationRadio.css SpryAssets
Spry .
, .

CSS, CSS-
CSS. CSS CSS,
, .


CSS 137


( )
1 SpryValidationRadio.css.
2 CSS, , .

,
radioRequiredState SpryValidationRadio.css.
3 CSS .

SpryValidationRadio.css ,
. . .

, CSS,
.

CSS

.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg

color: #CC3333; border: 1px solid #CC3333;

28.4.2010.

DREAMWEAVER CS5 471


Spry


Spry ,
. ,
, .
@ , , .
.
A

. , B. ,
C. , D. ,

(, ,
, ..).
.
, ,
, .

.
.
,

.
.

(, 06 2006).

, .

, .
,

. ( , .)

28.4.2010.

DREAMWEAVER CS5 472


Spry

,
. ( , .)

,
, Spry CSS HTML . , ,
, Spry ,
. ,
, CSS-
SpryValidationTextField.css.
HTML- ( )
<span>, <input>. HTML-
script HTML .
,
, . : www.adobe.com/go/learn_dw_sprytextfield_ru.


1 > Spry > Spry.
2 Input

.
. ,
Spry .


HTML- 707


. ,
, .
1 .
2 ( > ).
3 .

.
, ,
, .
.
, :

28.4.2010.

DREAMWEAVER CS5 473


Spry

, @
(.), .

.
.

.
. (tt am/pm; t a/p.)

.
.
(MasterCard, Visa, ..). ,
, 4321 3456 4567 4567.

.
.

(000) 000-0000
.
, , 000.00(00).


()

000-00-0000
(). ,
.
ASCII.

1,000,000.00 1.000.000,00.

: (, 1);
(, 12,123);
(, 1,212e+12, 1,221e-12, e 10).

IP-

.
.

URL-

URL- http://xxx.xxx.xxx ftp://xxx.xxx.xxx.

.
(, , ).
ASCII.


, :
, .
1 .
2 ( > ) , ,

. .
.
.
.
.

28.4.2010.

DREAMWEAVER CS5 474


Spry


, ,
URL-.
1 .
2

( > ). , 3
.


, ,
/ .
1 .
2

( > ). , 3 ,
3
(4, 5, 6 ..).


1 .
2

( > ). ,
, .


, Dreamweaver,
- .
.
1 .
2 ( > )


- , ,
, . ,
(000) 000-0000.
,
.
1 .
2 ( > ) .

28.4.2010.

DREAMWEAVER CS5 475


Spry


.
,
.
1 .
2 ( > ) .



, . CSS-
.
. : www.adobe.com/go/learn_dw_sprytextfield_custom_ru.
CSS ,
SpryValidationTextField.css. Spry
Dreamweaver SpryValidationTextField.css SpryAssets -.
, .

CSS-, CSS-
CSS. CSS CSS,
, .


CSS 137


.
,

, CSS,
.

CSS

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState color: #CC3333; border: 1px solid


.textfieldInvalidFormatMsg, .textfieldMinValueState
#CC3333;
.textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState
.textfieldMaxCharsMsg

, CSS
:

DREAMWEAVER CS5 476

28.4.2010.

Spry

CSS

.textfieldValidState input, input.textfieldValidState

background-color: #B8F5B1;

input.textfieldRequiredState, .textfieldRequiredState input,


background-color: #FF9F9F;
input.textfieldInvalidFormatState, .textfieldInvalidFormatState
input, input.textfieldMinValueState, .textfieldMinValueState input,
input.textfieldMaxValueState, .textfieldMaxValueState input,
input.textfieldMinCharsState, .textfieldMinCharsState input,
input.textfieldMaxCharsState, .textfieldMaxCharsState input

.textfieldFocusState input, input.textfieldFocusState

background-color: #FFFFCC;




Spry ,
.
, ,
.
.
A

. B. ,
C. , D.
, E.

28.4.2010.

DREAMWEAVER CS5 477


Spry

(, ,
, ..).
.
, ,
, .

.
.
,

, , .

, .
,
, Spry CSS HTML . , ,
, Spry ,
. ,
, CSS-
SpryValidationTextArea.css.
HTML- ( )
<span>, <textarea>. HTML-
script HTML .
,
, . : www.adobe.com/go/learn_dw_sprytextarea_ru.


1 > Spry > Spry.
2 Input

.
. ,
Spry .


HTML- 707

28.4.2010.

DREAMWEAVER CS5 478


Spry


, :
, .
1 .
2 ( > ) , ,

. .
.
.
.
.


1 .
2

( > ). , 20
20 .


, ,
.
.
1 .
2 ( >

).
.
.


1 .
2

( > ). ,
, .


, Dreamweaver,
- .
.
1 .
2 ( > )

28.4.2010.

DREAMWEAVER CS5 479


Spry


, ,
(, ).
.
1 .
2 ( > ) .


,
. ,
20, 20
.
1 .
2 ( > ) .



, . CSS-
.
. : http://www.adobe.com/go/learn_dw_sprytextarea_custom_ru.
CSS ,
SpryValidationTextArea.css. Spry
Dreamweaver SpryValidationTextArea.css SpryAssets -.
, .

CSS-, CSS-
CSS. CSS CSS,
, .


CSS 137


.
,

, CSS,
.

CSS

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg

color: #CC3333; border: 1px solid #CC3333;

DREAMWEAVER CS5 480

28.4.2010.

Spry

, CSS
:

CSS

.textareaValidState textarea,
textarea.textareaValidState

background-color: #B8F5B1;

textarea.textareaRequiredState,
.textareaRequiredState textarea,
textarea.textareaMinCharsState,
.textareaMinCharsState textarea,
textarea.textareaMaxCharsState,
.textareaMaxCharsState textarea

background-color: #FF9F9F;

.textareaFocusState textarea,
textarea.textareaFocusState

background-color: #FFFFCC;



,
. ,
,
. , ,
, .
,
.
B

. B. ,
C. , D. ,

28.4.2010.

DREAMWEAVER CS5 481


Spry

(, ,
, ..).
.
,
, .

.
.
,

.
.

.
,
, Spry CSS HTML . , ,
, Spry ,
. ,
, CSS- SpryValidationSelect.css.
HTML- ( )
<span>, <select>. HTML-
script HTML- .
,
. : www.adobe.com/go/learn_dw_sprymenubar_ru.



1 > Spry > Spry.
2 Input

.
3 , . Dreamweaver

. . .
. , Spry
.


HTML- 707


, :
, .
1 .

28.4.2010.

DREAMWEAVER CS5 482


Spry

2 ( > ) , ,

. .
.
.
.
.


1 .
2

( > ). ,
, .


, Dreamweaver, ,
- ,
. .
1 .
2 ( > )


, , ,
. , -1 ,
,
.
<option value="-1"> ------------------- </option>

1 .
2 ( > ) ,


,
. CSS-
. .
http://www.adobe.com/go/learn_dw_spryselect_custom_ru.
CSS ,
SpryValidationSelect.css. Spry Dreamweaver
SpryValidationSelect.css SpryAssets -.
, .

DREAMWEAVER CS5 483

28.4.2010.

Spry


CSS-, CSS-
CSS. CSS CSS,
, .


CSS 137



.
,

, CSS,
.

CSS

.selectRequiredState .selectRequiredMsg, .selectInvalidState color: #CC3333; border: 1px solid #CC3333;


.selectInvalidMsg

, CSS,
:

CSS

.selectValidState select, select.selectValidState

background-color: #B8F5B1;

select.selectRequiredState, .selectRequiredState select,


select.selectInvalidState, .selectInvalidState select

background-color: #FF9F9F;

.selectFocusState select, select.selectFocusState

background-color: #FFFFCC;


HTML-,
/ . ,
, .
, ,
.
.

28.4.2010.

DREAMWEAVER CS5 484


Spry

. , B.
,

(, ,
, ..).
.
, ,
, .

.
,
.
,

, .

, .
,
, Spry CSS HTML . , ,
, Spry ,
. ,
, CSS- SpryValidationCheckbox.css.
HTML- ( )
<span>, <input type="checkbox">. HTML-
script HTML-
.
,
, . : www.adobe.com/go/learn_dw_sprycheckbox_ru.



1 > Spry > Spry.

28.4.2010.

DREAMWEAVER CS5 485


Spry

2 Input

.
. , Spry
.


HTML- 707


, :
, .
1 .
2 ( > ) , ,

. .
.
.
.
.


.
.
, <span>
, ,
.
1 .
2 ( > ).
3 ( ) , .


1 .
2

( > ). , ,
.


. CSS-
.
. : www.adobe.com/go/learn_dw_sprycheckbox_custom_ru.
1 SpryValidationCheckbox.css.

28.4.2010.

DREAMWEAVER CS5 486


Spry

Spry Dreamweaver
SpryValidationCheckbox.css SpryAssets -.
, .
2 , CSS,

CSS

.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg

color: #CC3333; border: 1px solid #CC3333;


CSS-, CSS-
CSS. CSS CSS,
, .


CSS 137


Spry ,
, ).
.
.
Spry. , ,
471
.
.
.
A

A. , B. ,
C. ,

28.4.2010.

DREAMWEAVER CS5 487


Spry

(, ,
, ..). ,
CSS (SpryValidationPassword.css)
.
, ,
.
.
.
,

.
,

(, ,
, ,
).
.

.
, .

,
. www.adobe.com/go/learn_dw_sprypassword_ru.



1 > Spry > Spry.
2 Input

.
. Spry
.


HTML- 707


, Dreamweaver,
- .
.
1 , .

28.4.2010.

DREAMWEAVER CS5 488


Spry

2 >


1 , .
2

( > ). ,
, .


, :
, .
1 , .
2 ( > ) , ,

. .
.
.
.
.


,
. , ,
, ,
..
. .
1 , .
2 ( > ). ,

, , .
, 8,
, 8 .
/
, , .
/ (, ,
..), , .
/ (1,
2, 3 ..), , .
/

(, , ..), ,
.
/
(!, @, # ..), ,
.

28.4.2010.

DREAMWEAVER CS5 489


Spry

,
. ,
/ ,
.


,
. CSS-
, .
. : www.adobe.com/go/learn_dw_sprypassword_custom_ru.
CSS ,
SpryValidationPassword.css. Spry Dreamweaver
SpryValidationPassword.css SpryAssets -.
, .

CSS; CSS-
CSS. CSS CSS,
,
.


CSS 137

( )
1 SpryValidationPassword.css.
2 CSS, , .

, ,
input.passwordRequiredState SpryValidationPassword.css.
3 CSS .

SpryValidationPassword.css ,
. . .



.
,

CSS,
.

CSS

.passwordRequiredState .passwordRequiredMsg,
.passwordMinCharsState .passwordMinCharsMsg,
.passwordMaxCharsState .passwordMaxCharsMsg,
.passwordInvalidStrengthState .passwordInvalidStrengthMsg,
.passwordCustomState .passwordCustomMsg

color: #CC3333; border: 1px solid


#CC3333;

DREAMWEAVER CS5 490

28.4.2010.

Spry

CSS,
.

CSS

.passwordValidState input, input.passwordValidState

background-color: #B8F5B1;

input.passwordRequiredState, .passwordRequiredState input,


input.passwordInvalidStrengthState,
.passwordInvalidStrengthState input,
input.passwordMinCharsState, .passwordMinCharsState
input, input.passwordCustomState, .passwordCustomState
input, input.passwordMaxCharsState,
.passwordMaxCharsState input

background-color: #FF9F9F;

.passwordFocusState input, input.passwordFocusState

background-color: #FFFFCC;


,
,
. ,
, ,
. , ,
, , .
,
.
.
Spry. , ,
471
.
.

.
A

A. Spry B.

28.4.2010.

DREAMWEAVER CS5 491


Spry

(,
, ..). ,
CSS (SpryValidationConfirm.css) .

, ,
.
.
.
,

.
, ,

.
.

,
.
www.adobe.com/go/learn_dw_spryconfirm_ru.


1 > Spry > Spry.
2 .

. Spry
.


HTML- 707

, Dreamweaver,
- .
.
1 , .
2 ( > )

,
1 , .

28.4.2010.

DREAMWEAVER CS5 492


Spry

2 ( > ) ,

. .
, ,
.


1 , .
2

( > ). ,
, .


, :
, .
1 , .
2 ( > ) , ,

. .
.
.
.
.



, . CSS-
, .
. :
www.adobe.com/go/learn_dw_spryconfirm_custom_ru.
CSS ,
SpryValidationConfirm.css. Spry
Dreamweaver SpryValidationConfirm.css SpryAssets -.
, .

CSS, CSS-
CSS. CSS CSS,
,
.


CSS 137

(
)
1 SpryValidationConfirm.css.

28.4.2010.

DREAMWEAVER CS5 493


Spry

2 CSS, , .

,
input.confirmRequiredState SpryValidationConfirm.css.
3 CSS .

SpryValidationConfirm.css ,
. . .


.
,

CSS,
.

CSS

.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg

color: #CC3333; border: 1px solid


#CC3333;

CSS,
.

CSS

.confirmValidState input, input.confirmValidState

background-color: #B8F5B1;

input.confirmRequiredState, .confirmRequiredState input,


input.confirmInvalidState, .confirmInvalidState input

background-color: #FF9F9F;

.confirmFocusState input, input.confirmFocusState

background-color: #FFFFCC;

Spry
Spry
Spry JavaScript .
Dreamweaver (, XML HTML-). ,
. Spry Dreamweaver
-.

28.4.2010.

DREAMWEAVER CS5 494


Spry

, .
JavaScript, , . , , .
Spry .
www.adobe.com/go/learn_dw_sdg_sprydataset_ru.
, Dreamweaver,
Spry, . : www.adobe.com/go/dw10datasets_ru.
, Spry, . :
www.adobe.com/go/lrvid4047_dw_ru.

Spry
HTML- Spry
1 , .

, , ,
.
2 > Spry > Spry.
3 .

HTML . ( .)
.
ds1. , ,
.

HTML , Dreamweaver. ,
div, Dreamweaver div ,
Div .
.

, HTML.
(, data/html_data.html) URL-
- (HTTP HTTPS).
.
Dreamweaver HTML
, . ,
, .
Dreamweaver ,
. ,
Spry .
, .
. 502.

.
, .

28.4.2010.

DREAMWEAVER CS5 495


Spry

HTML.

, /
.
- , Dreamweaver
.

() , CSS
. , .product,
.boximage, ,
.product, , .boximage.
, .
. Spry 502.

(
) ( ).
, ( >
).
4 .

() ( ),
. , ,
, .
, .
,
.

()
.
: .

(, )
, (.. 0, 1,
2 ..) , HTML.

28.4.2010.

DREAMWEAVER CS5 496


Spry

. , - ,
. Dreamweaver
, , 0, 1, 2 ..

(, ) ,
.
.

() ,
.

() ,
. ,
.

(
) ( ).
, ( >
).
5 .

.
. 498.

HTML. , Dreamweaver
, HTML- .
( > ),
.
6 .

Dreamweaver , ,
. , Dreamweaver
SpryData.js SpryHTMLDataSet.js. Spry
. ,
. .

XML- Spry
1 , .

, , ,
.
2 > Spry > Spry.
3 .

XML .
.
ds1. , ,
.

, XML- .
(, datafiles/data.xml) URL- -
(HTTP HTTPS). .

28.4.2010.

DREAMWEAVER CS5 497


Spry

Dreamweaver XML- , XML


, . (+),
.
, .
. 502.

, . ,
, <menu_item>, , <item>, <link>,
<description> ..

XML.

- , Dreamweaver
. XPath ,
XML-.
. XPath XML-.
XML- , SQL
. XPath . XPath
W3C : www.w3.org/TR/xpath.

(
) ( ).
, ( >
).
4 .

() ( ),
. , ,
, .
, .
,
.

28.4.2010.

DREAMWEAVER CS5 498


Spry

()
.
: .

,
().

() ,
. ,
.

(
) ( ).
, ( >
).
5 .

.
. 498.

HTML. , Dreamweaver
, HTML- .
( > ),
.
6 .

Dreamweaver , ,
. , Dreamweaver
xpath.js SpryData.js. Spry .
, .
.



. Spry,
/, ( )
( ).
.

, Spry. Spry
, .
, . ,
.
1 , .

(-), .
, (+) .

. .
,
.

28.4.2010.

DREAMWEAVER CS5 499


Spry

2 , ,

.
.
, ,
.
3 CSS ( ,

HTML-), CSS.

.
. ,
. ,
(, , , ).
, ,
.
, .
CSS, CSS.
4 Spry,

. .
Spry 502.
5 , .

.
,
. ({}).
/
, /.
/ :
(), (). ,
, . ,
.
, .
"/", .
1 .

(-), .
, (+) .
Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 500


Spry

. .

.
2 . Dreamweaver

, (..
, ).
3 () .

,
. : DIV, P, SPAN H1-H6.
4 , .

.
, ,
. ({}).

,
. , ,
,
.
, .
, .
1 .

(-), .
, (+)
. Dreamweaver
.

. .

.
2 () .

,
. : DIV, P, SPAN H1-H6.
3 , .

.
, ,
. ({}).

,
. ,
. .
, (
).

28.4.2010.

DREAMWEAVER CS5 501


Spry

, .
, .
1 .

(-), .
, (+) .
Dreamweaver .

. .

.
2 () .

,
. : DIV, P, SPAN H1-H6.
3 . Dreamweaver

, (..
, ).
4 , .

.
,
, .
({}).
HTML
, , Dreamweaver HTML . ( >
), .
, HTML. ,
, .
. ,
. .
.


Spry .
( > )

.
.
Dreamweaver , .

28.4.2010.

DREAMWEAVER CS5 502


Spry


, ,
. , ,
XML-,
.
Dreamweaver
.
.
1 Spry ( ).
2 .
3 , .

Spry
Spry Dreamweaver
. CSS.
CSS ,
CSS, . ,
.product, Dreamweaver
, , .product.
,
.
Dreamweaver ,
.

Spry

Spry
HTML-,
. , , ,
.
Spry .
.
, ( ) ,
(, ), ( )
.
,
.
( , ), Spry
. , ,
(, ),
, .

28.4.2010.

DREAMWEAVER CS5 503


Spry

Dreamweaver / ,
. ,
, .
( )
Dreamweaver spry:setrow .
,
.
/ .
. Spry :
www.adobe.com/go/learn_dw_sdg_masterdetail_ru.

Spry
Spry : Spry,
, , Spry,
Dreamweaver.
Spry Spry. ( Spry
Spry, Dreamweaver Spry.)
Spry HTML- div. ,
,
.
, ,
(. 498).
,
Spry.
1 > Spry > Spry.

, Spry Spry .
2 <div> <span>.

<div>.
3 .

Spry, ( ) .
Spry, .
, ,
Spry.
. <div>,
. , ,
.
4 Spry .
5 , ,

.
.
.

28.4.2010.

DREAMWEAVER CS5 504


Spry

6 Dreamweaver

Spry.
Spry, ,
( > ).

. Spry: ds_RowID,
ds_CurrentRowID ds_RowCount. Spry , ,
.
7 Spry (, Spry),

Spry Spry .
8 ,

.
.
: {dataset-name::element-name}, , , {ds1::category}
{dsProducts::desc}.
, ,
{category} {desc}.
, , HTML-
.
<div spry:region="ds1">{name}{category}</div>
<div spry:region="ds2">{ds1::name}{ds1::descheader}</div>

Spry
. ,
. ,

, AP div.
1 > Spry > Spry.

, Spry Spry .
2 <div> <span>, .

<div>.

28.4.2010.

DREAMWEAVER CS5 505


Spry

3 ( ) .

, ,
. ,
<ul>, <li>.
<ul>.
.
4 Spry .
5 , .
6 .

. Spry ,
, Spry.
7 Dreamweaver

Spry.
Spry, ,
( > ).

. Spry: ds_RowID,
ds_CurrentRowID ds_RowCount. Spry , ,
.
8 Spry,

.
9 ,

.
.
: {dataset-name::element-name}, , , {ds1::category}
{dsProducts::desc}.
, ,
{category} {desc}.
, , HTML-
.
<div spry:region="ds1">{name}{category}</div>
<div spry:region="ds2">{ds1::name}{ds1::descheader}</div>

28.4.2010.

DREAMWEAVER CS5 506


Spry

Spry
,
() , .
1 > Spry > Spry.

, Spry Spry
.
2 : UL, OL, DL SELECT.

. SELECT :

, ;
, .
, ,
AL AK. SELECT
Adobe Dreamweaver Adobe Acrobat, URL support/products/dreamweaver.html support/products/acrobat.html.
3 Spry .
4 .
5 .

, HTML <ul>, <ol>, <dl> FORM,


.
. , Dreamweaver
. Spry
.

Spry
Spry
Spry , JavaScript
HTML-. ,
. HTML .
. ,
. , div,
, . ,
HTML-.
, , , , ,
. , .
Spry,
, HTML-.
Spry :
/ .

28.4.2010.

DREAMWEAVER CS5 507


Spry

.
, .
.
/ .
.
.

.
. SpryEffects.js, .
, .
Spry, Spry, . :
www.adobe.com/go/learn_dw_spryeffects_ru.

/
. HTML-, applet, body,
iframe, object, tr, tbody, th.
1 , ().
2 ( > ) +

> /.
3 . ,

< >.
4 .
5 : .
6 .
7 .
8 , , ,


. HTML-: address, dd, div, dl,
dt, form, h1, h2, h3, h4, h5, h6, p, ol, ul, li, applet, center, dir, menu, pre.
1 , ().
2 ( > ) +

> .
3 . ,

< >.
4 .
5 : .
6 /

. .

28.4.2010.

DREAMWEAVER CS5 508


Spry

7 /

. .
8 , , ,

/
. HTML-: address, dd, div, dl, dt, form,
p, ol, ul, applet, center, dir, menu, pre.
1 , ().
2 ( > ) +

> /.
3 .

, < >.
4 .
5 :
6 / .

.
7 / .

.
8 / , /

. ,
.
9 , .
10 , , ,


. HTML-, applet, body,
frame, frameset, noframes.
1 , ().
2 ( > ) +

> .
3 . ,

< >.
4 .
5 .
6 . ,

.
7 .
8 , , ,

28.4.2010.

DREAMWEAVER CS5 509


Spry


. HTML-: address, blockquote, dd,
div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, iframe, img, object, p, ol, ul, li, applet, dir, hr, menu, pre,
table.
1 , ().
2 ( > ) +

> .
3 . ,

< >.


, -,
. blockquote, dd, form, div center.
: blockquote, dd,div, form, center, table, span, input,
textarea, select image.
1 - , ().
2 ( > ) +

> .
3 - . ,

.
4 .
5 :
6 .
7 (

).
8 , , ,


. HTML-: address, dd, div, dl,
dt, form, img, p, ol, ul, applet, center, dir, menu, pre.
1 , ().
2 ( > ) +

> .
3 . ,

< >.


, .
1 , ().

28.4.2010.

DREAMWEAVER CS5 510


Spry

2 ( > ) +

.
3 . ,

< >.


.
1 , ().
2 ( > ) ,

.
3 .

(-).
(Windows) ,
Control (Macintosh), .

28.4.2010.

16.
Adobe
Adobe
Adobe -,
, .
, , ,
.
Dreamweaver Adobe BrowserLab Adobe Business Catalyst InContext
Editing. .
Dreamweaver Adobe CS Live ( BrowserLab).
CS Live . Adobe CS Live.
Adobe - Adobe
www.adobe.com/go/learn_creativeservices_ru.

BrowserLab
Adobe BrowserLab - Dreamweaver
.
Dreamweaver .
, Dreamweaver,
BrowserLab, . www.adobe.com/go/dwcs5browserlab_ru.
- BrowserLab
http://browserlab.adobe.com.


BrowserLab (.. ,
-) (,
).
BrowserLab ,
, BrowserLab.
BrowserLab , :
,
BrowserLab.
1 > > Adobe BrowserLab.

511

28.4.2010.

DREAMWEAVER CS5 512


Adobe

2 - BrowserLab .

. , .
BrowserLab -.

BrowserLab
. BrowserLab ,
WebKit ( ),
.
BrowserLab .

(.. -
Dreamweaver) BrowserLab , Dreamweaver.
,
. , -
, BrowserLab
. Dreamweaver ,
. .
( ) .
. (,
) , URL-
. URL-
(FTP- - FTP, /
).


1 Dreamweaver , .
2 > > Adobe BrowserLab.
3 BrowserLab, Adobe ( )

, .


Dreamweaver, BrowserLab,
Dreamweaver . CSS,
.
. BrowserLab BrowserLab
.
1 Dreamweaver , .
2 > > Adobe BrowserLab.

28.4.2010.

DREAMWEAVER CS5 513


Adobe

3 CSS, .
4 BrowserLab.

BrowserLab .


Dreamweaver 306
- 41
49
URL- 50

Business Catalyst InContext Editing


Business Catalyst InContext Editing
Adobe Business Catalyst InContext Editing Adobe Business Catalyst,
, -.
-, , InContext
Editing, . ,
HTML -.
,
HTML- Dreamweaver. ,
. ,
.
InContext Editing, InContext Editing
.
, InContext Editing Dreamweaver,
Adobe , InContext Editing:

InContext Editing .
www.adobe.com/go/learn_dw_incontextediting_browser_ru.

InContext Editing .
www.adobe.com/go/learn_dw_incontextediting_administration_guide_ru.
Adobe Business Catalyst
www.businesscatalyst.com.
. Adobe AIR Adobe Business Catalyst InContext Editing.
, InContext Editing, AIR Extension for Dreamweaver,
InContext Editing .

InContext Editing
InContext Editing HTML-,
ice:editable . ,
.

28.4.2010.

DREAMWEAVER CS5 514


Adobe

. InContext Editing ,
Dreamweaver, InContext Editing
, .
1 .

div, th td, .
, .
Dreamweaver (DWT-).
, (,
).
2 > InContext Editing > .
3 .

div, th td, Dreamweaver


.

, , .

. Dreamweaver div ice:editable .

,
Dreamweaver
. HTML- : div, th td.
. ,
. ,
, , ,
InContext Editing 518.

Dreamweaver,
. Dreamweaver
div, InContext
Editing.

, ,
.

DIV, ,
div . div,
Dreamweaver , .
. div
CSS. , CSS,
div,
, Dreamweaver div .
, CSS,
, ( > ),
, Dreamweaver
div.

, ,
Dreamweaver -
. HTML-: div, th td.

28.4.2010.

DREAMWEAVER CS5 515


Adobe

4 , (

).
. Dreamweaver InContext Editing
( ), Dreamweaver.
5 .

.
, , ;
,
; ,
( ..). ,
.
6 .

InContext Editing , Dreamweaver


InContext Editing: ice.conf.js, ice.js ide.html.
, InContext Editing .

InContext Editing
InContext Editing HTML-,
ice:repeating . ,
. ,
,
, .

, InContext Editing .
, .

,
, (
), .

28.4.2010.

DREAMWEAVER CS5 516


Adobe

Dreamweaver ,
. div ice:repeatinggroup (
) ,
.
. ,
. Dreamweaver , .
. ( tr) Dreamweaver
(, table) div.
, ,
, Dreamweaver
,
.

.
. InContext Editing ,
Dreamweaver, InContext Editing
, .
Dreamweaver, .
1 .

, .
: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div,
dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span,
strike, strong, sub, sup, table, tbody, tr, tt, u, ul, var.
. div
.

, .
Dreamweaver (DWT-).
, (,
).
2 > InContext Editing > .
3 .

, , Dreamweaver
- .

.

.

, ,
Dreamweaver -
. HTML- : a, abbr, acronym,
address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5,
h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup,
table, tbody, tr, tt, u, ul, var.

28.4.2010.

DREAMWEAVER CS5 517


Adobe

. ,
. ,
, , ,
InContext Editing 518.

Dreamweaver,
. Dreamweaver
div, InContext
Editing.

, ,
.

DIV, ,
div . div,
Dreamweaver , .

, ,
Dreamweaver -
. HTML- : a, abbr, acronym,
address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5,
h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup,
table, tbody, tr, tt, u, ul, var.
4 , ,

. , Dreamweaver
. ,
,
.
5 .

: /. ,
.
/,
. ,
.
6 .

InContext Editing , Dreamweaver


InContext Editing: ice.conf.js, ice.js ide.html.
, InContext Editing .


, .
.
1 , .
2 .

CSS
InContext Editing CSS Dreamweaver CS5.

28.4.2010.

DREAMWEAVER CS5 518


Adobe

InContext Editing
InContext Editing ,

, Dreamweaver
. , InContext Editing
, .
, InContext Editing .

DIV,
DIV
, Dreamweaver
div,
.
div .
div, Dreamweaver .


. .

, Dreamweaver . InContext Editing
.



InContext Editing - InContext Editing.

Dreamweaver .



InContext Editing - InContext Editing.

Dreamweaver . , Dreamweaver
,
.


. .

, Dreamweaver . InContext Editing
.

28.4.2010.

DREAMWEAVER CS5 519


Adobe


Dreamweaver
Dreamweaver
Dreamweaver ( .dwt)
. Dreamweaver
InContext Editing,
Dreamweaver , .
(, ),
Dreamweaver.


DIV
div, ,
Dreamweaver .
div.

Dreamweaver ,

InContext .
Dreamweaver ,
. , Dreamweaver

.

28.4.2010.

17. XML-
XSLT
XML XSLT
XML XSL -
Extensible Markup Language (XML) . HTML, XML
, XML ,
HTML. XML ,
(). ,
. HTML, XML-
.
XML-:
<?xml version="1.0">
<mybooks>
<book bookid="1">
<pubdate>03/01/2004</pubdate>
<title>Displaying XML Data with Adobe Dreamweaver</title>
<author>Charles Brown</author>
</book>
<book bookid="2">
<pubdate>04/08/2004</pubdate>
<title>Understanding XML</title>
<author>John Thompson</author>
</book>
</mybooks>

<book> 3 : <pubdate>, <title> <author>.


<book>, , <mybooks>,
. XML- ,

.
XML- ,
. XML- Extensible
Stylesheet Language (XSL). (CSS),
HTML, XSL XML-. XSL-,
, , .., XML-, XML-
XSL-. (XML) ( XSL-) ,
-. , XSL
XML, HTML.

520

28.4.2010.

DREAMWEAVER CS5 521


XML- XSLT

Extensible Stylesheet Language Transformations (XSLT) XSL,


XML - XSL
HTML, .
Dreamweaver XSLT-, XSL-
. XSL- XML- XSL-
.
(, Internet Explorer).
( ) ,
, , XML-
. . ,
,
(Internet Explorer 6, Netscape 8, Mozilla 1.8 Firefox 1.0.2).
XML-
, ,
XML-, . ,
,
-.
XML : www.adobe.com/go/vid0165_ru.


XML

XSL-
Dreamweaver XSLT-, XSL . XSL-, XML-
, . ,
.
.
XSL- Dreamweaver XSLT-,
HTML (XSLT- ), XSLT-,
HTML. XSLT- HTML-.
<body> <head>, HTML- XML-. XSLT-
, , XML-.
XSLT- , <body>
<head>. XML- , XSLT-
XML-. , XML-
(, ,
RSS), XSLT-,
. XSLT-
XML-.

DREAMWEAVER CS5 522

28.4.2010.

XML- XSLT

XSLT-. ,
, . . XML-, .
XSLT- ,
(, PHP ColdFusion). Server
Side Include (SSI): XML- () ,
.
, ,
,
.
-

<HTML>
<p>
</HTML>

<xsl:>

XML

</xsl:>

<HTML>
<code>
</HTML>

1. 2. - 3.
XSLT 4.
( XSLT, xml) 5.
- 6. -

XSL-
XSLT-. Dreamweaver
includes/MM_XSLTransform/, .
XML- , .
XML- XSLT-, XSL- .
, , XSLT-, XML-
. (
XML- (, RSS), , , - .)
, Dreamweaver XSLT-
. XSLT- , XSLT-,
XSLT- XSL-
HTML-. ,
( .cfm, .php .asp, -)
HTML-.
Dreamweaver XSL- ColdFusion, ASP, PHP.

28.4.2010.

DREAMWEAVER CS5 523


XML- XSLT

. .
.


XSL- 527

XSL-
XSL- .
Dreamweaver XSLT-, .
XML-,
. ,
(Internet Explorer 6, Netscape 8, Mozilla 1.8 Firefox 1.0.2). ,
XSL-, .
www.w3schools.com/xsl/xsl_browsers.asp.
XSLT- XML-. ((Dreamweaver
.) XSLT-
, XSLT- HTML-.
XSLT- HTML-
XML- ( > ).
XSLT- XML-, XML-.
XSLT- XML- ( ,
CSS <head> HTML-).
XML- ( XSLT-).
, XSL- XML-,
XSLT-.
XSLT- XML- ,
CSS-/HTML-. HTML- (,
) . HTML- ,
CSS, , .
XSLT XML . XML- (
) , XSLT-
. XSLT- , , .. ,
HTML-. XML-, XSLT .

DREAMWEAVER CS5 524

28.4.2010.

XML- XSLT

5
-

-
1
<XML>
<directive>

XSLT
4

1. XML- 2. XML- 3. XML


XSLT- 4. XSLT- 5. XML

Dreamweaver XSLT- XML- Dreamweaver


XML-. XML-,
( XML- -),
Dreamweaver , 2 .
XML-, XSL-
. XML- HTML,
XSLT-, .
. XML- XSL-, ,
. XML- XSLT-
, ( , . .),
XSLT-.
XML-, (,
XML- RSS ), .
XML-
XML- , XSLT-. XML-
, Dreamweaver ,
XSLT-, ( XML- XSLT) -. XML-, XSLT , .
XSL- XML-,
, , XML- .
XML- , , ,
. XML- , , XSLT . ,
XML- , XML-.


XSL- 544

28.4.2010.

DREAMWEAVER CS5 525


XML- XSLT

XML-
XSLT-
XML-. , XML-,
. ,
.
, XSLT- ,
. 3 XML: , . XSLT- ,
,
.

XSLT- ,
.
( > )
XML-, .
XSLT- , XML . , Dreamweaver XPath
( XML Path) XML- , .
, 2 , XSLT :

DREAMWEAVER CS5 526

28.4.2010.

XML- XSLT

<table width="500" border="1">


<tr>
<td><xsl:value-of select="rss/channel/item/title"/></td>
</tr>
<tr>
<td><xsl:value-of select="rss/channel/item/description"/></td>
</tr>
</table>

, XSLT-
:
<xsl:for-each select="rss/channel/item">
<table width="500" border="1">
<tr>
<td><xsl:value-of select="title"/></td>
</tr>
<tr>
<td><xsl:value-of select="description"/></td>
</tr>
</table>
</xsl:for-each>

Dreamweaver XPath ,
( ), XPath <xsl:for-each>,
.
Dreamweaver XPath. ,
XML- , XSLT-
, Dreamweaver XPath XPath
<xsl:for-each>.


XML- 532

XML-
XML-, XSLT- XSLT-,
( > ),
. XSLT-
.
Dreamweaver, .
,
, .

XSLT-

XSLT- XSLT-

Dreamweaver

XML- XSLT-

,
.

28.4.2010.

DREAMWEAVER CS5 527


XML- XSLT


, ,
. XSLT-
, XSLT-, XSLT. ,
, ,
. Dreamweaver,
. XSLT-
Dreamweaver,
XSLT.

, ,
. XML- XSLT-. XML-
Dreamweaver , XML . , .
, XML-
HTML . HTML-
, XML,
HTML (, . .), .
HTML, XSLT- .
XSLT- XSLT-
XSLT- XSLT- ,
.
XSLT- XSLT-, Dreamweaver
. ,
. , HTML- (, . .)
.
. XSLT , .

XSL-
XSL-
XSL- . ,
XML-, XSL- ,
XML XSL -.
. .
.
XSL- (
):

28.4.2010.

DREAMWEAVER CS5 528


XML- XSLT

1. Dreamweaver.
2. .
3. .

, , , ,
.
4. XSLT- HTML- XSLT-.

Dreamweaver XSLT- XSLT-.


HTML- XSLT-.
5. XML-.
6. XML- XSLT- XSLT-.
7. XSLT- ,
XML-.
8. .

XSLT- XSL.

XSLT-, HTML-
, XSL-.
9. .

, XSLT- ( XSLT-)
. XML-, .
10. .

XML-,
.


Dreamweaver 39
559
XML XSL - 520
XSL- 523
XSL- 521

XSLT-
XSLT-, XML- -.
XSLT-, XSLT-, <body> <head>,
XSLT-. XSLT- ,
, , .

DREAMWEAVER CS5 529

28.4.2010.

XML- XSLT

. XSLT-, XML.
1 > .
2

1. XSLT-, XSLT ( ).
XSLT-, XSLT ().
3 XML-

, , XML-
.

, URL- XML- (,
RSS) .
. XSLT-
XML-.
XML-.

<>


XML-

, 1

<>+

XML-

, 1

<>+

XML-

XML-

4 ( > ) .xsl .xslt (

.xsl).

28.4.2010.

DREAMWEAVER CS5 530


XML- XSLT

HTML- XSLT-
, XSLT- HTML-. ,
, XML-,
XSLT- , XSLT-
.
1 HTML-, .
2 > > XSLT 1.0.

. XSL,
.xsl.

XML-
XSLT- XML-
XSLT- Dreamweaver, XML-
.
1 ( > ) XML.

. , XML-,
.
2 .

, , XML-
.

URL- XML- (
RSS).
3 , XML-.

XML-.

XML- XSLT
XSLT- XML-
. XML-,
XPath ,
.
1 XSLT- XML-.
2 () > , .

XML-.

28.4.2010.

DREAMWEAVER CS5 531


XML- XSLT

. XML-
XSLT- .
2 , .
3 XML- ,

XML-.
. XML- XPath ( XML Path).
, title ,
rss, channel item,
{rss/channel/item/title}.
XPath, XML. XPath
XML-.
4 () XML-. XML-

CSS
.
, XSLT-.
.
5 ( > ).

.
Dreamweaver XSL- .


XML- 526
188

28.4.2010.

DREAMWEAVER CS5 532


XML- XSLT

XML-
XSLT- -
XML-. , ,
10 20 , XML-
.
, XML-,
. ,
.
1 , 1 XML-.

: , .


. , , ,
.
2 .

> XSLT > .


XSLT .
3 XPath , .

28.4.2010.

DREAMWEAVER CS5 533


XML- XSLT

4 .

.
( > )
XML-.
XSLT- , XML . , Dreamweaver XPath
XML- .


XML- XPath 540
XML- 525

(XSL)
, XML-.
,

XML-.

XSLT-
XSLT-
.
1 , .
2 ( > )

.
3 XPath .

XSLT-
XSLT- -
XSL-.
, XML-
XSLT-. Dreamweaver XSL- ColdFusion, ASP, PHP.
. XSLT-,
. XSL-
XSLT-, HTML-.
1 ColdFusion, ASP PHP.
2 , XSLT-.

. XSLT-
"" "" . ,
. ,
, .

28.4.2010.

DREAMWEAVER CS5 534


XML- XSLT

3 ( > ) (+)

XSL-.

4 XSL- XSLT-

XSLT-.
Dreamweaver URL- XML-,
. , .
5 () XSLT, (+).
6 XSLT-, .

. - , .
, includes/MM_XSLTransform/,
. ,
.
7 (-c > )

, . , ,
XSLT-, XML- . (
XML-,
.)


XSLT- 528
XSL- 521

28.4.2010.

DREAMWEAVER CS5 535


XML- XSLT

XSLT-
XSLT- , XSL-,
. XSLT, XML- XSLT-, .
1 ( > ) XSL-,

.
2 (-).

. .
,
.

XSL-
XSLT- -
XSL-.
1 ( > ) XSL-

, .
2 .


XSLT-,
URL- XML-.
. Dreamweaver : www.adobe.com/go/dw_documentation_ru.

XSLT-
XSLT- ( XSLT-, <body> <head>)
XML- ,
, CSS. XSLT-
(, ASP, PHP Cold Fusion)
. XSLT , ,
XSLT-
<body> .
, , XSLT- <head> (
). ,
<body> .
.
, XSLT-
, .
, HTML-
( <head> ,
<body> , XSLT-).
.

28.4.2010.

DREAMWEAVER CS5 536


XML- XSLT

XSLT- :

. (
-.)

XSLT-
. ,
Dreamweaver .
2 XSLT-
, . HTML
( Dreamweaver),
. ,

, .
. XSLT- .
XSLT- ,
.
CSS XSLT-
. www.adobe.com/go/dw_xsl_styles_ru.


159

XSL-
XSL- -
XSL-. XML-. ,
.
, .

XSLT- XSL-
1 XSL-. XSL-

( > )
XSL-.
2 XSL- (+) XSLT.

3 .

. .

28.4.2010.

DREAMWEAVER CS5 537


XML- XSLT

4 .

, .
,
, .
.
5 , ,

, .

XSLT
1 XSL-. XSL-

( > )
XSL-.
2 XSLT.
3 .
4 .

XSLT
1 XSL-. XSL-

( > )
XSL-.
2 XSLT.
3 (-).

XSLT-
XSLT- .
,
, .
, ,
, .
Dreamweaver <xsl:if>
, .

XSLT-
XSLT- .
, <xsl:if>.
, <xsl:if> .
, .
<xsl:if> if .
. <xsl:if>
true false.
1 > XSLT >

XSLT .

28.4.2010.

DREAMWEAVER CS5 538


XML- XSLT

2 ,

.
, , @available true.

3 .

XSLT- :
<xsl:if test="@available=&apos;true&apos;">
Content goes here
</xsl:if>

. , true, . Dreamweaver
(') , XHTML.
XSLT
. XML-.
:

. <xsl:if>
( > ).

XSLT-
XSLT- .
, <xsl:choose>.
, <xsl:choose> ,
. ,
.
<xsl:choose> case .
.
<xsl:choose> .
1 > XSLT >

XSLT .

28.4.2010.

DREAMWEAVER CS5 539


XML- XSLT

2 .

, , price
5.

3 .

XSLT- :
<xsl:choose>
<xsl:when test="price&lt;5">
Content goes here
</xsl:when>
<xsl:otherwise>
Content goes here
</xsl:otherwise>
</xsl:choose>

4 ,
<xsl:when> <xsl:otherwise>,

( > XSLT- > ).


O, <xsl:when> <xsl:choose>.
. <xsl:choose>
( > ).

(If)
,
XSL-.
.
.

(When)
,
XSL-. ,
.
.

XSL-
XSL- XSL.

28.4.2010.

DREAMWEAVER CS5 540


XML- XSLT

XSL-
.

> XSLT- > XSL-,


( ) O.

> XSLT- > XSL-.


XSL- XSLT .

XSL-
1 ( > ).
2 , .
3

<xsl:comment></xsl:comment> .

XML-
XPath
XPath ( XML Path) , XML, XML. XML- ,
SQL . XPath .
XPath W3C : www.w3.org/TR/xpath.
XPath Dreamweaver,
XPath .
XML-
. ,
XSL- XPath. XML .
XPath .
XPath , .
. XPath
.
. , XPath
, .

XPath
1 XPath, XML-

.
2 XPath- ( )

XML-.
XPath .
. XML- .

28.4.2010.

DREAMWEAVER CS5 541


XML- XSLT

price item:

XSLT- :
<xsl:value-of select="price"/>

3 ().

, .
Dreamweaver .
.
price 2
.

XSLT- :

28.4.2010.

DREAMWEAVER CS5 542


XML- XSLT

<xsl:value-of select="format-number(provider/store/items/item/price,'$#.00')"/>

4 .
5 XML-, ,

(, HTML ).
, , . <xsl:value-of/>
.


, ( ).
XPath- <xsl:for-each>.
, <xsl:for-each> ,
.
1 XPath, XML-

.
2 XPath- ( ) XML-

.
XPath .
. (+) XML-.
item XML-.

XSLT- .
<xsl:for-each select="provider/store/items/item">
Content goes here
</xsl:for-each>

,
, .
.

28.4.2010.

DREAMWEAVER CS5 543


XML- XSLT


.
1 XML- , .
2 .
3 , (+).
4 :
,

. - , XML.
,
.
XPath ,
.
, .
. XSLT-

, .
5 , (+) .

XPath
.
item,
@available true.

XSLT- :

28.4.2010.

DREAMWEAVER CS5 544


XML- XSLT

<xsl:for-each select="provider/store/items/item[@available = &apos;true&apos;]">


Content goes here
</xsl:for-each>

. , true, . Dreamweaver
(') , XHTML.
,
. item,
store @id 1, item price,
5.

XSLT- :
<xsl:for-each select="provider/store[@id = 1]/items/item[price &gt; 5]">
Content goes here
</xsl:for-each>

. <xsl:for-each>
.

XSL-

XSL-
XSL- . ,
XML-, XSL- ,
XML XSL -.

28.4.2010.

DREAMWEAVER CS5 545


XML- XSLT

XSL- (
):
1. Dreamweaver.
2. XSLT- HTML- XSLT-.

XSLT- Dreamweaver.
HTML- XSLT-.
3. XML- ( ).

XML- , XSLT-.
4. XML- XSLT-.
5. XML- XSLT-.
6. XSLT- ,
XML-.
7. XSLT- XML-.
8. XML- XSLT- -.
9. XML- .

XML-, XSLT-
.


Dreamweaver 39
559
XSLT- XML- 546
XML XSL - 520
XSL- 523
XSL- 521

XSLT-
XSLT- . (XSLT .) XSLT-,
XML- XSLT-
.

28.4.2010.

DREAMWEAVER CS5 546


XML- XSLT

1. XSLT-.
2. XSLT-.
3. XSLT-.


XSLT- 528
XML- XSLT 530
XML- 532

XSLT- XML-
XSLT- XML- XML XSLT-.
. XML- XSL-, ,
. XML- XSLT-
, ( , . .),
XSLT-.
1 XML- XSLT-.
2 > XSLT.
3 , XSLT-,

, O.
4 XSLT- XML-,

O.



XSLT . ,
(<) (&) .
, XSLT- .
, .
, .
, . (&),
, (;). , &lt;
(<). ,
(#) , .
XSLT 5 :

DREAMWEAVER CS5 547

28.4.2010.

XML- XSLT

< ()

&lt;

& ()

&amp;

< ()

&gt;

" ()

&quot;

()

&apos;

XSL- , DTD XSL. Dreamweaver ,


XSL-, Dreamweaver.
.
XSL- Dreamweaver XSL-
, .
XML-, XSLT-,
XSLT- (
Dreamweaver). , Internet Explorer,
XML-, XSL- :
Reference to undefined entity 'auml'. Error processing resource
'http://localhost/testthis/list.xsl'. Line 28, Position 20
<p class=''test''>&auml;</p>
-------------------^


1 W3C :

www.w3.org/TR/REC-html40/sgml/entities.html.
- 252 , HTML 4 XHTML 1.0.
, Egrave, - W3C
Egrave. .
<!ENTITY Egrave CDATA "&#200;" -- latin capital letter E with grave, U+00C8 ISOlat1 -->

2 .

Egrave , &#200 .
3 , XSL-

( Doctype ):
<!ENTITY entityname "entitycode;">

:
<!ENTITY Egrave "&#200;">

4 .

,
XSL-, Dreamweaver >
.

28.4.2010.

DREAMWEAVER CS5 548


XML- XSLT

XSL-,
Dreamweaver,
1 Dreamweaver

:
Configuration/DocumentTypes/MMDocumentTypeDeclarations.xml
2 mm_xslt_1:
<documenttypedeclaration id="mm_xslt_1">

3 , :
<!ENTITY entityname "entitycode;">

4 Dreamweaver.

28.4.2010.

18.

- ,
-
Coldfusion, ASP PHP. Adobe Dreamweaver CS5
.

-
-
- -,
. ,
-. ,
, , .
- .
-, -.

-
- -,
.

- -
.
- ,
.
Microsoft MSDN (www.msdn.microsoft.com) Amazon.com
(www.amazon.com).

- , ,
.
, , HTML-,
CGI-
. - ,
.
, ,
, .

- -
.

549

28.4.2010.

DREAMWEAVER CS5 550


- - HTML . , ,
, - .
- The Economist (www.economist.com) CNN
(www.cnn.com).

-
- Dreamweaver .
-
, 1000 .
. .
, ,
.
.
.
, .
,
.
-.
-, :

HTML-;
;
;
;
.
, Dreamweaver
.

-
- -.
- , . - - . ,
- . ,
, .
, , .
(, )
.
-.

-
- HTML- ,
, -.

28.4.2010.

DREAMWEAVER CS5 551


- , - . -,
URL- .
-
. :
<html>
<head>
<title>Trio Motors Information Page</title>
</head>
<body>
<h1>About Trio Motors</h1>
<p>Trio Motors is a leading automobile manufacturer.</p>
</body>
</html>

HTML- , .
HTML- ,
.
. , .
, Flash- ( SWF-)
. ,
.
- , , ,
, :
3

<HTML>
<p>H1
</HTML>
-

1
1. - . 2. - . 3. -
.

-
. ,
.
.

DREAMWEAVER CS5 552

28.4.2010.


- -,
. , , -
. ,
. .
, ,
, .
, -,
. , , HTML-.
:
-

4
<HTML>
<p>H1
</HTML>

<HTML>
<code>
</HTML>

1. - . 2. - .
3. . 4.
- 5. -


, .
, ,
HTML . . : www.adobe.com/go/learn_dw_dbguide_ru.
- ,
. HTML-,
.
, - . ,
-
. Adobe Dreamweaver CS5 -
, .

DREAMWEAVER CS5 553

28.4.2010.

, ,
. , ,
SQL ( ). SQL-
.
,
,
Microsoft Word Notepad
BBEdit.
. ,
.
, ,
. ,
. ,
.
SQL:
SELECT lastname, firstname, fitpoints
FROM employees

, ,
, .
. : www.adobe.com/go/learn_dw_sqlprimer_ru.

.
-

<HTML>
<p>
</HTML>

<HTML>
<code>
</HTML>

4
2

1. - . 2. - .
3. . 4.
. 5. . 6. .
7. 8.
- 9. - .

- ,
.

28.4.2010.

DREAMWEAVER CS5 554


,
, Microsoft Access.
, , , Microsoft
SQL Server, Oracle 9i MySQL.
- ,
,
-.


Beginner's guide to databases


HTML-
HTML-,
. , , HTML-
. , , HTML.
ColdFusion Markup Language (CFML):
<html>
<head>
<title>Trio Motors Information Page</title>
</head>
<body>
<h1>About Trio Motors</h1>
<p>Trio Motors is a leading automobile manufacturer.</p>
<!--- embedded instructions start here --->
<cfset department="Sales">
<cfoutput>
<p>Be sure to visit our #department# page.</p>
</cfoutput>
<!--- embedded instructions end here --->
</body>
</html>

:
1 department, Sales.
2 Sales HTML-.

-:
<html>
<head>
<title>Trio Motors Information Page</title>
</head>
<body>
<h1>About Trio Motors</h1>
<p>Trio Motors is a leading automobile manufacturer.</p>
<p>Be sure to visit our Sales page.</p>
</body>
</html>

- , :

DREAMWEAVER CS5 555

28.4.2010.

Trio Motors
Trio Motors .
.
, , .
, ,
Dreamweaver.

ColdFusion

ColdFusion (CFML)

ASP

VBScript
JavaScript

PHP

PHP

Dreamweaver ,
, Dreamweaver.


559

-
, -.
, - , . -
, .
. - 550.

ColdFusion PHP.
, . ,

, .
()

()

,
- .
. -
, .
, ,

, .
Microsoft Access, Oracle 9i MySQL.

28.4.2010.

DREAMWEAVER CS5 556


, , SQL. , ,
.
-, .
, ,

, .
, DepartmentID.

,
.

Dreamweaver :

Adobe ColdFusion
Microsoft Active Server Pages (ASP)
PHP: (PHP)
, Dreamweaver ,
.
-, .
. - 550.
- -,

. ,
-. ,
, , .

28.4.2010.

DREAMWEAVER CS5 557


- , - -

. -,
URL- .
Microsoft Internet Information Server (IIS)
Apache HTTP Server.

-
- Adobe Dreamweaver CS5 :

-
, -.
. - -
, .
,
:

,
.
, -,
-.
,
Dreamweaver. ,
(, , Windows 2000 Windows XP),
.
- .


ColdFusion 560
PHP 560
ASP 560

-
- -.
- , - . - HTTP-. -
.
Macintosh - Apache.

28.4.2010.

DREAMWEAVER CS5 558


. Adobe
, Microsoft IIS.
.
- IIS, -
. .
, localhost.
,
Windows C:\Inetpub\wwwroot. -,
, , URL-:
http://_/_.
, mer_noire, C:\Inetpub\wwwroot\ soleil.html, , URL-
:
http://mer_noire/soleil.html.
. , URL- ,
.
-, ,
URL-. , , soleil.html
gamelan :
C:\Inetpub\wwwroot\gamelan\soleil.html.
, URL-
:
http://mer_noire/gamelan/soleil.html
- ,
localhost. , URL- :
http://mer_noire/gamelan/soleil.html
http://localhost/gamelan/soleil.html
. localhost 127.0.0.1
(, http://127.0.0.1/gamelan/soleil.html).


ColdFusion 560
PHP 560
ASP 560

-
- , Microsoft Internet Information Server (IIS) Apache HTTP Server.

DREAMWEAVER CS5 559

28.4.2010.

-, -
. Windows Macintosh,
- ColdFusion, -,
ColdFusion 8 . .
Windows - IIS .
, - . ,
C:\Inetpub D:\Inetpub. IIS.
Mac OS - Apache,
.
-
.


, -
. :
, (ColdFusion, ASP PHP) .

.
(, ColdFusion). -
(, Microsoft IIS), (, PHP).
. Dreamweaver
: ColdFusion, ASP PHP.
, ,
Dreamweaver:

ColdFusion

Adobe ColdFusion 8

ASP

Microsoft IIS

PHP

PHP

ColdFusion ,
ColdFusion.
ASP . - :
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnanchor/html/activeservpages.asp.
PHP . - PHP: www.php.net/.

28.4.2010.

DREAMWEAVER CS5 560



, .
,
, , .
,

. , Microsoft Access
MySQL.
- ,

, . -,

, (
RDBMS) Microsoft SQL Server Oracle.

ColdFusion
ColdFusion Dreamweaver Windows
Mac . - Adobe: www.adobe.com/go/learn_dw_cfsetup_ru.
Windows Macintosh
ColdFusion - Adobe: www.adobe.com/go/coldfusion_ru.
.
-. .
IP-.
. . ColdFusion ( >
ColdFusion).
ColdFusion
- -, .
,
. ,
- ColdFusion, - Microsoft IIS.

PHP
PHP Dreamweaver Windows
Mac . - Adobe: www.adobe.com/go/learn_dw_phpsetup_ru.
PHP Windows, Linux, UNIX, HP-UX,
Solaris Mac OS X. . PHP,
- PHP: www.php.net/download-docs.php.

ASP
ASP Dreamweaver Windows
Macintosh . - Adobe: www.adobe.com/go/learn_dw_aspsetup_ru.

28.4.2010.

DREAMWEAVER CS5 561


ASP- , Microsoft Active


Server Pages 2.0, Microsoft IIS, Windows 2000 Windows XP
Professional. Windows XP Professional IIS
. Macintosh -
ASP IIS .


-
, -
-. , ,
-.
-
HTTP, -. , , ColdFusion
8, \ColdFusion8\wwwroot ( ) -.
-.
-

ColdFusion 8

\ColdFusion8\wwwroot

IIS

\Inetpub\wwwroot

Apache (Windows)

\apache\htdocs

Apache (Macintosh)

Users::Sites

-, HTML-
, URL- . URL-
HTML- : www.example.com/testpage.htm.
- ,
localhost. URL- .
-

URL-

ColdFusion 8

http://localhost:8500/testpage.htm

IIS

http://localhost/testpage.htm

Apache (Windows)

http://localhost:80/testpage.htm

Apache (Macintosh)

http://localhost/~/testpage.htm (
Macintosh)

. - ColdFusion 8500, - Apache Windows


80.
, , .

- . -.
htm html.
, URL- (,
c:\ColdFusion8\wwwroot\testpage.htm, http://localhost:8500/testpage.htm).

28.4.2010.

DREAMWEAVER CS5 562


URL- . ,
, : http://localhost:8080/testpage.htm/.
Dreamweaver .


- 557
Dreamweaver 39

Dreamweaver
-, Dreamweaver .
, .

-. - ,
, , ,
-.

, -.
- , -.
Dreamweaver - .
1.
, .
-.
- -.
2.
, , -,
Dreamweaver. , - -.
3.
Dreamweaver ,
.
, , .
, .
Dreamweaver, -.


Dreamweaver 39

28.4.2010.

DREAMWEAVER CS5 563



ColdFusion
ColdFusion
- ColdFusion Dreamweaver
ColdFusion, Dreamweaver ColdFusion,
.
, - ColdFusion.
,
FTP-.
, Dreamweaver ColdFusion.
ColdFusion , Dreamweaver ,
ColdFusion.
-.
ColdFusion Dreamweaver ColdFusion (
). ColdFusion Dreamweaver
.

ColdFusion
,
ColdFusion. ColdFusion MX 7 ,
Dreamweaver. ColdFusion MX,

ColdFusion MX. Dreamweaver ,
ColdFusion MX.


49
ColdFusion 708

ColdFusion ColdFusion MX 7

1 , , ColdFusion MX 7 ,

.
2 Dreamweaver ColdFusion.
3 , (+)

( > ) , .
. (+) Dreamweaver ,
ColdFusion MX 7 .
4 ,

28.4.2010.

DREAMWEAVER CS5 564


, .

.

ColdFusion ColdFusion MX 6.1


6.0
1 Dreamweaver ColdFusion.
2 ( > ) Dreamweaver

.
3 ColdFusion MX

.
. ColdFusion ( > ColdFusion).
ColdFusion, .
, ,
.
ColdFusion Dreamweaver.

Dreamweaver
ColdFusion Dreamweaver.
ColdFusion Dreamweaver, ( >
). ColdFusion.
, . , Dreamweaver
ColdFusion. -
, ColdFusion.


574


ASP
ASP
ASP ODBC (Open Database
Connectivity) OLE DB (Object Linking and Embedding Database).
, - .
, Microsoft
Access, Microsoft SQL Server Oracle.

DREAMWEAVER CS5 565

28.4.2010.

Microsoft Access

Microsoft Access (ODBC)


Microsoft Jet Access (OLE DB)

Microsoft SQL Server

Microsoft SQL Server (ODBC)


Microsoft SQL Server (OLE DB)

Oracle

Microsoft Oracle (ODBC)


Oracle OLE DB

, (DSN)
. OLE DB ODBC,
Windows, .
DSN , , myConnection,
, .
DSN Windows. DSN ODBC,
Windows.
,
. :
Driver={SQL Server};Server=Socrates;Database=AcmeMktg;
UID=wiley;PWD=roadrunner

.
ODBC, Windows, DSN.


552

OLE DB
OLE DB (OLE DB
Windows NT, 2000 XP). OLE DB
. ODBC -
.
OLE DB, ASP OLE DB
ODBC, , ODBC, , ,
.
OLE DB. OLE
DB Microsoft Access SQL Server, Microsoft
(MDAC) 2.5 2.7 Windows, IIS.
MDAC - :
http://msdn.microsoft.com/data/mdac/downloads/.
. MDAC 2.5, MDAC 2.7.
OLE DB Oracle - Oracle :
www.oracle.com/technology/software/tech/windows/ole_db/index.html ( ).

28.4.2010.

DREAMWEAVER CS5 566


Dreamweaver OLE DB, Provider.


OLE DB Access, SQL
Server Oracle.
Provider=Microsoft.Jet.OLEDB.4.0;...
Provider=SQLOLEDB;...
Provider=OraOLEDB;...

OLE DB .
.


, -
. Dreamweaver
.
Microsoft Access SQL Server
, :
OLE DB .

OLE DB Access, SQL Server Oracle.


Provider=Microsoft.Jet.OLEDB.4.0;...
Provider=SQLOLEDB;...
Provider=OraOLEDB;...

OLE DB .
.
, OLE DB ODBC,
, .
ODBC, ,

OLE DB.
, SQL Server, -

.
SQL Server.
DBQ , , Microsoft Access. ,
.
UID .
PWD .
DSN , . ,

, . , DSN=Results
,
.
,
.
.
, ODBC Access
trees.mdb:

28.4.2010.

DREAMWEAVER CS5 567


Driver={Microsoft Access Driver (*.mdb)};


DBQ=C:\Inetpub\wwwroot\Research\trees.mdb

, OLE DB SQL Server


Mothra, Gojira:
Provider=SQLOLEDB;Server=Gojira;Database=Mothra;UID=jsmith;
PWD=orlando8

DSN
. , ASP . ,
,
FTP-.
ODBC - ,
(DSN). DSN , ,
ODBC.
ODBC DSN, OLE DB
.
Dreamweaver, DSN.
1 DSN Windows, Dreamweaver.

. - .

Windows 2000 . 300596 :


http://support.microsoft.com/default.aspx?scid=kb;en-us;300596

Windows XP . 305599 :
http://support.microsoft.com/kb/305599/ru
2 ASP Dreamweaver, ( > ).
3 (+) (DSN).
4 .
5 DSN (DSN)

DSN.
DSN ,
, Windows ODBC.
6 .
7 , Dreamweaver

. .
. Microsoft Access .
8 , , .

, ,
Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 568



Dreamweaver 583
557
574

DSN
. , ASP . ,
,
FTP-.
. Dreamweaver DSN,
ODBC Windows.
Dreamweaver, DSN,
. DSN
Windows, ( , , IIS).
. ODBC DSN, OLE
DB .
1 DSN Windows, .

. - .

Windows 2000 . 300596


: http://support.microsoft.com/default.aspx?scid=kb;en-us;300596

Windows XP . 305599
: http://support.microsoft.com/kb/305599/ru
2 ASP Dreamweaver, ( > ).
3 (+) (DSN).
4 .
5 DSN .

. Macintosh ,
DSN .
6 DSN DSN, DSN

. .
7 .
8 , Dreamweaver

. .
. Microsoft Access .
9 , , .

, ,
Dreamweaver .

28.4.2010.

DREAMWEAVER CS5 569



557
Dreamweaver 583
574


DSN ODBC OLE DB . .
1 ASP Dreamweaver, ( > ).
2 (+)

, .
3 .
4 . OLE DB ,

Provider, ASP OLE DB


ODBC. ODBC .
,
MapPath ASP.
5 , , Dreamweaver

, .
. Macintosh ,
.
6 , Dreamweaver

. .
. Microsoft Access .
7 , , .

, ,
Dreamweaver .


ColdFusion 563
Dreamweaver 583
574

,
ASP, ,
, .
DSN ,
.
DSN.
, ,
.

28.4.2010.

DREAMWEAVER CS5 570


, MapPath
ASP.
. , , ,
Microsoft Access, MDB-.


Dreamweaver,
. , Microsoft
IIS :
c:\Inetpub\wwwroot\accounts\users\jsmith\index.htm

.
URL- , ,
. :
www.plutoserve.com/jsmith/index.htm

/jsmith/index.htm
c:\Inetpub\wwwroot\accounts\users\jsmith\index.htm.



. , FTP-, ,
. URL-
, : www.plutoserve.com/jsmith/.
URL- , ( , URL-
). ,
MapPath.
MapPath .

:
Server.MapPath("/virtualpath")

, : /jsmith/index.htm,
:
Server.MapPath("/jsmith/index.htm")

MapPath .
1 ASP Dreamweaver ( >).
2 HTML- .
<%Response.Write(stringvariable)%>

3 MapPath, stringvariable.

:
<% Response.Write(Server.MapPath("/jsmith/index.htm")) %>

4 ( >

).
, :

28.4.2010.

DREAMWEAVER CS5 571


c:\Inetpub\wwwroot\accounts\users\jsmith\index.htm

MapPath . ,
Microsoft IIS.


, ,
DSN, .
Microsoft Access, DSN.
Driver={Microsoft Access Driver (*.mdb)};
DBQ=c:\Inetpub\wwwroot\accounts\users\jsmith\data\statistics.mdb

, ,
MapPath .
1 , :

/jsmith/data/statistics.mdb.
2 ASP Dreamweaver, ( > ).
3 (+)

.
4 .
5 MapPath DBQ.

, Microsoft Access : /jsmith/data/statistics.mdb.


VBScript,
:
"Driver={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath
("/jsmith/data/statistics.mdb")

(&) () .
, Server.MapPath.
:
Driver={Microsoft Access Driver (*.mdb)};
DBQ=C:\Inetpub\wwwroot\accounts\users\jsmith\data\statistics.mdb

JavaScript , (&)
(+):
"Driver={Microsoft Access Driver (*.mdb)};DBQ=" + Server.MapPath
("/jsmith/data/statistics.mdb")

6 , , .

. Macintosh ,
.
. ,
, ,
. ,
. , , Microsoft Access 2000, Microsoft
Access Driver 3.5. Microsoft Access Driver 4.0 .

28.4.2010.

DREAMWEAVER CS5 572


7 (

Dreamweaver,
, )
.


Dreamweaver include,
.
.


1 ASP Dreamweaver, ( > ).
2 ( Windows) Control (

Macintosh) .
3 .

Dreamweaver include, ,
.


1 ASP Dreamweaver, ( > ).
2 ( Windows) Control (

Macintosh) .
3 .

. ,
, .
.


PHP
PHP
PHP Dreamweaver MySQL.
, Microsoft Access Oracle, . MySQL
,
. . - MySQL : http://dev.mysql.com/downloads/.
, . ,
MySQL , FTP-.
Windows Essentials
MySQL.

28.4.2010.

DREAMWEAVER CS5 573



PHP 560


PHP Dreamweaver,
MySQL, MySQL.
1 PHP Dreamweaver, ( > ).
2 (+), MySQL

.
MySQL IP- ,
MySQL. MySQL , PHP, localhost.

MySQL.

MySQL, .
Dreamweaver . ,
, . ,
, Dreamweaver .
Dreamweaver URL- , ,
, . , URL-
URL-, , ( ) .
3 .

. PHP
. MySQL.. .
, MySQL 579.


Dreamweaver include,
.
.


1 PHP Dreamweaver, ( > ).
2 ( Windows) Control (

Macintosh) .
3 .

Dreamweaver include, ,
.

28.4.2010.

DREAMWEAVER CS5 574



1 PHP Dreamweaver, ( > ).
2 ( Windows) Control (

Macintosh) .
3 .

. ,
, .
.



.
Windows 2000 Windows XP
-
, .
Windows, ,
. Windows (
IUSR__), ,
.
- ,
IUSR__ . , ,
, .
, IUSR__
, .
, UNC (\\\), ,
IUSR__ .
, -.
,
, .

( Windows XP)
1 .
2 , , ,

.
3 .

. , NTFS.
FAT .
4 IUSR__ ,

.
5 .

28.4.2010.

DREAMWEAVER CS5 575


.
6 .
7 , , .
8 IUSR__ ; ,

.
9 IUSR ,

( Windows 2000)
1 .
2 , , ,

.
3 .

. , NTFS.
FAT .
4 IUSR__ Windows

, .
5 ,

, , .
6 IUSR__ .
7 IUSR ,

.
-,
. , -
- .
IUSR - .
TechNote - Adobe.

Understanding anonymous authentication and the IUSR account :


www.adobe.com/go/authentication_ru.

Setting IIS server permissions : www.adobe.com/go/server_permissions_ru.

,

,
IIS (Internet Information Server) ,
, Access SQL Server.
. Adobe
, Microsoft Windows IIS.
,
- : http://support.microsoft.com/.

28.4.2010.

DREAMWEAVER CS5 576


80004005 .
80004005 ASP MDAC -
: http://support.microsoft.com/kb/306518/ru.

[] 80004005 , ,

-
. . .

80004005 SQLSetConnectAttr
80004005 . DriverId
.

DSN. , DSN -,
.

, DSN DSN , DSN . DSN


DSN .
. , DSN ODBC.
Microsoft Access, (MDB-) .
, DSN .
, , (MDB-),
(LDB-) . DSN ,
, . .

[] 80004005 ( );
Microsoft Access
- .
: 80004005 Microsoft Jet ( ).
.
.

, , IIS ( , IUSR),
Windows ,
. IIS (IUSR) .

.
.
. , ,
, /Winnt.

Windows 2000 DSN Access.


, > > >
> (ODBC). ,
DSN .
5000.
, . :

PRB: 80004005 Couldn't Use (unknown); File Already in Use :


http://support.microsoft.com/default.aspx?scid=kb;en-us;Q174943.

28.4.2010.

DREAMWEAVER CS5 577


PRB: Microsoft Access Database Connectivity Fails in Active Server Pages :


http://support.microsoft.com/default.aspx?scid=kb;en-us;Q253604.

PRB: Error Cannot Open File Unknown Using Access :


http://support.microsoft.com/default.aspx?scid=kb;en-us;Q166029.

[] 80004005 ()
Microsoft SQL Server
- .
SQL Server,
( ), Windows
SQL ( ).
.

,
. (UID= sa
), . ( DSN
.)

, Windows,
, SQL ( ).

SQL Server SQL.


Windows IUSR__ SQL
, . ,
, SQL,
.

[] 80004005
, .
.

, , . IUSR
/.

/.
, Inetpub/wwwroot.
, wwwroot.
, .

.
. .
. PRB: ASP Error The
Query Is Not Updateable When You Update Table Record :
http://support.microsoft.com/default.aspx?scid=kb;en-us;Q174640.

[] 80040e07
,
, ()
/ Microsoft Access.

28.4.2010.

DREAMWEAVER CS5 578


Microsoft Access ,
. SQL
/ Access.
/ Access
() , ,
.

[] 80040e10
, , SQL,
. ,
SQL. .

[] 80040e10 COUNT
, ,
- Microsoft Access.
,
(?). , Microsoft Access,
,
.
(?). ,
, .

[] 80040e14 INSERT INTO


,
.
,
, .

.
. , date , ,
.

. :
./*:!#&-?

.
, ,
.
, ,
date, name, select, select level. ,
.
. .

Microsoft Access : http://support.microsoft.com/default.aspx?scid=kb;en-us;Q209187;


Microsoft SQL Server : http://msdn.microsoft.com/library/default.asp?url=/library/enus/tsqlref/ts_ra-rz_9oj7.asp;

28.4.2010.

DREAMWEAVER CS5 579


MySQL : http://dev.mysql.com/doc/mysql/en/reserved-words.html.

[] 80040e21 ODBC
,
.
, .
.


. ,
.

. ,
, ,
, /.

[] 800a0bcd BOF EOF True


-
.
.
, ,
. :
1 .
2 (+)

> , .
3 , , .
4 13 .

, MySQL
,
PHP MySQL 4.1
. MySQL.
MySQL PHP 5
(DLL). .
PHP 560.
TechNote:

TechNote c45f8a29 : www.adobe.com/go/c45f8a29_ru.


TechNote 16515 : www.adobe.com/go/16515_ru.

28.4.2010.

DREAMWEAVER CS5 580




,
Dreamweaver .
Dreamweaver.

DSN , Dreamweaver
MMHTTPDB . Dreamweaver
HTTP, , , Dreamweaver
, . ,
(DSN), . DSN ,
SQL .
MMHTTPDB _mmServerScripts,
-.
. ( ) Dreamweaver .
_mmServerScripts FTP-
.
. -
-, .
MMHTTPDB , .
.
. TechNote 19214 - Adobe :
www.adobe.com/go/19214_ru.

28.4.2010.

19.

Dreamweaver ,
. Adobe Dreamweaver CS5
ColdFusion, ASP PHP.
, XML-
Ajax Spry. , Spry,
, .

-
,
.
, .
.
, .

;
;
.
( > )
, . ,
ColdFusion CFML
CFML.
.

,
( > ).

,
( > ).

,
( > ).

, ColdFusion,
( > ).
. ColdFusion.

581

28.4.2010.

DREAMWEAVER CS5 582


,
.
: www.adobe.com/go/vid0144_ru.


592
592
593
593

Dreamweaver
,
Dreamweaver.
1 ( > ).

, .
ColdFusion ,
ColdFusion Administrator.
. Dreamweaver ColdFusion, .
, .
2 ,

(+) .
3 .

.
4 (Windows)

Control (Macintosh)
.


ColdFusion 560
PHP 560
ASP 560


- .
F12
.

-.

28.4.2010.

DREAMWEAVER CS5 583


Dreamweaver .
Dreamweaver -,
( Dreamweaver ). ,
> > .
,
, , ,
. > ,
,
, -.


49

Dreamweaver
, Oracle,
Dreamweaver . Oracle
, Dreamweaver .
Oracle , Dreamweaver
.
. Microsoft Access .
, Dreamweaver ,
.
, , .
.
Dreamweaver, .
.
. ColdFusion Microsoft Access
Dreamweaver .
1 Dreamweaver, ( >

).

, (Windows)
Control (Macintosh)
.

, (+)
, .
2 .
3 .

28.4.2010.

DREAMWEAVER CS5 584


ColdFusion
ASP
.
.
. Dreamweaver


613


, Dreamweaver . ,
, - .
, Dreamweaver,
, ,
. :
. , .
. ,

HTML-.
.

, .


Dreamweaver
- .
1

-,
.
-. ,
- .
-

. .
2 .

28.4.2010.

DREAMWEAVER CS5 585


- ,
-. -,
.

(, )
, .
, .

,
, .
, .

.
3 -.


, .
Dreamweaver
,
,
.

Dreamweaver .
-.
-, .

, .
.
HTML-. , src
value .
4 .

-
.
, - ,
.
Dreamweaver , . ,
Dreamweaver, ColdFusion, ASP PHP.
, .
-,
.

Dreamweaver , .
.

.
.

28.4.2010.

DREAMWEAVER CS5 586


. ,
,
.

.

.

.
, .

,
, .

.
,
.

,
.
Dreamweaver ,
, .
5 .

,
. ,
.
:
www.adobe.com/go/learn_dw_webapp_ru.


188
233
250
SWF 263



,
-.
, ,
HTML-, , .
Dreamweaver
. .
.
, .

28.4.2010.

DREAMWEAVER CS5 587


-. ASP ColdFusion
. ,
, ,
Dreamweaver, .
- ,
. Dreamweaver , ,
URL, , ,
.
, .
, Dreamweaver,
. .


- .
. (),
. ,
.
,
, .
, , ,
. ,
. , ,
.
,
, . ,
. ,
, . -
,
.
SQL. ,
. SQL-, Dreamweaver,
, SQL.
SQL-
.
, Dreamweaver,
, .
, , ,
, .


SQL 593

28.4.2010.

DREAMWEAVER CS5 588


URL-
URL , . URL-
, GET .
URL- .
URL -,
. - URL-.
, HTTP- -.
, POST, , , .
, .


URL- 691
601


,
().
.

-, .
HTML- ,
.
.
- Dreamweaver
-.


(
URL-), -
. , -,
, , , , -
, .
. ,
,
.
, -.
, . ,
- , ,

( ).
, .

28.4.2010.

DREAMWEAVER CS5 589


,
-.
,
.
,
.
, cookie-.
,
, cookie-
. , cookie-
,
.

,
,
, .
HTML- , URL-. ,
cookie-, HTTP-,
, .
URL- ,
.
,
. ,
.
,
. ,
, ,
. ,
.

, URL. ( ) action HTML-
href .
,
Dreamweaver -.
Dreamweaver .
HTML-:
<form action="destination.html" method="get" name="myform"> </form>
<param name="href"value="destination.html">

, ,
, , .
:
ColdFusion
<CFSET session.variable_name = value>

28.4.2010.

DREAMWEAVER CS5 590


ASP
<% Session("variable_name") = value %>

value , Request.Form(lastname).
, URL- product ( HTML-
GET product),
prodID:
ColdFusion
<CFSET session.prodID = url.product>

ASP
<% Session("prodID") = Request.QueryString("product") %>

HTML- post txtProduct


:
ColdFusion
<CFSET session.prodID = form.txtProduct>

ASP
<% Session("prodID") = Request.Form("txtProduct") %>

,
, , .
Dreamweaver ,
.
, - .

URL- fontsize,
, Adobe ColdFusion:
<a href="resort.cfm?fontsize=large">Larger Text</a><br>
<a href="resort.cfm?fontsize=small">Normal Text</a>


.
font_pref,
.

28.4.2010.

DREAMWEAVER CS5 591


ColdFusion
<CFSET session.font_pref = url.fontsize>

ASP
<% Session("font_pref") = Request.QueryString("fontsize") %>


URL- . URL-
font_pref.
, .


609
602

ASP ColdFusion
ASP ColdFusion
, , .

-. ( ,
.)
,
, , ,
. .

ASP

ASP: Request.Cookie, Request.QueryString, Request.Form, Request.ServerVariables
Request.ClientCertificates.


604

ColdFusion
ColdFusion:
.
, ,
.
, , .
Cookie Cookie- ,
CGI , ColdFusion, ,
, .
.

28.4.2010.

DREAMWEAVER CS5 592


CFSET CFPARAM ColdFusion.


604



,
.
:

593
609
608
623
XML- 530
XML- XSLT 530
URL- 691
602
ASP ColdFusion 603
604
608
608
HTML- 611


,
Dreamweaver .
:

615
593
645
647
653
656
662
679

28.4.2010.

DREAMWEAVER CS5 593


674
677
679
(ColdFusion) 672
613
626


,
, .
.

Dreamweaver 582
ColdFusion 563
ASP 564
PHP 572



.
. .
:

ColdFusion 682

SQL
, SQL .
1 , .
2 > , .
3 (+)

().
. ColdFusion
. (
, ,
.)
4 .

28.4.2010.

DREAMWEAVER CS5 594


. .
5 , ,

.
, , ,
. ,
, .
6 ,

(PHP, ASP)
1 .

rs,
, rsPressReleases.
, (_).
.
2 .

, , .
3 ,

.
.
4 ,

, Ctrl (Windows)
Command (Macintosh).
5 , , .

,
.

,
.

.
.
, .
6 , , ,

(1, 2, 3... A, B, C...) ().


7 , ,

, .
. ,
.
8 . .

28.4.2010.

DREAMWEAVER CS5 595


(ColdFusion)
ColdFusion
SQL .
1 .

rs,
. : rsPressReleases
, (_).
.
2 ColdFusion ( Dreamweaver CFC-

) CFC-
, .
. , CFC-
, ColdFusion MX
7 .
.
3 .

, ColdFusion.
4 ColdFusion

.
ColdFusion .
ColdFusion
ColdFusion .
5 ,

.
.
6 ,

, Ctrl (Windows)
Command (Macintosh).
7 , , .

,
.

,
.

.
.
,
8 , , ,

(1, 2, 3... A, B, C...) ().


9 , .

28.4.2010.

DREAMWEAVER CS5 596


. ,
. , .
10 . ColdFusion .

SQL
SQL,
c .
1 , .
2 > , .
3 (+)

().
. ColdFusion
. (
, , .)
4 .

. .
5 , ,

.
, , ,
.
. , ,
.
6 ,


SQL- 600
ASP 564
PHP 572
593
(ColdFusion) 672
SQL

(PHP, ASP)
,
SQL .
1 .

rs, .
: rsPressRelease

28.4.2010.

DREAMWEAVER CS5 597


, (_).
.
2 .
3 SQL SQL SQL

,
.
SQL , .

, SQL .
, ,
.

.
, SELECT, WHERE ORDER BY.
, SQL.
SQL ,
. Dreamweaver
SQL .
4 SQL , .

(+) , ( , , ,
), (, ,
) .
. SQL PHP Dreamweaver
( , ,
colname $colname).
SQL ,
.
URL ,
HTML-.
URL- :

URL

ASP

Request.QueryString(formFieldName)

PHP

$_GET['formFieldName']

ASP

Request.Form(formFieldName)

PHP

$_POST['formFieldName']

5 .

SQL , ,
.

28.4.2010.

DREAMWEAVER CS5 598


, .
, . ,
.
6 , .

( ColdFusion)
SQL-
.
1 .

rs, .
: rsPressReleases
, (_).
.
ColdFusion ( Dreamweaver CFC-)
CFC-
, .
. , CFC-
, ColdFusion MX 7
.
.
2 .

,
ColdFusion.
3 ColdFusion

.
ColdFusion .
ColdFusion
ColdFusion .
4 SQL SQL SQL

,
.
5 SQL ,

():

, SQL .
, , ,
.

.
, , Select, Where Order By.
, SQL.
SQL , .
(+) (,
, ).

DREAMWEAVER CS5 599

28.4.2010.

SQL ,
.

SQL. , SQL
. ,
. FormFieldName ,
:
SELECT * FROM Employees WHERE EmpID = + (Request.Form(#FormFieldName#))

-,
:

FormFieldName

0001

URL ,
HTML-.
6 .

SQL , ,

.
, .
, . ,
.
7 , .

SQL (ColdFusion)
SQL; ,
.
1 .
2 .

SQL (PHP)
SQL; ,
.
1 .
2 .
3

28.4.2010.

DREAMWEAVER CS5 600


SQL-
SQL- SQL, SQL-
.
SQL SELECT, WHERE
ORDER BY. SQL-
.
SQL
.

.
Employees. SQL,
, :
SELECT * FROM Employees

, .
1 , .
2 Employees.
3 .
4 , .

.
Employees ,
, .
.
SELECT emplNo, emplName
FROM Employees
WHERE emplJob = 'varJob'
ORDER BY emplName

1 , ;

Employees, .
2 SQL- :

emplNo Select.
emplName Select.
emplJob Where.
emplName Order By.
3 WHERE emplJob SQL ='varJob' (

).
4 'varJob', (+)

, :
varJob, CLERK, Request(ob).

5 , .

28.4.2010.

DREAMWEAVER CS5 601


URL
URL , . ,
URL. URL ,
.
1 , .
2 > , .
3 (+)

URL

ASP

> Request.QueryString

ColdFusion

URL

PHP

URL

4 URL URL

.
URL HTML- ,
.
5 URL .


URL- 588
609
URL- 691
ColdFusion 591


, HTTP- -.
, POST, , , .
, .
.
1 , .
2 > , .
3 (+)

ASP

> Request.Form

ColdFusion

PHP

28.4.2010.

DREAMWEAVER CS5 602


4 .

HTML- ,
.
.


586
URL- 588
604


,
().
.
.
- Dreamweaver
-.
1 .

, ColdFusion username
Cornelius:
<CFSET session.username = Cornelius>

2 > .
3 (+) .
4 , , .


690
588
, 589

28.4.2010.

DREAMWEAVER CS5 603


ASP ColdFusion
ASP ColdFusion
, , .
.
. PHP .
1 .
2 > .
3 (+) .
4 , , .


609
604


ColdFusion
Dreamweaver
ColdFusion cfquery .
cfquery. Dreamweaver
.
1 , ColdFusion.
2 (+)

:

3 .
4

.

ColdFusion .

28.4.2010.

DREAMWEAVER CS5 604


5 .
6 .

Dreamweaver ,
. ( cfquery),
.


,
-.
, URL, .
, , ,
. , .


609
URL- 691
HTML- 690
ColdFusion 591

ColdFusion
1 ( > ).

.
2 (+) .
3 . ColdFusion

.
ColdFusion:

Server.ColdFusion.ProductName

ColdFusion.

Server.ColdFusion.ProductVersion

ColdFusion.

Server.ColdFusion.ProductLevel

ColdFusion (Enterprise, Professional).

Server.ColdFusion.SerialNumber

ColdFusion.

Server.OS.Name

(Windows XP, Windows 2000, Linux).

Server.OS.AdditionalInformation

(
, ).

Server.OS.Version

Server.OS.BuildNumber

28.4.2010.

DREAMWEAVER CS5 605


ColdFusion
, ColdFusion CFSET
CFPARAM. .
.

ASP

ASP: Request.Cookie, Request.QueryString, Request.Form, Request.ServerVariables
Request.ClientCertificates.
1 ( > ).
2 (+) .
3

:
QueryString , URL- -,

HTML-, GET.
- (, last=Smith, first=Winston), URL-
(?). -,
&.
Form , HTTP-, HTML-
POST.
ServerVariables .
, CONTENT_LENGTH ( , HTTP,
) HTTP_USER_AGENT (
).

, , Request.ServerVariables(HTTP_USER_AGENT) ,
Mozilla/4.07 [en] (WinNT; I), Netscape Navigator 4.07.
ASP ,
Microsoft Personal Web Server (PWS) Internet Information Server (IIS).
Cookies cookie-, HTTP-. ,

, cookie- readMe .
cookie- Request.Cookies(readMe).
ClientCertificate HTTP-, .
X.509.

4 , , .

,
Request.ServerVariables(HTTP_USER_AGENT), HTTP_USER_AGENT.
Request.Form(lastname), lastname.
.

28.4.2010.

DREAMWEAVER CS5 606


PHP
PHP.
PHP .
1 ( > ).
2 (+) .
3 ( REQUEST_METHOD)

.
$_SERVER PHP.

ColdFusion
ColdFusion
. ColdFusion .
.

, ColdFusion Client.LastVisit LastVisit.


,
.
, .
.
ColdFusion:

Client.CFID

, .

Client.CFTOKEN

Client.URLToken

CFID CFTOKEN, , cookie.

Client.LastVisit

Client.HitCount

, ( CFID
CFTOKEN).

Client.TimeCreated

CFID CFTOKEN .

cookie- ColdFusion
Cookie- , , cookie-,
. cookie- .
cookie- cookie .

CGI ColdFusion
CGI .
CGI .

, CGI.HTTP_REFERER , HTTP_REFERER.
ColdFusion CGI,
:

28.4.2010.

DREAMWEAVER CS5 607


SERVER_SOFTWARE

,
( ). : /.

SERVER_NAME

, DNS- IP-, URL- .

GATEWAY_INTERFACE

CGI, . : CGI/.

SERVER_PROTOCOL

, . :
/.

SERVER_PORT

, .

REQUEST_METHOD

, . HTTP Get, Head, Post ..

PATH_INFO

, .
, .
PATH_INFO.

PATH_TRANSLATED

PATH_INFO,
.

SCRIPT_NAME

; URL-
.

QUERY_STRING

, (?) URL-,
.

REMOTE_HOST

, . ,
REMOTE_ADDR REMOTE_HOST.

REMOTE_ADDR

IP- , .

AUTH_TYPE

,
, .

REMOTE_USER AUTH_USER

,
. ( AUTH_USER.)

REMOTE_IDENT

HTTP- RFC 931,


.
.

CONTENT_TYPE

, HTTP POST PUT,


.

CONTENT_LENGTH

, .

CGI,
:

HTTP_REFERER

. , .

HTTP_USER_AGENT

, . :
/ /.

HTTP_IF_MODIFIED_SINCE

. , ,
LAST_MODIFIED HTTP, .
.

28.4.2010.

DREAMWEAVER CS5 608



.
,
. ,
.

.
,
( ) . ( ,
).


,
, .

- .
.


1 ( > ) ,

.
2 .
3 , .


1 ( > ).
2 (-).


.
1 .
2 .
3 , .
4


586
608

28.4.2010.

DREAMWEAVER CS5 609




.
, , HTML-, ,
.
Dreamweaver -
HTML-. ,
, HTML. ,
src value .
,
. Dreamweaver ,
HTML- , .
, . ,
, ,
.
HTML- .

.


593
616
619
616
623


,
, . ,
CSS-, , .

Dreamweaver.
. ,
, : 04/17/00 17/04/00
.

28.4.2010.

DREAMWEAVER CS5 610



,
.


587
623


1 ,

.
2 ( > ).

.
( ASCII). HTML-
.
, (+),
.
3 ().
4 .

. ( ,
.)
{RecordsetName.ColumnName}, Recordset , ColumnName
.
.
,
.


1 > > (Windows) Dreamweaver >

> (Macintosh).
2 { } .


. ,
, .
.
, ( ) .
1 ( > ), ,

.
2 > .

.
3 (Windows) (Macintosh).

28.4.2010.

DREAMWEAVER CS5 611


.
4 .

, .
,
.
. Dreamweaver , .
,
.


SQL 593

HTML-
, HTML . ,
, background .
HTML .

HTML-
1 , > .
2 , .

, HTML,
.
, (+), .
3 HTML.

, HTML <table>
.
4 .
5 HTML .
6 .


HTML.

HTML-
1 HTML ( > ).

, HTML <table>
.
2 HTML .

, , ,
, , ,
.

28.4.2010.

DREAMWEAVER CS5 612


, , ,
( ) .
.

, , , (+),

.
3 , ,

.
, .
, .
.
4 .

, HTML,
.
, .

HTML.

ActiveX, Flash
Java- , ActiveX, Flash, Shockwave,
Director, Generator .
, , ,
.
1 ( >

).
2 .
3 , (+)

.
4 ,

.
.
5 .

, ,
.
, .


593

28.4.2010.

DREAMWEAVER CS5 613




, ,
. , ,
.
. ,
:
Recordset(myRecordset)


:
Recordset(mySecondRecordset)Recordset(myRecordset)


1 ( > ).
2 (+)

.
, .
3 .

Delete.
(-).
. ,
. .


.
.

;
, ;
, .
1 , .
2 .

28.4.2010.

DREAMWEAVER CS5 614



HTML- 690
URL- 691
588

Adobe
Contribute
Contribute (,
), Contribute
. Contribute .
Contribute
, .
Contribute , .
.
. Contribute
, ,
. . Adobe
Contribute.
1 > Contribute.
2 , Contribute,

, .
Contribute.
3 , .

-.
4 .
5 .
6 , .
7 , -.


Contribute Dreamweaver 54
Contribute 424


.
.
1 ( > )

( > ).
2 . Dreamweaver

28.4.2010.

DREAMWEAVER CS5 615



613




-. Dreamweaver
,
,
, .

, .
- ,
, . Dreamweaver
,
.


Dreamweaver ,
:
(, , , )

.
, - 10,989,
$10.99, Dreamweaver 2 .
. ,
.
, .

.
,

, .
, 10
, 40 , 10 .
,

,
.

. ,
, .

28.4.2010.

DREAMWEAVER CS5 616




Dreamweaver
HTML CSS.
Dreamweaver
Dreamweaver.

, .


188
233



. , ,
,
.
: ,
, .
, .
.
:

, ;
;
, ;
.

.



. :

HTML ;
;
.
:

28.4.2010.

DREAMWEAVER CS5 617


, ,
, .

.
, .
Dreamweaver ,
.
.
.

.
1 ,

.
2 ( > >

> ).
3 , , .
4 ,

.
.
. Dreamweaver

. .


,
, .
, :


,

,
.


1 ,

.
2 ( > )

(+).

DREAMWEAVER CS5 618

28.4.2010.

3 ,

.
,
.
4 , , .

( )
, .
1 , .
2 , , .

. ,
.


Dreamweaver
. ,
Dreamweaver .
, , ,
.
( ):


. ,
, .


587

28.4.2010.

DREAMWEAVER CS5 619



,
. (, ),
, , .
, , .
,
.
:

,
,
,
,
,
,
1 , .
2 ( > ) (+).
3 ,


615
620



.
. , ,
.
1 .

, , .

. , , ,
<tr> , .
2 > , .
3 (+) .
4 .
5 , , .

28.4.2010.

DREAMWEAVER CS5 620



615
613


, - :

;
, ;
.
Dreamweaver .



1 , , .
2 , , .

, ,
, .


,
, 9 . 4
: , , .

28.4.2010.

DREAMWEAVER CS5 621


, ,
.
, ,
, .
1 , .

>
> > .


.
2 .
3 , .
4 , ().

,
.
. ,
, , .
.
5 .

,
.

: AUTHORID, FIRSTNAME, LASTNAME BIO.


.
.


. ,
,
. , 40 8 ,
: 1 8 40.
, ,
.

28.4.2010.

DREAMWEAVER CS5 622



587
616
619
620


,
. ,
-.
.
.
Dreamweaver.
1 , .
2 > > >

,
.
,
:



. ,
, .

.
:




,
, .

28.4.2010.

DREAMWEAVER CS5 623


, ,
. Sans-serif ,
. :
StartRow EndRow RecordSet.RecordCount.
1 , , .

, :
Displaying records thru of .

2 .
3 ( > ).
4 (+), ,

. .
,
, . :
Displaying records thru of {Recordset1.RecordCount}.

5 records

( > (+) > ).


:
Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.

6 thru of

( > (+) >


). :
Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.

7 , ,

; .
Displaying records 1 thru 8 of 40.

,
, .
Showing records 9 thru 16 of 40.


Dreamweaver ,
. ,
.


1 .
2 > .
3 .

, .
4 .

28.4.2010.

DREAMWEAVER CS5 624


. ,
, . ,
.
5 , , .


1 .
2 , .

, ,
( > ). .
, , .
3 ,

.
, .
4 .
5 .
a .
b ,





c , ,

(-).

( ASP)
1 , , .
2 , .
3 > , ,

. , .
4 .
5 (+) .
6 .
7 .

. Dreamweaver ASP,
ColdFusion PHP ,
Dreamweaver Exchange. API . Dramweaver ( >
Dreamweaver > API- > ).

28.4.2010.

DREAMWEAVER CS5 625



Dreamweaver CS5, .
.
.

(, ColdFusion
).
, ,
URL- -.

( ) .
, .


.
1 ( >

> HTTP).
2 (+) URL- .
3 .
4 HTML-: POST GET.
5 ,

.
, .
6 ,

.
. , ( >
).


- (- >
-).
-.
, .
, IIS PWS:
C:\Inetpub\wwwroot\myapp\
, URL- URL-, .
, PWS IIS,
URL-:

DREAMWEAVER CS5 626

28.4.2010.

URL-

C:\Inetpub\wwwroot\

http://localhost/

C:\Inetpub\wwwroot\myapp\

http://localhost/myapp/

C:\Inetpub\wwwroot\fs\planes

http://localhost/fs/planes


18
307
582



Dreamweaver ,
. Dreamweaver ,
, , - Dreamweaver Exchange.
, - Dreamweaver Exchange
-, .
, .

Dreamweaver Exchange
1 Dreamweaver Dreamweaver Exchange .

> Dreamweaver Exchange.


> , (+)
.
- Dreamweaver Exchange.
2 Exchange Adobe;

Dreamweaver Exchange, , Adobe.

Dreamweaver
1 , > .
2 > .

. .


ColdFusion, JavaScript, VBScript PHP
. :

, .
, HTML- .

28.4.2010.

DREAMWEAVER CS5 627


,
.

, .


634
637


,
.
1 ( > ) (+)

.
2 ,

.
3 .
4


(). .
.
5 , (+),

.
,
.
6 , .

.
(, myBehavior_block1, myBehavior_block2, myBehavior_blockn, ..)
, .
.
7 , , ,

.
8 .
9 (, Session) .

, .
,
( @@Session@@).
10 , ,

.
11

().
12 , 5-11.

28.4.2010.

DREAMWEAVER CS5 628


13 , ,

. . .
14 , , .

.
15 , .


loop 632
636
634
626



. .
:
, .

. Dreamweaver
, .
, .
, .
, :
, .
.

(+)
.
.
(+)
.
, .

.
Set Session Variable (@@Name@@, @@Value@@)

, (+)
, (, ).
, ("abcd", "5").
, ,

.
,
. ,
, . Dreamweaver

28.4.2010.

DREAMWEAVER CS5 629


, html. html,
. , .


,
.
. ,
ColdFusion, ColdFusion,
ColdFusion.

.
.
, .

Dreamweaver , ,
. if, elseif
else, .
.
if, elseif else.
, .

, :
<@ if (expression1) @>conditional text1[<@ elseif (expression2) @>conditional text2]*[<@ else
@>
conditional text3]<@ endif @>

JavaScript,
JavaScript eval() ,
@@ ( @@ JavaScript).

if, else elseif XML- insertText
if ,
. if elseif .
, JavaScript; .

.
, JSP Dreamweaver,
.
@@rsName@@.close();
<@ if (@@callableName@@ != '') @>
@@callableName@@.execute();
@@rsName@@ = @@callableName@@.getResultSet();<@ else @>
@@rsName@@ = Statement@@rsName@@.executeQuery();
<@ endif @>
@@rsName@@_hasData = @@rsName@@.next();

28.4.2010.

DREAMWEAVER CS5 630


<@ if (@@callableName@@ != '') @> <@ endif @>.


, @@callableName@@
( , @@callableName@@ null ,
@@callableName@@ != ''), .
@@callableName@@.execute();
@@rsName@@ = @@callableName@@.getResultSet();

.
@@rsName@@ = Statement@@rsName@@.executeQuery();


loop 632


,
HTML- .
, <html>
, HTML-
. , -
, <html>.

, .
, <html> ,
,
.
, :

<html>

<html>

28.4.2010.

</html>

</html>

DREAMWEAVER CS5 631


, .

, (weight) .
, . ,
3 , ,
- 60, - 65, - 70.
Dreamweaver 50 ,
<html>. 2 , Dreamweaver
.


634
636
626
629
637

( )
1 .
2 ,

.
3

.
4 .

( > ),
(+) .
5 , .


1 .

28.4.2010.

DREAMWEAVER CS5 632


2 .

(<>).
3 , .


1 .
2 ,

.
.
.

, , :
<CFIF Day="Monday"></CFIF>

, , ,
, , .

loop
:
<@ loop (@@param1@@,@@param2@@) @>code block<@ endloop @>


.
<@ loop (@@param1@@,@@param2@@,@@param3@@,@@param_n@@) @>code block
<@ endloop @>

loop .

. n , n .
, . i-
i- .
,
. Dreamweaver ,
. ,
-, .
API-,
(, ).
loop. ,
, .
,
( ColdFusion,
):

28.4.2010.

DREAMWEAVER CS5 633


<CFSTOREDPROC procedure="AddNewBook"
datasource=#MM_connection_DSN#
username=#MM_connection_USERNAME#
password=#MM_connection_PASSWORD#>
<CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryID#"
cfsqltype="CF_SQL_INTEGER">
<CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#"
cfsqltype="CF_SQL_VARCHAR">
</CFSTOREDPROC>

CFSTOREDPROC CFPROCPARAM
. loop CFPROCPARAM
CFSTOREDPROC. loop,
2 : CFSTOREDPROC CFPROCPARAM
.
loop :
<CFSTOREDPROC procedure="@@procedure@@"
datasource=#MM_@@conn@@_DSN#
username=#MM_@@conn@@_USERNAME#
password=#MM_@@conn@@_PASSWORD#>
<@ loop (@@paramName@@,@@value@@,@@type@@) @>
<CFPROCPARAM type="IN"
dbvarname="@@paramName@@"
value="@@value@@"
cfsqltype="@@type@@">
<@ endloop @>
</CFSTOREDPROC>

. @> .

:
procedure = "proc1"
conn = "connection1"
paramName = ["@CategoryId", "@Year", "@ISBN"]
value = ["#Form.CategoryId#", "#Form.Year#", "#Form.ISBN#"]
type = ["CF_SQL_INTEGER", "CF_SQL_INTEGER", "CF_SQL_VARCHAR"]

:
<CFSTOREDPROC procedure="proc1"
datasource=#MM_connection1_DSN#
username=#MM_connection1_USERNAME#
password=#MM_connection1_PASSWORD#>
<CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryId#"
cfsqltype="CF_SQL_INTEGER">
<CFPROCPARAM type="IN" dbvarname="@Year" value="#Form.Year#"
cfsqltype="CF_SQL_INTEGER">
<CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#"
cfsqltype="CF_SQL_VARCHAR">
</CFSTOREDPROC>

.
.

28.4.2010.

DREAMWEAVER CS5 634


_length _index loop


loop 2 , if.
_length _index. _length ,
loop, _index loop. ,
, , ,
@@.
import
page. import . loop
import, import=,
("), .
:
<@loop (@@Import@@)@>
<@ if(_index == 0)@>import="
<@endif@>@@Import@@<@if (_index == _length-1)@>"<@else@>,
<@ endif @>
<@endloop@>


.
, .
, .
, .
. , ,
, (
).
, .


1 , .

:
@@parameterName@@

2 formParam (@@):
<% Session("lang_pref") = Request.Form("@@formParam@@"); %>

, :
<% Session("lang_pref") = Request.Form("Form_Object_Name"); %>

Form_Object_Name, (@@):
<% Session("lang_pref") = Request.Form("@@Form_Object_Name@@"); %>

.
. Dreamweaver
.

28.4.2010.

DREAMWEAVER CS5 635


Dreamweaver , ,
(. ). Dreamweaver
:

. .
.
HTML-.


1 .
2 ,

.
3 ,

.
4 .

Dreamweaver ,
.


(+) ( > )

,
1 ( > ) (+)

.
2 .
3 .

, .
4 ,

.
5 ,

.
6 .


, ,
, Dreamweaver Exchange .

28.4.2010.

DREAMWEAVER CS5 636


, Dreamweaver,
.
, .
, .


627
630


(+) ( > ),

1 ( > ) (+)

.

.
2 .
3 , ,

.
4 - ,

.
Dreamweaver .
(+) .
5 - ,

.
Dreamweaver , , .
.
Dreamweaver EDML- .


. -
, .
(ColdFusion, JavaScript, VBScript PHP).
,
, - -.
, ,
.

28.4.2010.

DREAMWEAVER CS5 637


:
.
. . , ,
? , ?
,

. , hideLayer()
ERROR_STRING, , ,
.

. . MM_,
Dreamweaver. Dreamweaver
MM_ .
var MM_ERROR_STRING = "...";
function MM_hideLayer() {

,
. ,
(
). ,
.


626
626


Dreamweaver Exchange
.

. ,
. ,
. ,
.

.
, ,
(, /, ?, :, * ..), .
(
, ).
.

, ,
.

, .
. ,
( > > ).

( > ) , .

28.4.2010.

DREAMWEAVER CS5 638


, ,
, , .
, , ,
.
, . HTML-
, HTML-.

28.4.2010.

20.

Adobe Dreamweaver CS5 Adobe ColdFusion, PHP ASP ,


, , ,
.



,
.
.
.

639

28.4.2010.

DREAMWEAVER CS5 640



;
.
,
.


647


, , .
1 , > > ,

. .
2 .

( > ) (+),
. SQL- .
, , .
,
.
.

28.4.2010.

DREAMWEAVER CS5 641


, ,
.
. .
647.
3 .

, .
> > > ,
.
,
. , .
,
, .
.


SQL 593
SQL 596
620


.
, .
.
. .
, .


656

28.4.2010.

DREAMWEAVER CS5 642


(ColdFusion, PHP)
1 ,

, , .

2 , .
3 . .

.
, .
4 .
5 (ColdFusion) URL- .
?recordID=#recordsetName.fieldName#

, URL-.
recordID URL- ( ). URL, .
.
ColdFusion, .
. ColdFusion
recordsetName , fieldName ,
.
. .
locationDetail.cfm?recordID=#rsLocations.CODE#

CODE
. , () CBR,
URL-.
locationDetail.cfm?recordID=CBR

6 (PHP) URL- .
?recordID=<?php echo $row_recordsetName['fieldName']; ?>

, URL-.
recordID URL- ( ). URL, .
.
PHP, .
. PHP recordsetName
, fieldName ,
. .
.

28.4.2010.

DREAMWEAVER CS5 643


locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

CODE
. , ()
CBR, URL-.
locationDetail.php?recordID=CBR

7 .

(ASP)
1 , .
2 ( > ) (+)

.
3 .
4 , .

. ,
, .
5 , .

URL- .
6 .

. ,
URL-,
. , URL- id,
customerdetail.asp, URL-
:
http://www.mysite.com/customerdetail.asp?id=43
URL-, http://www.mysite.com/customerdetail.asp, .
, ?id=43, URL-. ,
. id URL-, 43 .
URL- 43.


, , ,
, .
1 . ,

( > ).
2 ( > ) (+)

() ().
.
, .
3 ,

.
4 , .

28.4.2010.

DREAMWEAVER CS5 644


.
,
.
, ,
, . , ,
, .

, Control (Windows) Command (Macintosh).
5 , URL-

, .

,
, URL-, .
, URL- ,
. , ,
CODE , URL-,
.

, , (
).

URL-. URL .

URL-, .
6 . .
7 .

( > ) .

.
.


49

(ASP)
, ,
. ASP.
1 .

, URL-, .
URL- HTML- HTML. . 690.

, .
. . SQL
593 SQL
596.

28.4.2010.

DREAMWEAVER CS5 645


, .
. . 610.
2 , URL, +

( > )
> .
3 , .
4 , ,

.
, ,
.
5 URL URL-,

.
, URL- , ,
id=43, id URL.
6 .


URL-, , .

-
"-".
1 > >

, .
.
2 .

, , ,
. ,
,
.
3 - > >

.
4 , ,

.
5 -

.
.
, recordID, (-),
.
6

28.4.2010.

DREAMWEAVER CS5 646


.
, .
7

, .
,
, .
8 ,

, .
, .
.
9 , .

. , .
10 , .
11

. .
12 .

.
, recordID, (-),
.
13

.
.
, .
14 .

( )
.
15 .


Dreamweaver. .
.

( > ) ,
.


613
593

28.4.2010.

DREAMWEAVER CS5 647




Dreamweaver ,
.
- .
HTML-, .
, .
, .
:

, ;

;
.
.
.
Dreamweaver SQL- .
. ,
SQL- .
Dreamweaver SQL- . ,
. SQL-,
. SQL-, , ,
.
,
, .
,
. SQL- ,
,
, .


593
647


- , , , .
HTML- .
HTML- .
1 > > .

28.4.2010.

DREAMWEAVER CS5 648


. ,
( > > ) ,
.
2 ,

.
, , .
, . , ,
, SQL-.
3 ( > > ).
4 , ( >

) ().
,
.
5 <form> ,

6 ,

.
7

GET URL- .
URL- 8192 , GET .

POST .

Default ( GET).


647
- 693


,
. ( )
.
, SQL- .
, , ,
.
.
. .
650.

28.4.2010.

DREAMWEAVER CS5 649



647
647
652


1 .

, ( > >
).
2 . ( > ),

(+) .
3 , .

, , .
4 .

, .
5 .

.
.
SQL-.
6

, Control (Windows) Command (Macintosh).


,
.
. ,
, , ,
.

28.4.2010.

DREAMWEAVER CS5 650



1 ,

.
, , , ,
.
2 , , (

).
3 ,

POST, URL- GET.



URL-.
4 , .

URL-. ,
,
.
, , ,
. , TRIPLOCATION.
, HTML- GET
. ,
.

5 ,

().
, .
.
6 , .

,
. SQL-,
. , .
. .
652.


,
SQL- SQL-.

28.4.2010.

DREAMWEAVER CS5 651


.
. . 648.
1 Dreamweaver . .

( > ), (+)
.
2 , .

SQL-.
, , .
3 .

, .
4 Select SQL.

, WHERE .
varLastName varDept.
SELECT EMPLOYEEID, FIRSTNAME, LASTNAME, DEPARTMENT, EXTENSION FROM EMPLOYEE
WHERE LASTNAME LIKE 'varLastName'
AND DEPARTMENT LIKE 'varDept'


. .
SQL 596.
SQL . SQL
www.adobe.com/go/learn_dw_sqlprimer_ru.
5 SQL- . (+)

, ( ,
, ) (
, , , ).
ASP HTML- GET,
LastName Department.

ColdFusion : #LastName# #Department#.


, PHP $_REQUEST[LastName]
$_REQUEST[Department].
6

().
, .
.
7 , .

SQL- .

28.4.2010.

DREAMWEAVER CS5 652




.
.

. .
,
, .
615.
1

> > > .


2 ,

.
3 . ,


,
.
- .


645
647
648

(ASP)
,
. ASP.
,
URL- .
. , ,
, ,
.
,
, .
1 .

, .
2 HTML- GET

URL- , URL-.

28.4.2010.

DREAMWEAVER CS5 653


3 HTML- POST,

.
4 .


690



,
.
. www.adobe.com/go/learn_dw_webapp_ru.
:

HTML-, ;
, .
,
.

Dreamweaver .
.
. ,
.


- 693

HTML-
1 ( > > )

Dreamweaver.
2 HTML- > >

.
. ,
( > > ) ,
.

28.4.2010.

DREAMWEAVER CS5 654


3 HTML-. <form>

, ( > ) .
action method ,
, .
.
4 , , ,

( > > ).
. ,
, .
5 ( > > ).

, ( >
) .


(ColdFusion)
1 ( > ) (+)

.
2 .
3 .
4 .
5 ,

.
6 ,

, ,
.
(, ,
).
.
7 ,

, .
8 .

Dreamweaver ,
HTML- .

(ASP)
1 ( > ) (+)

.
2 .

.
3 .
4 ,

, .

28.4.2010.

DREAMWEAVER CS5 655


5 HTML-, .

Dreamweaver .
6 ,

, ,
.
(, ,
).
.
7 .

Dreamweaver ,
HTML- .
( > )
.

(PHP)
1 ( > ) (+)

.
2 .
3 .
4 ,

.
5 ,

, ,
.
(, ,
).
.
6 ,

, .
7 .

Dreamweaver ,
HTML- .


1 > >

> .
2 .

.
3 .
4 ColdFusion .

28.4.2010.

DREAMWEAVER CS5 656


5 ,

, .
6 HTML-

, .
Dreamweaver .
,
, . (-).
.
HTML-.
, .
7 HTML- .

, .
Dreamweaver .

, .
, , , ,
. . ,
.
. .

,
. , , .

. ,
. , .
.
.
8 .

Dreamweaver HTML- .
, Dreamweaver.
(, .)
( > )
.



,
. , .
,
.

28.4.2010.

DREAMWEAVER CS5 657



, .
.
.
, HTML-.


647



. ,
.
.
,
. .
641.


URL- 691


, ,
, , ,
.
1 Dreamweaver .

.
2 ( > ) (+) .

, .
SQL-, .
3 ,

.
4 ( , - ) ,

.
5 ,

URL-, .

28.4.2010.

DREAMWEAVER CS5 658


, , .
, PRID
URL- id ,
, .

6 .

, ,
.

;
HTML-, ;
.

.


657
- 693

HTML-
1 ( > > ). .
2 Dreamweaver.
3 HTML- > >

.
. ,
( > > ) ,
.
4 HTML-. <form>

, ( > ) .
action method ,
, .
.
5 , ( > > ),

, .
. ,
, .

28.4.2010.

DREAMWEAVER CS5 659


.
,
.
6 ( > > ).

, ( >
) .


1 , , , .

. 657.
2 , .

HTML- 703
HTML- 704
HTML- 704
HTML- 702
HTML- 703


1 ( > ) (+)

.
.
2 .
3 .
4 , , .
5 , ,

.
6 (ColdFusion, PHP) ,

, ,

.
(, ,
).
.
7 (ASP) , ,

HTML-.
( , ) .
, . , ,
, .
8 ,

,
.

28.4.2010.

DREAMWEAVER CS5 660


9 (ASP) ,

, ,
. (, ,
). .
10 .

Dreamweaver ,
HTML- .
( > )
.

;
HTML-, ;
.

. HTML-
.
- ,
.

Dreamweaver .
.
. ,
.
1 > >

> .
.
2 .

.
3 ,

.
4 , ,

HTML-.
5 ( ,

) .
, . , ,
, .
6 ,

.
7 , .

28.4.2010.

DREAMWEAVER CS5 661


Dreamweaver .
,
, . (-).
.
HTML-.
, .
8 HTML- .

, .
Dreamweaver .

, .
, , , ,
. . ,
.
. .

,
. , , .

. ,
. , .
.
.
9 .

, .
.

.
10 .

Dreamweaver HTML- .
HTML- .
,
Dreamweaver. (, .)
( > )
.


657
HTML- 702

28.4.2010.

DREAMWEAVER CS5 662




, .
1 ,

.
2 (+).
3 .
4

, , , .
.
.
.



, .
, .
, , ,
. ,
.

, ,
.


, .
.
. ,
HTML-.


647



. ,
.
.


URL- 691

28.4.2010.

DREAMWEAVER CS5 663



1 .

> > .
2 , .

.
3

Delete. , .
.
4 Delete, .
5 . .

, Delete .
, ,
.
6 .
7 (ColdFusion) URL- .
?recordID=#recordsetName.fieldName#

, URL-.
recordID URL- ( ). URL, .
.
ColdFusion, .
. ColdFusion
recordsetName , fieldName ,
. .
.
confirmDelete.cfm?recordID=#rsLocations.CODE#

CODE
. , () CBR,
URL-.
confirmDelete.cfm?recordID=CBR

8 (PHP) URL- .
?recordID=<?php echo $row_recordsetName['fieldName']; ?>

, URL-.
recordID URL- ( ). URL, .
.
PHP, .
. PHP recordsetName
, fieldName ,
. .
.

28.4.2010.

DREAMWEAVER CS5 664


confirmDelete.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

CODE
. , () CBR,
URL-.
confirmDelete.php?recordID=CBR

9 (ASP) URL- .
?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>

, URL-.
recordID URL- ( ). URL, .
.
ASP, .
. ASP recordsetName
, fieldName ,
. .
.
confirmDelete.asp?recordID=<%=(rsLocations.Fields.Item("CODE").Value)%>

CODE
. , () CBR,
URL-.
confirmDelete.asp?recordID=CBR

10 .

( ASP)
1 .

> > .
2 , .

.
3

Delete. , .
.
4 Delete, .
5 ( > ) (+)

.
6 .
7 URL , , recordID.

, ,
.
8 , .

. ,
, .

28.4.2010.

DREAMWEAVER CS5 665


9 URL-.
10 .

. ,
URL-,
. , URL- recordID,
confirmdelete.asp, URL- :
http://www.mysite.com/confirmdelete.asp?recordID=43
URL-, http://www.mysite.com/confirmdelete.asp, .
, ?id=43, URL-. ,
. recordID URL-, 43
. URL- 43.


.
. ,
, - .
HTML-,
HTML- .
( )
.
.
. ,
.

HTML-
1 , .

.
(, deleteConfirm.cfm).
2 HTML- ( > > ).
3 .

, URL-.
> >
.
4 .

.
> > .
5 .


1 ( > ) (+)

().

28.4.2010.

DREAMWEAVER CS5 666


.
, .
2 , ,

.
3 ( ) .


, Control (Windows) Command (Macintosh).
, ,
.
4 , URL-

, .

,
, URL-,
. , URL- ,
. , ,
CODE ,
URL-, .

, , (
).

URL-.
URL- .

URL-, .

5 .


1 ( )

.
, .
.
610.
.

28.4.2010.

DREAMWEAVER CS5 667


2 , ( >

> ), ,
.
.
3 , .
4 .

CODE,
.

5 .

28.4.2010.

DREAMWEAVER CS5 668




.
.

(ColdFusion, PHP)
1 , Dreamweaver ColdFusion PHP.
2 ( > ) (+)

.
3 , ,

.
.
4 (ColdFusion)

.
5 , .
6

.
.
, ,
, .
, .
7 ,

, (PHP).
.
URL- .
8

,
.

, ,
, , .

9 .

28.4.2010.

DREAMWEAVER CS5 669


(ASP)
1 , Dreamweaver ASP.
2 ( > ) (+)

.
3

.
.
4 ,

.
5 , .
6 ( ,

) .
, . , ,
, .
7 , HTML- ,

.
8 ,

.
, ,
, , .
9 .


1 , -,

.
.
2 .
3 , , .


(ColdFusion, ASP)
ASP
ASP , .
SQL-, ,
.
, SQL- .
.

28.4.2010.

DREAMWEAVER CS5 670


,

.
true, VBScript.
mycommand.Prepared = true

, ,
.
. .
, ,
true.
false.
ASP-, Dreamweaver
ASP-.

ASP-
Dreamweaver ASP-, ,
. SQL- ,
.
1 Dreamweaver ASP-, .
2 ( > ), (+)

.
3 , , ,

, : ,
.
Dreamweaver SQL- . ,
, .

4 SQL-

SQL- .
Transact-SQL.
5 SQL- . .

DREAMWEAVER CS5 671

28.4.2010.

Insert SQL.
URL-,
.

Dreamweaver.
. .
. , ADDRESS (WChar 50). 50.
.
. , /
-1.
. .

Dreamweaver

(MS Access, MS SQL Server, MySQL)

-1

, / (MS Access, MS SQL Server, MySQL)

-1

/ (MS Access, MS SQL Server, MySQL)

DBTimeStamp

-1

, LongVarChar
MySQL char, varchar longtext

(MS Access) nvarchar, nchar (MS SQL Server)

VarWChar

Memo (MS Access), ntext (MS SQL Server)


LongVarWChar

1073741823

SQL- .
www.adobe.com/go/4e6b330a_ru.
6 .

Dreamweaver ASP-, ,
.
true,

.
false.

28.4.2010.

DREAMWEAVER CS5 672


7 HTML-, .

HTML- (txtCity, txtAddress txtPhone) . GET


, .


, , ,
,
ASP-.
,
. SQL-,
, .
. ,
.
,
.
,
.
,
,
.
. MySQL Microsoft Access .

(ColdFusion)
.
, .
,
SQL- .
. Transact-SQL.
1 Dreamweaver , .
2 ( > ) (+) .
3 ,

.
4 ColdFusion.
5 .

Dreamweaver .
6 ,

.
.
. .

28.4.2010.

DREAMWEAVER CS5 673


7 .

.
, .

SQL. ,
.
8 , (+) .

.
.
.
(+).
9 (-)

.
10 , .

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

.
11 .

, . .
. Dreamweaver ColdFusion,
. ,
, .
, ,
. , ,
URL- HTML-.


SQL 596

(ASP)
ASP- .
. ASP 669.
1 Dreamweaver , .
2 ( > ) (+) (

).
.

28.4.2010.

DREAMWEAVER CS5 674


3 , , ,

.
4

, .
5 .

RETURN_VALUE .
6 .

ASP-. ,
, . ,
, .
true,

. , ,
.
- ,
-, .

false.
. .
,
. false.
, ,
. , ,
URL- HTML-.



- .
.


HTML-,
.

28.4.2010.

DREAMWEAVER CS5 675



HTML- 675
676
676


,
.

, .
,
.

(Microsoft
Access, Microsoft SQL Server, Oracle ..)
.
. .


.
HTML-,
.


681

HTML-
HTML-
.
1 ( > )

Dreamweaver.
2 HTML- .

. ,
( > > ) ,
.
3 HTML-. <form>

, ( > ) .
action method ,
, .
.
4 ( > > ),

.
.

28.4.2010.

DREAMWEAVER CS5 676


( ),
. HTML-.
. - 693.
5 ( > > ).

, ( >
) .

.



.
1 ( > ) (+)

.
.
2 ; , ,

. .
.


653

,
.
,
,
. ,
.
( , ,
).
1 ( > ) (+)

> .
2 ,

.
3 , ,

, .
, ,
.

28.4.2010.

DREAMWEAVER CS5 677




- ,
.
.


HTML-
,

, .


HTML- 677
678



.
. .

.
HTML-
. . .


674

HTML-
HTML- .
1 ( > > )

Dreamweaver.
2 HTML- .

. ,
( > > ) ,
.
3 HTML-. <form>

, ( > ) .
action method ,
, .
.

28.4.2010.

DREAMWEAVER CS5 678


4 ( > > ).

( ) ,
HTML- border 0.
5 ( > > ).

, ( >
) .

.



.
,
, ,
. ( ,
). , ( ,
).
1 ( > ) (+)

> .
2 , .
3 (ColdFusion) , , .
4 ,

.
, ,
.
5 , .

, , .
6 , .

,
.
7

,
URL-.

,
.
,
.

, , .

28.4.2010.

DREAMWEAVER CS5 679


.
,
.


680
679




- ,
.
, URL-
, . ,
,
.
,
.

. ,
.

.
( ).
,
.
, .
,
.


,
.


(ColdFusion) 682

28.4.2010.

DREAMWEAVER CS5 680




. ,
, , URL-
,
.
.
HTML-. , ,
.
,
.


1 , .
2 ( > ) (+)

> .
3 .

,
.
, .
.
4 .

(+).
, .
, ,
. , Administrator,
Administrator, Admin.
5 ,

Control (Windows) Command (Macintosh).


, ,
.
6 ,

.
, .
7 .


1 (

, (+)) .
2 .

.
3 , .

28.4.2010.

DREAMWEAVER CS5 681


4 ( > ) -

.
5 3 4 , .


,
. ,
.
1

, (,
, ..).
.

. (, ),
(, ).
.
2 , ,

. (,
) , .


, .
,
( )
.

.

,
1 , .
2 ( > ) (+)

> .
3 , , .

, .


1 , Dreamweaver.

, .
2 ( > ) (+)

> .
3 .

28.4.2010.

DREAMWEAVER CS5 682


(ColdFusion)
(ColdFusion)
Dreamweaver ColdFusion,
. , ColdFusion
. ColdFusion ,
.
.
ColdFusion MX 7 .
1 Dreamweaver ColdFusion, >

ColdFusion.
2 ColdFusion.
a , , .
b .
.
Windows NT NT.
LDAP ,

LDAP.
c , ColdFusion

.
d .

, ,
.

Windows NT, NT .
LDAP, LDAP .
3 . .


ColdFusion 708
679
(ColdFusion) 682

ColdFusion
ColdFusion
ColdFusion (CFC) -
, . CFC -.

28.4.2010.

DREAMWEAVER CS5 683


CFC ,
ColdFusion (CFML), .
CFC Dreamweaver. CFC
. ColdFusion Dreamweaver ( > ColdFusion).
. CFC ColdFusion MX . ColdFusion 5 CFC
.
CFC -.
-.
, , ..
,
. ,
.
. , ,
.
, - .
20 4 , 20 40
6 ..
, HTML CFML,
.
CFC Pricing, ShippingCharge.
. , 32,80,
6.
( )
ShippingCharge. ,
.
:
100 . , ShippingCharge
Pricing. , ,
.

(ColdFusion)
( > )
ColdFusion , CFM.
. ColdFusion Dreamweaver.


-, CFC 686

CFC Dreamweaver
Dreamweaver CFC . Dreamweaver
.cfc CFML-.

28.4.2010.

DREAMWEAVER CS5 684


. , , .
1 Dreamweaver ColdFusion.
2 ( > ) CF.
3 (+), .
a . .
. (_).

.cfc.
, .
(, \Inetpub\wwwroot\myapp\) .

b ,

(+) .
, , .
, -.
c ,

, (+) .
4 CFC

(, ).
Dreamweaver,
.
Dreamweaver CFC- .
( ).
5 CFC.


-, CFC 686
ColdFusion 682

CFC Dreamweaver
Dreamweaver ColdFusion (CFC),
. Dreamweaver CFC-
.
Dreamweaver . . Dreamweaver
564. CFC CFC CFC-
, .
, , .
CF.

ColdFusion.
ColdFusion MX 7 ,
CFC, .

28.4.2010.

DREAMWEAVER CS5 685


.
, -.
Dreamweaver CFC, ,
-, Dreamweaver.
, -.
.
CFC Dreamweaver .
1 Dreamweaver ColdFusion.
2 ( > ) CF.
3 .

. ,
CFC-.
,
.
4 CFC, ,

CFC -.
. ,
Dreamweaver , ColdFusion MX 6 .
. ,
.
5 (+) .

(+) .
, (
), .
(+).

, ,
.
(Windows) ,
Control (Macintosh), .
.


49
ColdFusion 708
-, CFC 686

CFC Dreamweaver
Dreamweaver ColdFusion,
. , , ,
Dreamweaver.

28.4.2010.

DREAMWEAVER CS5 686


ColdFusion .
- Dreamweaver
/.

-
(, c:\Inetpub\wwwroot\cf_projects\myNewApp\).
> .


.
Dreamweaver ColdFusion .
( > ),
CF ,
.
ColdFusion , Dreamweaver ,
.
.
1 Dreamweaver ColdFusion

( > ).
2 CF .

ColdFusion , Dreamweaver ,
.
. CFC
.
3

.
.
4 ,

.
5 .
6 ( > ).
7 ,


CFC Dreamweaver 684

-, CFC
-
, .
Dreamweaver.

28.4.2010.

DREAMWEAVER CS5 687


. . ColdFusion
Dreamweaver ( > ColdFusion).
1 Dreamweaver ColdFusion, .
2 ( > ).
3 ( > )

CF.
4 .

. .
(
). Dreamweaver , .
5 .

. ColdFusion Dreamweaver ( >


ColdFusion).
6 ( > ).

CFC
Dreamweaver ( ColdFusion)
ColdFusion (CFC). CFC
, . CFC
CFC .
. ,
ColdFusion MX 7 . .
ColdFusion 708.
1 CFC- Dreamweaver.
2 ( > ) (+)

().
.
.
3 CFC

5.
.
4 CFC ,

.
(_).
5

.
CFC, .


CFC Dreamweaver 683

28.4.2010.

DREAMWEAVER CS5 688


CFC

ColdFusion (CFC) , ,
.
.
ColdFusion MX 7 . .
ColdFusion.
1 Dreamweaver ColdFusion.
2 ( > ) (+)

().
.
.
3 CFC.
4 CFC,

CFC .
5 .

.
609.

CFC
Dreamweaver
CFC .
1 CFC .

rs ,
: rsPressRelease.
(_).
.
2 , .

, .
, .
, CFC . CFC,
.
3 , .


, CFC- .
4 ().
a CFC.

(_).
b CFC .

. .

28.4.2010.

DREAMWEAVER CS5 689


5 .

,
.
, , ,
.
. SQL .
6 (, ),

.
a .

, .
URL-, cookie, ,
.
b .

, .
c .

SQL-. .
SQL- .
7 .

SQL- , ,
.
, . ,
.
CFC.
8 .

28.4.2010.

21.
, - ,
, .
, ( )
.
Dreamweaver : PHP,
ASP ColdFusion. ColdFusion
. , , ,
, . Dreamweaver
, . , ,
@, ,
.



- ,
, .
HTML- .
HTML- . HTML , URL-.
.

(, ) :
URL-, . URL-
.

HTML-
HTML POST GET.
POST - .
, . POST
, (, , ),
, .
GET URL-. ,
. GET .
Dreamweaver HTML-, .
, .
. ,
txtLastName,
.

690

28.4.2010.

DREAMWEAVER CS5 691


txtLastName=enteredvalue

, - - (,
),
,
/. ,
. ,
:

,
.
(, ):

Dreamweaver . Dreamweaver .


- 693
609
552

URL-
URL- .
, URL- ,
, .
URL- -, URL-.
(?) name=value.
URL- (&).
URL- -.

28.4.2010.

DREAMWEAVER CS5 692


http://server/path/document?name1=value1&name2=value2

- -.
, .
, .
1 report.cfm. URL-

Currency=euro. Currency="euro" ,
.
2 URL- .
3 report.cfm .

, ,
( , ).
4 report.cfm .

, URL-,
.
-
http://www.mysite.com/
report.cfm?Currency=""
=

-
<HTML>
<code>
</HTML>
.cfm

URL HTTP- GET HTML-.


GET , URL-
.
URL- -
. , URL-,
, ,
, .
-,
. -
URL- . ,
SQL -.

URL - HTML-
URL- HTML- href HTML- .
URL ( > ),
URL URL- .

28.4.2010.

DREAMWEAVER CS5 693


URL- (action)
(Add, Update Delete). ,
.
<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a>
<a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a>
<a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>

( > ) URL
URL- URL- .

URL- Dreamweaver . URL- Dreamweaver


.


URL- 588
291
601
609
552

-
-
, - ,
, .
, ( )
.
,
PHP, ASP ColdFusion. ColdFusion
, ColdFusion.
. .


690
ColdFusion 708

DREAMWEAVER CS5 694

28.4.2010.


Dreamweaver .
. .
- .

, , ,
, .

. , , .
- .
, .
, , ,

, , .
.

.
.
, . ,
.
.

. : ,
.

28.4.2010.

DREAMWEAVER CS5 695


(
). . ,
.

. ,
. ,
, .
, , ,
.
. HTML- .
, ,
.
,

, .
.
.
, .
, , .


381

HTML-
1 , .
2 >

.
.
, > > .
3 HTML- ( > ).
a , .
b .

28.4.2010.

DREAMWEAVER CS5 696


,
JavaScript VBScript. , Dreamweaver formn
n , .
c , .

, .
: processorder.php.
d ,

. .
.

GET.
GET URL-, .
POST HTTP.

GET . URL- 8192 .


, ,
.
, , GET,
, , , URL-,
. , ,
POST, .
,
POST , GET. , POST,
.
.
e MIME ,

().
application/x-www-form-urlencode POST.
MIME multipart/form-data.
f

, ,
().

, .
.
_blank .
_parent ,
.
_self , .
_top . ,

, .
4 :
a , .
b > .

28.4.2010.

DREAMWEAVER CS5 697


c Input.

.
. Input , ,
: .
, , .
. (David Powers) HTML-
Dreamweaver.
d .
e .

, , ,
.
. , ( _ ).
, , , (
) . .
. .
f

, ,
.

5 .

, ,
. ( , ),
.
,
, . ,
.
.
, table form.
: www.adobe.com/go/vid0160_ru.
CSS :
www.adobe.com/go/vid0161_ru.


690
601
URL 601
ColdFusion 708
Spry 448

28.4.2010.

DREAMWEAVER CS5 698



:
, .

, , ,
. , 20 ( ),
100 , 20 .
, .
,

.
, ..
, .
, .
, .
( , .)

.
.
.
, .

input type, text.


size, maxlength.

textarea. cols,
rows.
input type, password.
, .
,
, .
, . ,

, , .
CSS.


. , ,


, .
, .
, .

.
, .
.
, . , JavaScript,
.
CSS.

28.4.2010.

DREAMWEAVER CS5 699



, , .

, 4 1
.
, , .
. ,

, / ,
. .
, .
CSS.


, , .

, skiing, ,
.
, , .
. ,

.
.
, .
CSS.


/ . .
, : ( )

( ). ,
, .
.

, .
, ( ).
, ( ).
, :

1 (+) (-).
2 .

(, ) (,
). ,
.
3 .

,
. .
.

28.4.2010.

DREAMWEAVER CS5 700


CSS.
, .


, ,
, . ,
, , .
, ,
.
, ,
.
. , PHP, . Handling files
uploads ( ) :
http://us2.php.net/features.file-upload.php.
POST .
, .
. ,
.
1 ( > ).
2 , .
3 POST.
4 multipart/form-data.
5 , .
6 > > .
7 :
.
, .
, .

, ,
. ,
, , .


.
, , .
1 .
2 > > .

.
3

28.4.2010.

DREAMWEAVER CS5 701


4 .
ImageField. . , ,

, .
Src , .
Alt , .
.

.
CSS.

5 JavaScript,

( > ).


.
. .


1 .
2 > > .
3 .
a .


. , myGroup, GET ( ,
URL ),
URL- myGroup=CheckedValue.
b , (+).

.
c .
d , ,

, .
, ,
, .
.
,
( > ).
e , Dreamweaver .

. , Dreamweaver
, .
.

28.4.2010.

DREAMWEAVER CS5 702



1 .
2 > > .
3 .
a .

.
, myGroup, GET ( ,
URL ),
URL- myGroup=CheckedValue.
b , (+).

.
c .
d , ,

, .
, ,
, .
.
, ( >
).
e , Dreamweaver .

. , Dreamweaver
, .
.


, ,
, . ,
, ,
.
.
. ,
. , ,
,
, .


593

HTML-
HTML- .
HTML.

28.4.2010.

DREAMWEAVER CS5 703


HTML ColdFusion, PHP ASP,


.
1 HTML- /:
a HTML- ( > > ).
b > > /.
2 .

HTML- /,
.

> > >


.
3 / .
a ,

.
, .
b .

/
.
c (+) (-)

(). ,
. .
.
d , .
e , .
f


, ,
().

,
.
.

HTML-
1 /.
2 .
3 .

HTML
HTML.
ColdFusion, PHP ASP,
.
1 HTML- .

28.4.2010.

DREAMWEAVER CS5 704


.
3 , ,

1 , .
2 ,

.
.
, (+)
.


593

HTML-
, ,
.
ColdFusion, PHP ASP,
.
, / true/false.
1 .
2 .
3 .

,
.
, Yes No true false.
,
(+) .

, , .
, , Yes,
Yes.
. .

HTML
HTML- HTML-
.

28.4.2010.

DREAMWEAVER CS5 705


ColdFusion, PHP ASP ,


HTML- ( > > ).
.
, / true/false.
1 .
2 .
3 .


1 .

.
2 .

.
3 ,

.
, .
,
( > ).
4 .

(ColdFusion)
1 .
2 .
3 .
a .
b ().
c , Dreamweaver

().
4 , ,

HTML-
Dreamweaver JavaScript, ,
.
Spry
. . Spry.
Dreamweaver ColdFusion,
. . , ColdFusion.
1 HTML-, .

, , , .

28.4.2010.

DREAMWEAVER CS5 706


2 .
3 ( > ) (+)

.
4 .

, , .
. ,
.


471
476
480
483
ColdFusion 721

JavaScript HTML
JavaScript, Dreamweaver, HTML-,
.
1 HTML-.
2 ( > ) (+)

HTML-
JavaScript VBScript
. Dreamweaver
.
1 .
2 ( > ) (+)

JavaScript.
3 JavaScript JavaScript, ,

.
, , , processMyForm().
4 JavaScript head , .

, head JavaScript
:
function processMyForm(){
alert('Thanks for your order!');
}

28.4.2010.

DREAMWEAVER CS5 707



JavaScript 372

HTML-
HTML- ,
.

. .
581.
.
2 , .
3 > , .

Input.
4 .

:
.
.
.
JavaScript. for,
label for.
label label :
<label>
<input type="radio" name="radiobutton" value="radiobutton">
RadioButton1</label>

label for for,

label .
<input type="radio" name="radiobutton" value="radiobutton" id="radiobutton">
<label for="radiobutton">RadioButton2</label>

, ,
,
, .
. ,
.
label , :
<input type="radio" name="radiobutton" value="radiobutton">
RadioButton3

( )
Alt (Windows) Control (Macintosh) . , B
, Macintosh
Control + B .

28.4.2010.

DREAMWEAVER CS5 708


.
, .

,
, .
5 , form.

.
. , , Dreamweaver
.


1 .
2 .

.
(Windows) Control (Macintosh)
.

ColdFusion
ColdFusion
ColdFusion .
, , .
. HTML-,
.
Dreamweaver ColdFusion,
ColdFusion MX 7 .
, ,
ColdFusion .
, . , @

.

ColdFusion
,
ColdFusion MX 7 , Dreamweaver.
, ,
.
. Dreamweaver
, ColdFusion.
1 Dreamweaver ColdFusion, .
2 -c -, .

28.4.2010.

DREAMWEAVER CS5 709


3 Dreamweaver

ColdFusion MX 7 . URL-.
4 ColdFusion.

Dreamweaver ,
ColdFusion.


(ColdFusion) 682
Dreamweaver 39
49

ColdFusion
, ,
ColdFusion
Dreamweaver.
. ,
ColdFusion MX 7 .
1 ColdFusion ,

ColdFusion.
2 > ColdFusion > CFForm > CFForm

CFForm CF.
Dreamweaver ColdFusion.
. , >
> .
3 , - ,

.
CFForm .
ColdFusion, .
.

POST HTTP post;


.
GET HTTP get;
URL-.
cfform.
, .

. .
, ( post).
application/x-www-form-urlencoded.

28.4.2010.

DREAMWEAVER CS5 710


HTML HTML- . cfgrid cftree


Flash.
Flash Flash- .
Flash.

XML XForms XML ColdFusion.


. cfgrid cftree
Flash.
. . ColdFusion.
Flash/XML .
, .
,

, .

False, .
True .
URL- ( -) JavaScript,

, . ,
.
, /CFIDE.
ColdFusion; /CFIDE/scripts/cfform.js.
URL- Java- cfgrid, cfslider

cftree, . /CFIDE/classes/cfapplets.jar.
.
.
CFForm ,

.
4 ColdFusion.

, ColdFusion,
( > ColdFusion > CFForm)
CFForm .
5 , .

, ,
.
.
6 ColdFusion.

HTML- ,
. ColdFusion ( ,
), ColdFusion.
Flash- (CSS) .
ColdFusion HTML .

28.4.2010.

DREAMWEAVER CS5 711


ColdFusion, ,
. , .


ColdFusion 721
HTML- 695

ColdFusion
ColdFusion.
ColdFusion, .
. ,
ColdFusion MX 7 .
1 .
2 > ColdFusion > CFForm

CFForm .
3 , , .

. .


ColdFusion 721
ColdFusion 721

ColdFusion
ColdFusion ,
.
. ,
ColdFusion MX 7 .

ColdFusion
1 .
2 CF CFForm

> ColdFusion > CFForm > CFtextfield.


.
3 .
4 , .


1 1 2 .
2 , .
3 .

28.4.2010.

DREAMWEAVER CS5 712


CFTextField (ColdFusion)
ColdFusion,
CFTextField.
CFtextfield id <cfinput>.
, .
, .

,
.
.
.

, , type.
.
.
.
. : A, 9, X ?.

. mask cfinput type=password.


.
: onSubmit, onBlur onServer.
.
JavaScript
. . .
ColdFusion.
.
.
.
,

.
, .

ColdFusion
ColdFusion .
, .
.
. ,
ColdFusion MX 7 .
1 .
2 CF CFForm .

ColdFusion . , >
> .

28.4.2010.

DREAMWEAVER CS5 713


3 .
Cfhiddenfield .
. , .

,
.
.
.
: onSubmit, onBlur onServer.
. ColdFusion
.
JavaScript
. . .
ColdFusion.
.
ColdFusion .
. ColdFusion
.
. ColdFusion

.
, .
, .


ColdFusion 721

ColdFusion
ColdFusion .
, .
. ,
ColdFusion MX 7 .
1 .
2 CF CFForm .

ColdFusion .
3 .
Cftextarea .
.
.
, .

28.4.2010.

DREAMWEAVER CS5 714


, ( )
( ).
,

.
.
: onSubmit, onBlur onServer.
.
. . ColdFusion.
.
ColdFusion .
. ColdFusion
.
, .

4 , .


ColdFusion 721
ColdFusion 721

ColdFusion
ColdFusion . ColdFusion
ColdFusion.
ColdFusion . ColdFusion Submit,
Reset Send. , .
,
.
. ,
ColdFusion MX 7 .
1 .
2 CF CFForm .

ColdFusion .
3 .
Cfbutton .
.
, .

ColdFusion .


ColdFusion 721

28.4.2010.

DREAMWEAVER CS5 715


ColdFusion
ColdFusion . ,
.
. ,
ColdFusion MX 7 .
1 .
2 CF CFForm .

ColdFusion .
3 .
Cfcheckbox .
,

.
.
, : onSubmit, onBlur onServer.
.
JavaScript

. . .
ColdFusion.
.
ColdFusion .
. ColdFusion
.
. ColdFusion
.
, .
, .

4 , .


ColdFusion 721
ColdFusion 721

ColdFusion
ColdFusion .
, , .
, , .
.

28.4.2010.

DREAMWEAVER CS5 716


. ,
ColdFusion MX 7 .
1 .
2 > ColdFusion > CFForm > CFradiobutton.

ColdFusion .
3 .
Cfradiobutton .
,

.
.
, : onSubmit, onBlur onServer.
.
JavaScript
. . .
ColdFusion.
.
ColdFusion .
. ColdFusion

.
. ColdFusion
.
, .
, .

4 , .


ColdFusion 721
ColdFusion 721

ColdFusion
ColdFusion .
. ,
. , ,
, . ,
, ,
, .
: , ,
, , .

28.4.2010.

DREAMWEAVER CS5 717


. ,
ColdFusion MX 7 .
1 .
2 CF CFForm .

ColdFusion .
3 .
Cfselect .
. ,

.
.
, .
,
. , .
, ,

.
, .

, .
ColdFusion,

.
,

. .
, .

.
Flash .
Flash .

ColdFusion .
Flash .
ColdFusion .
, ,

.
, .
, .


ColdFusion 721
ColdFusion 721

ColdFusion
ColdFusion .
.

28.4.2010.

DREAMWEAVER CS5 718


. ,
ColdFusion MX 7 .
1 .
2 CF CFForm .

, , .
Src.
. , .
, , .
3 .
Cfimagefield .
URL- .
Alt , , .
.
.
, .

, > >
. .
.
: onSubmit, onBlur onServer.
.
JavaScript

. . .
ColdFusion.
.
.
. ColdFusion
.
,

.
, .


ColdFusion 721
ColdFusion 721

28.4.2010.

DREAMWEAVER CS5 719


ColdFusion
ColdFusion . ,
(,
) . ColdFusion , ,
, . ,
, .
POST .
, . ,
, , .
multipart/form.
Dreamweaver .
. ,
ColdFusion MX 7 .
1 CFForm, .

, <cfform>
.
2 POST.
3 multipart/form-data.
4 , .
5 > ColdFusion > CFForm > CFfilefield.

.
6 .
Cffilefield .
.
.
: onSubmit, onBlur onServer.
.
JavaScript
. . .
ColdFusion.
.
ColdFusion .
. ColdFusion
.
.
, .
, .

28.4.2010.

DREAMWEAVER CS5 720



ColdFusion 721
ColdFusion 721

ColdFusion
ColdFusion Dreamweaver,
. ColdFusion ,
.
. ,
ColdFusion MX 7 .
1 CFForm, .

, <cfform>
.
2 Flash.

ColdFusion Flash.
3 ( > )

CFForm :
<cfinput name="datefield" type="datefield">

4 ,

.
Cfdatefield .
, .
, .

,
.
.
.
: onSubmit, onBlur onServer.
.
JavaScript
. . .
ColdFusion.
.
.
.
, .
, .

28.4.2010.

DREAMWEAVER CS5 721



ColdFusion 721

ColdFusion

ColdFusion.
. ,
ColdFusion MX 7 .
1 ;

.
.
2 .

.
3 ,

ColdFusion
Dreamweaver ColdFusion, ,
.
. ,
ColdFusion MX 7 .
1 ColdFusion . ,

ColdFusion, , .
2 , .
3 .

,
. , ,
. .
.

28.4.2010.

22.
Dreamweaver

250
SWF 263
HTML- 705
208
189


- -,
, , -
.
- , ,
, .. Dreamweaver
,
.
Dreamweaver, ,
, ,
.
-, , Dreamweaver
,
. ,

(, ).
.
.
Web Accessibility Initiative ( )
W3C (www.w3.org/wai) 508 (www.section508.gov).
.
,
-.
, , .

722

28.4.2010.

DREAMWEAVER CS5 723


Dreamweaver
, .
, ,
, ,
.
- Dreamweaver
. .
Dreamweaver JAWS Windows, Freedom Scientific
(www.freedomscientific.com), Window-Eyes GW Micro
(www.gwmicro.com).

Dreamweaver Windows Macintosh.


, Macintosh
Universal Access Preferences (Apple > System Preferences).
Dreamweaver.
, Windows, .
Windows. Dreamweaver
.

. ,
, Dreamweaver
.

. ,
, >
> , Dreamweaver
.

, >
; , , .



,
, , .
,
Dreamweaver .

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

.
,

. , , , .

28.4.2010.

DREAMWEAVER CS5 724


,
. ( ,
.)

.
.
.

Dreamweaver
Dreamweaver CS5, Dreamweaver .

Dreamweaver
, , ,
.
. Tab
Windows.


1 , Ctrl F6 .

, .
, .
2 Ctrl F6 ,

. ( Ctrl,
Shift F6.)
3 , Windows

, Control F6.
, ,
. , .
4 Tab .
5 .

,
, .

, ,
.
Tab.


1 , Ctrl + F3.
2 Ctrl + F6 ( Windows) ,

.
3 Tab .
4 .

28.4.2010.

DREAMWEAVER CS5 725


5 Ctrl + / (Windows) Command +

/ (Macintosh),
,
.
. ,
( ).


1 Tab .
2 .
3 ,

Ctrl Tab ( Windows),


.
4 Ctrl Tab.
5 , .


1 , Alt + .
2 , , Alt + .
3 , (

), Alt .
4 ,

Alt + .
5 Alt +

Tab.
, Tab
.
2 Ctrl A,

.
3 , Ctrl + A,

, , .
4 , Ctrl + A,

, , , , ,
, .