The Unofficial Guide^? to Macromedia^? Dreamweaver^? 8

by Lynn Kyle

• ISBN13: 9780471774976
• ISBN10: 0471774979
• Format: Paperback
• Copyright: 2006-03-01
• Publisher: Wiley

Summary

* And finally, check out Inside Scoops for practical insights from the author. It's like having your own expert at your side!

Author Biography

Lynn Kyle has been a Web professional since 1992. She has worked for the Naval Research Laboratory as a computer scientist, Palm, Inc. as a Webmaster, and more recently at Yahoo! Inc. as an advertising engineer. She has authored books and training videos on Adobe Photoshop, Macromedia Flash, and Macromedia Dreamweaver.

Table of Contents

Introduction	xxi
I Planning Your Web Site	1	(60)
1 Designing Your User Interface	3	(18)
Figuring out your purpose	4	(3)
The sales site	4	(1)
The company site	5	(1)
The dynamic information site	6	(1)
The fan or club site	6	(1)
Understanding your visitors	7	(3)
Random visitors	7	(1)
Bored workers	7	(1)
Window shoppers	8	(1)
Buyers	9	(1)
Information seekers	10	(1)
Creating a site structure	10	(4)
Strategic planning	11	(1)
Resource planning	11	(1)
Site architecture	12	(1)
Technology planning	13	(1)
Good content design	14	(5)
Less is more	14	(1)
Simplify navigation	15	(1)
Use images and Flash carefully	16	(1)
Check your spelling	17	(1)
Say what you mean	18	(1)
Borrow (but don't steal!)	18	(1)
Just the facts	19	(2)
2 Using Images and Media	21	(16)
Understanding the purpose of images	21	(5)
Decorative image	22	(1)
Product or illustrative image	22	(1)
Background image	23	(1)
The icon	24	(1)
The image map	24	(2)
The rollover image	26	(1)
Types of images on your site	26	(3)
JPG or JPEG	26	(2)
GIF	28	(1)
PNG	29	(1)
Good and bad uses of images	29	(2)
Using graphics for navigation or text	29	(1)
Changing image height and width	30	(1)
Make your image fit on the screen	31	(1)
Use colors thoughtfully	31	(1)
Using Flash effectively	31	(2)
Questions to ask before using Flash	31	(1)
The Flash splash screen	32	(1)
The Rash site	32	(1)
Accessibility	32	(1)
Flash and search engines	33	(1)
Dreamweaver and image editors	33	(2)
Just the Facts	35	(2)
3 Using JavaScript	37	(14)
Understanding scripts	37	(2)
How to view scripts	39	(1)
Internet Explorer and JavaScript	40	(1)
When you should use JavaScript	41	(2)
Add interactivity	41	(1)
Validating forms	42	(1)
Gathering system information	42	(1)
Scripts that can detract	43	(2)
Changing background colors	43	(1)
Status bar messages	43	(1)
Scrolling status bars	44	(1)
Animations following the cursor	44	(1)
Alert boxes	44	(1)
Pop-up windows	45	(1)
Good and bad uses of scripts	45	(1)
Dreamweaver and JavaScript	46	(4)
Just the facts	50	(1)
4 Choosing Your Technology	51	(10)
Languages supported by Dreamweaver	51	(1)
HTML	52	(2)
Environment needed to use HTML	52	(1)
Example of HTML code	52	(1)
How Dreamweaver supports HTML	53	(1)
XHTML	54	(1)
How Dreamweaver supports XHTML	54	(1)
Some XHTML rules	54	(1)
CSS	54	(1)
Environment needed to use CSS	54	(1)
Example of CSS code	54	(1)
How Dreamweaver supports CSS	55	(1)
JavaScript	55	(1)
Environment needed to use JavaScript	55	(1)
Example of JavaScript code	55	(1)
How Dreamweaver supports JavaScript	56	(1)
ColdFusion Markup Language (CFML)	56	(1)
Environment needed to use CFML	56	(1)
Example of CFML code	56	(1)
How Dreamweaver supports CFML	56	(1)
Visual Basic	56	(1)
Environment needed to use Visual Basic	57	(1)
How Dreamweaver supports Visual Basic	57	(1)
C#	57	(1)
Environment needed to Use C#	57	(1)
How Dreamweaver supports C#	57	(1)
JSP	57	(1)
Environment needed to use JSP	57	(1)
Example of JSP code	58	(1)
How Dreamweaver supports JSP	58	(1)
PHP	58	(1)
Environment needed to use PHP	58	(1)
Example of PHP code	58	(1)
How Dreamweaver supports PHP	59	(1)
Adding other types	59	(1)
Just the facts	60	(1)
II Getting to Know Dreamweaver	61	(128)
5 Starting Dreamweaver: Choosing the Right Project	63	(20)
Viewing the tour	64	(1)
Going through the tutorials	64	(2)
Informational topic tutorials	65	(1)
General topic tutorials	65	(1)
Setup instruction tutorials	66	(1)
Create New	66	(3)
HTML	67	(1)
ColdFusion and PHP	67	(1)
ASP JavaScript	67	(1)
ASP VBScript	68	(1)
ASP. NET C#	68	(1)
ASP. NET VB	68	(1)
JSP	68	(1)
CSS	68	(1)
Dreamweaver Site	68	(1)
More	68	(1)
Create from Samples	69	(4)
CSS Style Sheets	69	(1)
Framesets	70	(1)
Starter Pages	70	(2)
Page Designs (CSS)	72	(1)
Page Designs	72	(1)
Extend	73	(1)
Dreamweaver Exchange	73	(1)
Preferences	74	(8)
General	75	(1)
Accessibility	76	(1)
Code Coloring	77	(1)
Code Format	77	(1)
Code Hints	78	(1)
Code Rewriting	78	(1)
Copy/Paste	78	(1)
CSS Styles	78	(1)
File Compare	79	(1)
File Types/Editors	79	(1)
Fonts	79	(1)
Highlighting	79	(1)
Invisible Elements	79	(1)
Layers	80	(1)
Layout Mode	80	(1)
New Document	80	(1)
Preview in Browser	81	(1)
Site	81	(1)
Status bar	82	(1)
Validator	82	(1)
Just the facts	82	(1)
6 Choosing Your View	83	(20)
Picking the right view	83	(1)
Controlling your view	84	(3)
Menus	87	(9)
File menu	87	(2)
Edit menu	89	(1)
View menu	90	(1)
Insert menu	91	(2)
Modify menu	93	(1)
Text menu	93	(1)
Commands menu	94	(1)
Site menu	95	(1)
Window menu	96	(1)
Help menu	96	(1)
Toolbars	96	(4)
Common	96	(1)
Layout	97	(1)
Forms	97	(1)
Text	98	(1)
HTML	99	(1)
Application	99	(1)
Flash Elements	100	(1)
Favorites	100	(1)
Properties	100	(1)
Just the facts	101	(2)
7 Setting Up Your Site	103	(18)
All about sites	103	(3)
Can you sketch your site flow?	104	(1)
Where will you store media?	105	(1)
What features will be in your site?	105	(1)
Where will you host the site?	106	(1)
Creating your site	106	(3)
Modifying your site	109	(4)
Editing your site	110	(1)
Design Notes	110	(1)
Site Map Layout	111	(1)
File View Columns	112	(1)
Contribute	113	(1)
Using a remote server	113	(4)
Setting up Remote Info	113	(3)
Testing Server	116	(1)
Cloaking	116	(1)
Checking files in and out	117	(2)
Putting and Getting files	117	(1)
Check out	118	(1)
Check in	119	(1)
Just the facts	119	(2)
8 Understanding Properties, CSS, and Application Panels	121	(18)
Properties panel	121	(10)
Page	122	(2)
Title	124	(1)
Text	124	(2)
Image	126	(1)
Table	127	(2)
Script	129	(1)
Div	129	(1)
Layer	130	(1)
CSS panel	131	(4)
CSS Styles tab	131	(1)
Bottom buttons	132	(1)
CSS Styles tab menu	133	(1)
Layers tab	134	(1)
Application panel	135	(3)
Databases	135	(1)
Bindings	136	(1)
Server Behaviors	136	(1)
Components	137	(1)
Just the facts	138	(1)
9 Understanding Tag Inspector and Files Panels	139	(20)
Tag Inspector panel	139	(6)
Attributes tab	140	(3)
Behaviors tab	143	(2)
Using the Tag Chooser	145	(1)
Files panel	146	(7)
Files tab	146	(2)
Assets tab	148	(1)
Assets tab Library	149	(2)
Snippets tab	151	(2)
Results panel	153	(2)
Search tab	154	(1)
Reference tab	154	(1)
Other panels	155	(2)
History panel	155	(1)
Frames panel	156	(1)
Code Inspector	156	(1)
Timelines panel	157	(1)
Just the facts	157	(2)
10 Using Templates and Libraries	159	(14)
Creating templates	160	(4)
How to create editable regions	161	(1)
How to create optional regions	162	(1)
How to create repeated regions	163	(1)
Applying and removing templates	164	(1)
What does template code look like?	164	(1)
Editing templates	165	(1)
Creating libraries	166	(4)
What is a library?	166	(1)
How do I create a library?	166	(1)
How do I use library items?	167	(1)
How do I edit library items?	168	(1)
How do I delete library items?	169	(1)
Just the facts	170	(3)
11 Understanding the Editor Pane	173	(16)
Code, Design, and Split view buttons	173	(11)
The three views	174	(3)
Context menu of the Editor pane	177	(1)
Code view buttons	178	(4)
Design view status bar	182	(2)
Changing the title	184	(1)
Browser Check	184	(2)
Validate Markup	186	(1)
File Management	186	(1)
Preview/Debug in Browser	187	(1)
Just the facts	188	(1)
III Graphics, Media, and Text Layout	189	(94)
12 Inserting Images, Hotspots, and Placeholders	191	(18)
Inserting images	191	(3)
Modifying images	194	(5)
Resize and resample	194	(2)
Crop	196	(2)
Adjust brightness and contrast	198	(1)
Sharpen	199	(1)
Using Fireworks	199	(3)
Editing images with Fireworks	199	(1)
Create a Web photo album with Fireworks	200	(2)
Creating hotspots	202	(3)
Using an image placeholder	205	(1)
Editing image placeholders with Fireworks	206	(1)
Just the facts	207	(2)
13 Adding Media to Your Page	209	(16)
Rash media	209	(12)
Flash	210	(4)
Image viewer	214	(2)
Flash button	216	(2)
Flash text	218	(1)
FlashPaper	219	(1)
Rash video	220	(1)
Shockwave	221	(1)
Applet	222	(1)
Parameter	222	(1)
ActiveX	223	(1)
Other plug-ins	224	(1)
Just the facts	224	(1)
14 All About Placement	225	(20)
Laying out your pages	225	(5)
Page balance and symmetry	226	(2)
Page fold	228	(1)
Margins	228	(2)
Using rulers and grids	230	(6)
Rulers	230	(2)
Guides	232	(3)
Grids	235	(1)
Creating layers	236	(3)
Layer visual aids	236	(1)
Convert layers to tables	237	(2)
Modifying tables with the Properties panel	239	(5)
Table visual aids	239	(1)
Table Layout modes	239	(1)
Standard mode	240	(1)
Expanded mode	241	(1)
Layout mode	242	(1)
Convert tables to layers	243	(1)
Just the facts	244	(1)
15 Adding Motion with Dreamweaver Timelines	245	(18)
Using timelines to animate Layers	245	(4)
What can you do with it?	246	(1)
The Timelines panel	247	(2)
Adding objects to timelines	249	(5)
Create the layers	249	(3)
Add layers to timeline	252	(1)
Change the text in a layer	253	(1)
Creating animation	254	(6)
Create an animation path	254	(1)
Curve the animation path	255	(1)
Hide a layer	256	(1)
Create a start button	257	(1)
Behaviors you can add	258	(1)
Changes to layers in timeline channels	259	(1)
Modifying animation	260	(1)
Working with multiple timelines	261	(1)
Just the facts	261	(2)
16 Controlling Text Appearance	263	(20)
Setting text styles with the Properties panel	263	(7)
HTML or CSS?	263	(1)
Text Properties panel	264	(6)
Text alignment	270	(1)
Setting text styles in HTML	271	(2)
Setting text styles with CSS	273	(6)
CSS text styles	273	(3)
Creating your own style	276	(3)
Creating a uniform style for your site	279	(2)
Rename styles	279	(1)
Export styles	280	(1)
Attach styles	280	(1)
Just the facts	281	(2)
IV Code View	283	(90)
17 HTML Basics	285	(20)
Activating Code view options	285	(4)
Word wrap	286	(1)
Line numbers	287	(1)
Hidden characters	288	(1)
Highlight invalid code	288	(1)
Syntax coloring	289	(1)
Auto indent	289	(1)
Creating a page from scratch	289	(4)
A simple page	290	(1)
DOCTYPE	290	(1)
HTML	290	(1)
HEAD	291	(1)
META	291	(1)
TITLE	291	(1)
BODY	291	(1)
IMG	292	(1)
FONT	292	(1)
Modifying page properties	293	(1)
Adding the three types of links	294	(2)
Hyperlink	294	(1)
E-mail link	295	(1)
Named anchor	295	(1)
Creating tables	296	(1)
A basic table	296	(1)
Table tags	297	(1)
Making lists	297	(1)
Adding forms	298	(2)
Using code snippets to save time	300	(2)
Accessible->Footers	301	(1)
Headers	301	(1)
Navigation	302	(1)
Form Elements->Dropdown Menus	302	(1)
Just the facts	302	(3)
18 CSS Basics	305	(18)
CSS overview	305	(4)
What is CSS?	305	(1)
CSS and HTML tags	306	(2)
CSS file	308	(1)
Controlling layout	309	(1)
CSS page properties	309	(3)
Setting styles	312	(5)
Create CSS rule for existing tag	312	(2)
Create a new CSS rule	314	(1)
The CSS Rule Definition dialog box	314	(3)
Positioning objects	317	(2)
Changing boxes and borders	319	(2)
Just the facts	321	(2)
19 DHTML Basics	323	(18)
The Document Object Model	323	(1)
Changing text styles	324	(3)
Hiding and showing objects	327	(4)
Moving objects	331	(6)
Changing the content of objects	337	(3)
Just the facts	340	(1)
20 Frame Basics	341	(16)
Understanding frames	341	(2)
Creating framesets	343	(11)
Predefined framesets	343	(2)
Creating predefined framesets	345	(2)
Selecting frames in the Frames panel	347	(1)
Resizing predefined frames	348	(1)
Setting frameset properties	349	(2)
Setting the frame properties	351	(1)
Creating subframes	352	(1)
Create nested frame layout	353	(1)
Frame styles	354	(1)
Scrolling	354	(1)
Borders	355	(1)
Colors	355	(1)
NOFRAMES tag	355	(1)
Frame navigation tips	355	(1)
Just the facts	356	(1)
21 Form Basics	357	(16)
Adding a form	357	(3)
The FORM tag	357	(2)
Form Properties panel	359	(1)
Overview of form fields	360	(4)
Creating a form	364	(3)
Dreamweaver starter forms	367	(4)
Just the facts	371	(2)
V Adding Scripts, Live Data, and Multimedia	373	(58)
22 Getting the Most from JavaScript	375	(14)
Choosing the right scripts	375	(1)
Using Dreamweaver with JavaScript	376	(3)
The Behaviors panel	379	(3)
Adding image rollovers	382	(4)
Validating forms	386	(2)
Just the facts	388	(1)
23 Activating Your Forms	389	(10)
Choosing your processing language	389	(2)
PHP scripts	390	(1)
ASP scripts	390	(1)
ColdFusion scripts	391	(1)
Pert scripts	391	(1)
Adding action to your forms	391	(1)
GET versus POST	392	(2)
Advanced validation	394	(2)
Collecting data	396	(1)
Responding to forms	397	(1)
Just the facts	397	(2)
24 Creating Applications	399	(18)
Setting up a test server	399	(5)
Connect to test server	400	(2)
Connect to database	402	(2)
Linking to a recordset	404	(2)
Displaying data	406	(2)
Creating and executing stored procedures	408	(1)
Inserting, updating, and deleting data	409	(6)
Insert	409	(2)
Update	411	(2)
Delete	413	(2)
Just the facts	415	(2)
25 Flash and Other Media	417	(14)
How Dreamweaver works with Flash	417	(2)
What Flash is and isn't	419	(2)
Controlling Flash in your page with Dreamweaver	421	(2)
Choosing to use sound or video	423	(1)
Adding sound and video	424	(1)
Using Java applets	425	(3)
Adding ActiveX	428	(1)
Just the facts	429	(2)
VI Finishing Your Site and Beyond	431	(34)
26 Finishing Your Site	433	(16)
Checking and double-checking	433	(3)
Check your spelling	434	(1)
Watch for homophones	435	(1)
Check your grammar	436	(1)
Examining your paths	436	(3)
Validating paths	439	(4)
Absolute paths	439	(1)
Site root relative paths	440	(1)
Document relative paths	441	(1)
Checking your links	442	(1)
Changing links	443	(1)
Backing up pages	443	(1)
Collaborating with other programmers and designers	444	(2)
File Get and Put	444	(1)
File check in and check out	445	(1)
Templates	445	(1)
Just the facts	446	(3)
27 Going Further with Dreamweaver	449	(16)
Extending Dreamweaver	449	(10)
Setting code preferences	449	(9)
Customize keyboard shortcuts	458	(1)
Maintaining your site	459	(2)
Review access log	459	(1)
Review error log	460	(1)
Check external links	461	(1)
Keep your information fresh	461	(1)
Search engine placement	461	(1)
Validate with new browsers	461	(1)
Keeping your designs current	461	(1)
Making money with your Dreamweaver skills	462	(1)
Joining Dreamweaver user communities	463	(1)
Just the facts	463	(2)
VII Appendixes	465	(18)
Glossary	467	(8)
Appendix A	475	(2)
Appendix B	477	(6)
Index	483