creating a favorites (i.e., bookmarks) icon
used in browser bookmarks and url location
branding based on logo
create as a .bmp file and then rename to a .ico file
this will work for firefox browser, not IE
do a search for favicon to find online converters/generators
include in the <head> section:
<LINK REL="SHORTCUT ICON" href="http://symynet.com/favicon.ico">
exercise: create an ico file
layers
advantage vs tables
frontpage
insert a layer
add information to it
rollovers
some examples
frontpage
select the image you'd like to make as a rollover by clicking on it
then choose Format and Behaviors
In the Behaviors box, select Swap Image
and then select the image you'd like to have as the rollover image (select "Restore on mouseout event" if you'd like the image to return to the original when the cursor is off the image)
if it's done correctly you should get this result
"fixing" the cursor
default is pointing hand
to change add this to the source for the image
style="cursor:default"
exercise: make 4 rollovers using different photoshop elements filter effects (try out, for example, invert, lens flare, neon glow, blur, craquelure). Make two as links with hand cursor and two not as links with default cursor.
cascading style sheets
define style to be used throughout a site
create file style.css
a { text-decoration: none; color: #00CCCC; font-weight: bold }
a:hover { text-decoration: none; color: #009999; font-weight: bold }link the style.css file to the html file by putting this between the <head> and </head> tags
<LINK TITLE="new" REL=stylesheet HREF="style.css" TYPE="text/css">
javascript
interactive effects
example of triple image effect
