Links Links Computer Password Page Quick Find
 

Total Training Stuff

#Container (master, main)
#top
#Masthead
#Navigation
#Story

Note <! --- --->

780 pixils wide

Margins for center
Auto right and Left
top and bottom 0

Empty Div's do not show up in firefox

Clear Div to enable firefox to show stuff in floating div's
,clear = layout >clear > both

Desendent Selectors -
1st list the container Example: #story h1 if you made a style for this it would be an h1 tag in a story ta
another example #sidebar h1

UL unordered List
LI list items

To change list - New Style for UL to clear padding and margins - set all to "0" Later you may want to add to this.
Make a new style for the li - use margins left and bottom (for verticle need to add block element)


Total Training - Makes several external style sheet pages - Attach them to each page needed -
Text, Layout, Media

You can change the properties inline style to a Style sheet page by using the " body " tag (no . or #) 2 - 1 - 17


Images
With JPEG we are compressing size with gif we are reducing colors

Put width in file name to help you later

Navigation Bar - Make unordered list - CSS to 0 #navbar ul
#navbar ul li is the next Css Under layout setting display > inline
Next create links - New style #navbar ul li a the a for anchor
Float option left > Box (padding left-right top-bottom >Background &text color

Roll over effect - New Style > #navbar ul li a:hover (change color)

When you use hyperlink maping you get a boarder around the image - make a border (0) style to get rid of it

Disc Two Total Training

Forms Forms Forms

In forms to line up catagories Make position 15% width Float Left (15% from the Left)

pearl Script FormMail.pl
CGI-Bin (Common Gageway Entrance)

Form properties - Options

Action - cgi-bin/formmail.pl
Method Post

Advanced Form
name recipient
Volume address - email Can add recipients


Media Player Code

<OBJECT id='mediaPlayer'
width="320" height="240"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...'
type='application/x-oleobject'>

<param name='fileName' value="folder/file.wmv">
<param name='autoStart' value="true">
<param name='showControls' value="true">
<param name='loop' value="false">
<param name="AutoRewind" value="true">


<embed type="application/x-mplayer2"
id="MediaPlayer"
width=320 height=240
pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"
src="folder/file.wmv"
filename="file.wmv"
autostart="true"
showcontrols="true"
autorewind="true"
loop="false">
</embed>

</OBJECT>

Quick Time Media Code

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
standby="Data is loading..."
height="320" width="240">

<param name="src" value="folder/filename.mov">
<param name="autoplay" value="true">
<param name="controller" value="true">

<embed pluginspage="http://www.apple.com/quicktime/download/"
src="folder/filename.mov"
type="video/quicktime"
height="320" width="240"
autoplay="true"
controller="true"
cache="true">
</embed>
</object>


Total Training Stuff

#Container (master, main)
#top
#Masthead
#Navigation
#Story

Note <! --- --->

780 pixils wide

Margins for center
Auto right and Left
top and bottom 0

Empty Div's do not show up in firefox

Clear Div to enable firefox to show stuff in floating div's
,clear = layout >clear > both

Desendent Selectors -
1st list the container Example: #story h1 if you made a style for this it would be an h1 tag in a story ta
another example #sidebar h1

UL unordered List
LI list items

To change list - New Style for UL to clear padding and margins - set all to "0" Later you may want to add to this.
Make a new style for the li - use margins left and bottom (for verticle need to add block element)


Total Training - Makes several external style sheet pages - Attach them to each page needed -
Text, Layout, Media

You can change the properties inline style to a Style sheet page by using the " body " tag (no . or #) 2 - 1 - 17


Images
With JPEG we are compressing size with gif we are reducing colors

Put width in file name to help you later

Navigation Bar - Make unordered list - CSS to 0 #navbar ul
#navbar ul li is the next Css Under layout setting display > inline
Next create links - New style #navbar ul li a the a for anchor
Float option left > Box (padding left-right top-bottom >Background &text color

Roll over effect - New Style > #navbar ul li a:hover (change color)

When you use hyperlink maping you get a boarder around the image - make a border (0) style to get rid of it