Advanced Elements

1
Advanced Elements Advanced HTML Codes

• AGCJ 407

2
Advanced Elements

• Overview
• Interactivity elements
• Java Script
• Mouseovers
• Animation effects

3
Interactivity elements

• What is Java Script?
• A scripting language designed for use within a
  Web page and/or on a Web server
• Used to create special effects
• Elements such as links, images and forms can be
  manipulated using this powerful technology

4
Interactivity elements

• Java Script ? Can help you make
• Dynamic Splash Screen
• Pausing Up and Down Menu Scroller
• Banner Rotator
• Use Java Script in your HTML code
• Make a Table Sorter
• http//www.brainjar.com/dhtml/tablesort/
• Example http//www.brainjar.com/dhtml/tablesort/d
  emo.html

5
Interactivity elements

• Java Script
• A great Java Script source
• Keep it handy if you want to make buttons,
  calendars, games, and etc.
• http//javascript.internet.com/
• A great link to the Java Script Learning Center
• http//www.javascriptmall.com/learn/contents.htm
• When using Java, choose selections with care and
  make sure that scripts will enhance your
  visitors experience, encouraging future returns
  to your site

6
Mouseovers

• You can have fonts or buttons change colors
• This effect is accomplished by using a special
  "style" tag
• Only one such tag may be used per page
• To create the effect of changing text colors on
  links as mouseovers, insert the tag into the head
  portion of the page
• ltstylegt
• lt!--ahovercolorff6666 text-decorationnone
  background-colornone --gt
• lt/stylegt
• Tip Always include a space after the semi-colon

7
Mouseovers

• Insert this into page ltheadgt area
• ltstylegtlt!--ahovercolorff6666
  text-decorationnone background-colornone
  --gtlt/stylegt
• Customize your style with color, underlining,
  type style, and background color go to
• http//www.best-web-design.com/specialeffects1.htm
  l

8
Mouseovers

• More Mouseover images and tips
• http//www.dynamicdrive.com/dynamicindex15/index.h
  tml
• Pop-up images, images that shake and images that
  can change or rollover
• http//www.dynamicdrive.com/dynamicindex13/index.h
  tml
• More mouse and cursor functions

9
Animation effects

• Java can allows animation with text or images
• Create you own animated gifs
• http//hometown.aol.com/royalef/gifmakf.htm
• Animation using Image Ready
• http//gradcenter.marlboro.edu/techgirls/leaders2
  001/Web/animatedinstruction.htm

10
Some animation effects

• http//www.animfactory.com

11
The End

• Have fun writing Java
• Make good choices
• Selections should add, not distract, visitors
  experience on your Web site