Master VISUALLY^TM Dreamweaver« 4 and Flash^TM 5

by Sherry Willard Kinkoph; Mike Wooldridge; Brock Bigard

• ISBN13: 9780764508554
• ISBN10: 0764508555
• Format: Paperback
• Copyright: 2001-01-01
• Publisher: Visual

Summary

Hundreds of oversized screenshots guide you through each task, screen-by-screen in Master VISUALLY Dreamweaver 4 and Flash 5! This is the only book with real-life, type and work projects for Dreamweaver and Flash! It even includes a sample generic web site created with Dreamweaver and Flash that you can modify to your specific needs!

Author Biography

About the Author Sherry Willard Kinkoph has written more than 40 books over the past nine years, covering a variety of computer topics ranging from software to hardware, from Microsoft Office programs to the Internet. Sherry&#39;s ongoing quest is to help users of all levels master the ever-changing computer technologies. No matter how many times they &#151; the software giants and hardware conglomerates &#151; throw out a new version or upgrade, Sherry vows to be there to make sense of it all and help computer users get the most out of their machines. Mike Wooldridge is a Web developer in the San Francisco Bay Area. He has authored several other Visual<SUP>&#153;</SUP> books, including Teach Yourself Visually Dreamweaver 4 and Teach Yourself Visually Photoshop 6. For more information about Dreamweaver, see his Web site at www.mediacosm.com/dreamweaver. Brock Bigard is a Multimedia Development Specialist for Hungry Minds, Inc., where he creates interfaces for the CD-ROMs that accompany the publisher&#39;s books. He is a first-time author who studied computer science at Indiana University. He also develops promotional CD-ROMs for Hungry Minds and other companies.

Table of Contents

