|
Debbie
offers hands-on, one-on-one Web design training
Contact Debbie for details
Session
4A
Dreamweaver--A
Glimpse At All This Functional Software Can Do
-Set
up and define your Web site
-Create the home page with Layout tables
-Use a Tracing Image to create table cells over a mockup
-Easily add links and images
-Create a jump menu
-Use the Clean Up Word HTML Command to easily import Microsoft
Word-create HTML content
-Save commonly used elements as Library items
-Use the Objects panel to easily insert various elements on
the page
Create
a Custom Object
-Create your own custom object
-Open Windows Notepad or Mac's Simple Text
-For example, type the following code in Notepad (or Simple
Text) to create
a custom copyright object:
<p>
<font size="2" color="#669999">
© Copyright 2001, All Rights Reserved
</font>
-Save
the file in Notepad (or Simple Text) as an HTML file
-Place the HTML file in the Dreamweaver/Configuration/Objects/Common
folder
-Use
Fireworks to create an 18 x 18 pixel GIF image that will appear
as the icon on the Objects panel
-Place the GIF icon image in the Dreamweaver/Configuration/Objects/Common
folder
-Be sure to name the GIF and HTML file with the same name
-Save
the home page as a Template
-Use the Assets panel to insert copied images and colors to
other pages
CSS
Remove the underlining
from text links
-Select Window...CSS Styles to access the CSS Styles panel
-Select the NEW STYLE button
-Choose the CSS SELECTOR radio button from the Type section
-Select the a:link selector from the SELECTOR menu
-Choose the NEW STYLE SHEET FILE from the Define in section
-Select
a font, text size and choose NONE from the Decoration section
of the Style Properties dialogue box
-Click OK
-Select the EDIT STYLE SHEET button on the CSS Styles panel
-Select EDIT, then NEW
-Select the a:visited selector from the SELECTOR menu
-Click OK
-Select
a font, text size and choose NONE from the Decoration section
of the Style Properties dialogue box
-Click OK
-Select the EDIT STYLE SHEET button on the CSS Styles panel
-Select EDIT, then NEW again
-Select the a:hover selector from the SELECTOR menu
-Click OK
-Select
a font, text size and choose UNDERLINE from the Decoration
section of the Style Properties dialogue box
-Click OK
-Preview
in your browser to see the CSS style
-Visited links and unvisited links no longer contain underlining
and hover links use underlining for the hover effect
-Since
we've created and saved this CSS Style in a new, separate
style sheet file, it can easily be attached to other HTML
pages
Session
4B
Dreamweaver--The
Next Step: Bringing Your Design Into Focus
See
the Dreamweaver seminar for
a step-by-step example of how to create a disjointed rollover
with the Show-Hide Layer Behavior, as well as an example of
how to add a form validator to Dreamweaver form elements
See
September's DEB TIP for a step-by-step
example of how to create a rotating series of images with
the Dreamweaver Timeline
Session
4C
Flash Attack--The
Graphic Truth About Flash
See the
November DEB TIP for a step-by-step
example of how to create an animated navigation bar (this
exercise demonstrates how to nest symbols)
See
the Flash Attack seminar for a step-by-step
example of how to create a drop-down menu
Session
4D
Making Your Site
Come Alive with the Integrated Use of Dreamweaver, Flash and
Fireworks
COMING
SOON!
-Create a disjointed rollover in Fireworks
-Easily export Fireworks HTML
-Control Flash movies with the Control Flash Behavior
Source:
These lessons were developed especially for YOU by Debbie
Berg :-)
WATCH
FOR MORE DEB TIPS TO COME! STOP BY AND SEE MY NEW DEB
TIP EACH MONTH...

back to top

about debbie |
debbie's clients | deb's
schedule | deb's monthly tip
flawebdeb home | dreamweaver
| flash | frontpage
| photoshop
web seminar | digital
design camp | dreamweaver/flash
conference

|