1 USING DREAMWEAVER
Getting Started with Dreamweaver
An Introduction to the World Wide Web	4	(2)
The Parts of a Web Page	6	(2)
Plan Your Web Site	8	(2)
The Dreamweaver Interface on a Windows PC	10	(1)
The Dreamweaver Interface on a Macintosh	11	(1)
Start Dreamweaver on a PC	12	(1)
Start Dreamweaver on a Macintosh	13	(1)
Get Help	14	(2)
Dreamweaver Basics
Open and Close Windows, Panels, and Inspectors	16	(2)
Using the Document Window	18	(2)
Using the Property Inspector	20	(1)
Using the Objects Panel	21	(1)
Undo Commands with the History Panel	22	(1)
Combine Panels	23	(1)
Create a Command with the History Panel	24	(2)
Create a Keyboard Shortcut	26	(2)
Set Preferences	28	(2)
Working With HTML
An Introduction to HTML	30	(2)
View and Edit the Source Code	32	(2)
Clean Up Your HTML	34	(2)
Using the Quick Tag Editor	36	(2)
View and Edit Head Content	38	(2)
Using the Reference Panel	40	(2)
Setting Up Your Web Site
Set Up a Local Site	42	(2)
Open a Web Page	44	(2)
Create a New Web Page	46	(1)
Add a Title to a Web Page	47	(1)
Save a Web Page	48	(2)
Preview a Web Page in a Browser	50	(2)
Formatting Text
Create Paragraphs	52	(2)
Create a Heading	54	(2)
Create Line Breaks	56	(1)
Add Extra Blank Space	57	(1)
Create Unordered Lists	58	(2)
Create Ordered Lists	60	(2)
Insert Special Characters	62	(2)
Change a Font	64	(2)
Format Text as Bold or Italic	66	(2)
Change Font Size	68	(2)
Change Font Color	70	(2)
Apply HTML Styles	72	(1)
Create a New HTML Style	73	(1)
Working With Images and Graphics
Incorporating Images and Graphics	74	(2)
Insert an Image into Your Web Page	76	(2)
Wrap Text around an Image	78	(1)
Center an Image	79	(1)
Change the Size of an Image	80	(2)
Add Space Around an Image	82	(1)
Add a Horizontal Rule	83	(1)
Add a Background Image	84	(2)
Change the Background Color	86	(1)
Add Alternate Text	87	(1)
Insert Multimedia	88	(2)
Creating Hyperlinks
Creating Hyperlinks	90	(2)
Hyperlink to Another Page in Your Site	92	(2)
Hyperlink to Another Web Site	94	(2)
Create Image Hyperlinks	96	(2)
Hyperlink to Information on the Same Page	98	(2)
Hyperlink to Other Files	100	(2)
Create Multiple Hyperlinks within an Image	102	(2)
Create a Hyperlink That Opens a New Window	104	(1)
Hyperlink by Using the Site Window	105	(1)
Change the Color of Hyperlinks	106	(2)
Create an E-mail Hyperlink	108	(1)
Check Hyperlinks	109	(1)
Creating Tables
Insert a Table into Your Web Page	110	(2)
Insert Content into a Table	112	(2)
Change the Background of a Table	114	(2)
Change the Cell Spacing or Padding in a Table	116	(1)
Change the Alignment of Table Content	117	(1)
Insert or Delete a Row or Column	118	(2)
Split or Merge Table Cells	120	(2)
Change the Dimensions of a Table	122	(2)
Create a Layout Table	124	(2)
Rearrange a Layout Table	126	(2)
Adjust the Width of a Layout Table	128	(2)
Creating Forms
An Introduction to Forms	130	(1)
Set Up a Form	131	(1)
Add a Text Field to a Form	132	(2)
Add a Multiline Text Field to a Form	134	(2)
Add a Password Field to a Form	136	(2)
Add Check Boxes to a Form	138	(2)
Add Radio Buttons to a Form	140	(2)
Add a Menu or List to a Form	142	(2)
Create a Jump Menu	144	(2)
Add File Uploading to a Form	146	(1)
Add Hidden Information to a Form	147	(1)
Add a Submit Button to a Form	148	(1)
Add a Reset Button to a Form	149	(1)
Designing With Frames
An Introduction to Frames	150	(1)
Divide a Page into Frames	151	(1)
Insert a Predefined Frameset	152	(1)
Nest Frames	153	(1)
Add Content to a Frame	154	(2)
Save a Framed Site	156	(2)
Delete a Frame	158	(1)
Name a Frame	159	(1)
Hyperlink to a Frame	160	(2)
Change the Dimensions of a Frame	162	(2)
Format Frame Borders	164	(2)
Control Scroll Bars in Frames	166	(1)
Control Resizing in Frames	167	(1)
Using Library Items and Templates
An Introduction to Library Items and Templates	168	(1)
View Library Items and Templates	169	(1)
Create a Library Item	170	(2)
Insert a Library Item	172	(2)
Edit a Library Item and Update Your Web Site	174	(2)
Detach Library Content for Editing	176	(2)
Create a Template	178	(2)
Set a Template's Editable Regions	180	(2)
Create a Page Using a Template	182	(2)
Edit a Template and Update Your Web Site	184	(2)
Implementing Style Sheets and Layers
An Introduction to Style Sheets	186	(2)
Customize an HTML Tag	188	(2)
Create a Class	190	(2)
Apply a Class	192	(2)
Edit a Style Sheet Class	194	(2)
Using CSS Selectors to Modify Links	196	(2)
Create and Attach an External Style Sheet	198	(2)
Create a Layer	200	(2)
Resize and Reposition Layers	202	(2)
Add a Background Color to a Layer	204	(1)
Change the Stacking Order of Layers	205	(1)
Implementing Behaviors
An Introduction to Behaviors	206	(2)
Create a Rollover Image	208	(2)
Create a Status Bar Message	210	(2)
Validate a Form	212	(2)
Open a Customized Browser Window	214	(2)
Check a User's Browser	216	(2)
Debug JavaScript	218	(2)
Implementing Timelines
An Introduction to Timelines	220	(1)
Using the Timelines Inspector	221	(1)
Create a Straight-Line Animation	222	(2)
Create an Animation by Dragging a Path	224	(2)
Change Other Layer Properties in Timelines	226	(2)
Change Animation Speed	228	(2)
Trigger an Animation with a Behavior	230	(2)
Publishing a Web Site
Publish Your Web Site	232	(1)
Using the Site Window	233	(1)
Organize Files and Folders	234	(2)
Set Up a Remote Site	236	(2)
Connect to a Remote Site	238	(2)
Upload and Download Files	240	(2)
Synchronize Your Local and Remote Sites	242	(2)
Site Maintenance
Using the Site Map	244	(2)
Manage Site Assets	246	(2)
Add Content by Using the Assets Panel	248	(2)
Specify Favorite Assets	250	(2)
Check a Page In or Out	252	(2)
Make Design Notes	254	(2)
Run a Site Report	256	(1)
Change a Link Sitewide	257	(1)
Find and Replace Text	258	(2)
Search for Patterns of Text	260	(4)
2 USING FLASH
Getting Started With Flash
An Introduction to Flash	264	(2)
Navigate the Flash Window	266	(4)
Open a Flash File	270	(2)
Save and Close a Flash File	272	(2)
Understand the Flash Timeline	274	(2)
Move and Dock the Timeline Window	276	(2)
Change the Stage Size	278	(2)
Find Help with Flash	280	(2)
Drawing and Painting Objects
An Introduction to Flash Objects	282	(2)
Using the Drawing Toolbar	284	(2)
Draw Line Segments	286	(2)
Format Line Segments	288	(2)
Draw a Custom Line	290	(2)
Draw Curves with the Pen Tool	292	(2)
Smooth or Straighten Line Segments	294	(2)
Draw Oval and Rectangle Shapes	296	(2)
Draw Objects with the Brush Tool	298	(2)
Fill Objects with the Paint Bucket Tool	300	(2)
Enhancing and Editing Objects
Select Objects	302	(4)
Move and Copy Objects	306	(2)
Edit Line Segments	308	(2)
Edit Fills	310	(2)
Resize Objects	312	(2)
Add Strokes to Shapes	314	(2)
Rotate and Flip Objects	316	(2)
Using the Eraser Tool	318	(2)
Work with Gradient Effects	320	(4)
Edit a Color Set	324	(2)
Copy Attributes	326	(2)
Group Objects	328	(2)
Stack Objects	330	(2)
Align Objects	332	(2)
Working With Text
Add Text with the Text Tool	334	(2)
Format Text	336	(2)
Align and Kern Text	338	(2)
Set Text Box Margins and Indents	340	(2)
Move and Resize Text Boxes	342	(2)
Working With Layers
Understand Layers	344	(2)
Add and Delete Layers	346	(2)
Set Layer Properties	348	(2)
Work with Layers in the Timeline	350	(2)
Stack Layers	352	(2)
Add a Plain or Motion Guide Layer	354	(2)
Add a Mask Layers and Create a Mask	356	(2)
Working With Flash Symbols and Instances
Understand Symbols and Instances	358	(1)
Types of Symbols	359	(1)
Using the Flash Library	360	(4)
Create Symbols	364	(2)
Insert an Instance	366	(2)
Modify an Instance	368	(2)
Edit Symbols	370	(2)
Working With Imported Graphics
Understanding Vector and Bitmap Images	372	(2)
Import Graphics	374	(2)
Make Bitmaps into Vector Graphics	376	(2)
Turn Bitmaps into Fills	378	(2)
Animation Techniques
An Introduction to Animation	380	(2)
Understanding Frames	382	(2)
Set Movie Dimensions and Speed	384	(2)
Add Frames	386	(4)
Select Frames	390	(1)
Modify Frame Properties	391	(1)
Delete or Change the Status of Frames	392	(2)
Create Frame-by-Frame Animation	394	(4)
Onion-Skinning an Animation	398	(4)
Preview a Flash Animation	402	(1)
Adjust the Animation Speed	403	(1)
Move and Copy Frames	404	(2)
Create Scenes	406	(2)
Save an Animation as a Movie Clip	408	(2)
Use the Movie Explorer	410	(2)
Animating With Tweening
Create a Motion Tween	412	(4)
Stop a Motion Tween	416	(1)
Add a Keyframe to a Motion Tween	417	(1)
Animate by Rotating a Symbol	418	(4)
Animate by Spinning a Symbol	422	(4)
Animate by Changing Symbol Size	426	(4)
Animate Symbols Along a Path	430	(4)
Set Tween Speed	434	(2)
Create a Shape Tween	436	(4)
Using Shape Hints	440	(4)
Using Reverse Frames	444	(2)
Creating Interactive Buttons
Understanding Flash Buttons	446	(2)
Create a Button Symbol	448	(4)
Create Shape-Changing Buttons	452	(4)
Create an Animated Button	456	(4)
Assign a Button Action	460	(4)
Adding Sounds
An Introduction to Flash Sounds	464	(2)
Import a Sound Clip	466	(2)
Add a Sound Layer	468	(2)
Assign Sound to a Frame	470	(2)
Assign Sounds to Buttons	472	(2)
Create Event Sounds	474	(2)
Assign Start Sounds	476	(2)
Assign Stop Sounds	478	(2)
Assign Streaming Sounds	480	(2)
Loop a Sound	482	(2)
Edit Sounds	484	(2)
Set Audio Output for Export	486	(2)
Adding Flash Actions
An Introduction to Flash Actions	488	(2)
Add Actions to Frames	490	(2)
Assign Go To Actions	492	(4)
Assign Stop and Play Actions	496	(4)
Load a New Movie	500	(2)
Change Action Order	502	(2)
Assign Frame Labels	504	(2)
Using Advanced Interactive Features
Understand Complex Actions	506	(2)
Add a Variable Text Field	508	(2)
Assign an If Frame Is Loaded Action	510	(4)
Using the Get URL Action	514	(2)
Using the Tell Target Action	516	(2)
Control the Flash Player with the FS Command	518	(2)
Distributing Flash Movies
Understand Distribution Methods	520	(2)
Play a Flash Movie in Flash	522	(2)
Play a Flash Movie in a Browser	524	(2)
Test Movie Bandwidth	526	(4)
Publish a Movie	530	(2)
Publish a Movie in HTML Format	532	(4)
Create a Flash Projector	536	(2)
Export to Another Format	538	(2)
Print Movie Frames	540	(4)
3 BUILDING A WEB SITE WITH DREAMWEAVER AND FLASH
Building a Web Site
Combine Dreamweaver and Flash	544	(2)
Sample Site Planning Considerations	546	(1)
Create a Sample Flash Interface	547	(1)
Create a Simple Preloader	548	(2)
Add a Skip Intro Button	550	(2)
Create an Intro Text Effect	552	(2)
Create a Laser-Writing Animation Effect	554	(6)
Create a Welcome Page	560	(2)
Add Hot Buttons	562	(2)
Create a Drop-Down Menu	564	(6)
Use the Root Property Action Statement	570	(1)
Enable Testing Options	571	(1)
Create Button Animations	572	(2)
Create a ToolTip	574	(2)
Create a Chat Feature	576	(6)
Building Web Site Forms With Flash
Create a Simple Flash Form	582	(2)
Create a Clear Button	584	(2)
Create a Submit Button	586	(2)
Create a Scrolling Text Box	588	(2)
Edit a User Profile	590	(2)
Create a User Login Screen	592	(4)
Create a User Log Out Option	596	(2)
Use the MailTo Command	598	(2)
Add a Search Tool	600	(6)
Enhancing the Web Site
Integrate a Flash Banner	606	(2)
Create a Link with the Get URL Action	608	(2)
Call a Server-Side Script	610	(2)
Control Windows with Get URL Options	612	(2)
Control Windows with JavaScript	614	(2)
Make Your Files Downloadable	616	(2)
Compress Web Site Graphics	618	(2)
Reduce Download Time for a Large Movie	620	(2)
Flag a User Error	622	(4)
4 ADVANCED FLASH TECHNIQU
Building Interface Controls With Flash
Create an Animated Menu	626	(6)
Adjust Sound Clip Volume	632	(6)
Create an Advanced Preloader	638	(6)
Set Property of a Movie Clip	644	(4)
Track Cursor Position	648	(4)
Create a Window Hierarchy	652	(4)
Enhancing Interactivity With Flash
Create a Password Identification Box	656	(4)
Park a Movie Clip	660	(4)
Emulate an Array	664	(4)
Combine Strings Given by a User	668	(4)
Replicate a Movie Randomly or by Command	672	(4)
Send a Form Using a CGI Script	676	(4)
Make a Movie Clip Act Like a Button	680	(2)
Creating Special Effects in Flash
Create a Gravity Effect	682	(4)
Create A Magnifying Glass Effect	686	(6)
Create a Dragable Menu	692	(4)
Create a Filmstrip Effect	696	(4)
APPENDIX
What's on the CD-ROM	700	(2)
Master VISUALLY Dreamweaver 4 & Flash 5 on the CD-ROM	702