Tips and Tricks for FRONTPAGE Users

  1. Java Tips

  2. Inserting Video on a website

  3. Inserting Podcasts on a website

  4. Creating Drop-Down Menus

  5. Resizing Images VS Thumbnails

    

Java Tips
       
 

A.  How to add a Google search engine to your webpages
   
Google Search Engine
Internet Irving ISD Website
 
 

B.  How to make a drop down menu.
   

 
 

C.  How to make an email address that the Robots can't "mine".
       
  		 
 

D.  How to make a PRINT button on a screen.
     
 

E.  How to make a CLOSE WINDOW button on a screen.
   
 
 

F.  How to make your PHOTO change each time your screen is refreshed.`
     
 

 

G. How to make your PHOTO and CAPTION change each time your screen is refreshed.
    <─ Random image
    <─ Matching caption
 

 

H. Now to show SNOW on your webpage

 
   

HTML Code for FRONTPAGE Users
       
 

 How to add a video to a webpage
   

 

Use the controls above to start the video.
 

 
   
How to create a Podcast on your webpage

How to add a podcast to a webpage
   
How to create a drop-down menus

This article details the construction of a menu bar like the one used on the main pages of this site. It's built from standard HTML elements using CSS to define the look and layout and JavaScript to handle the action of the drop down menus.  (I avoided using the sub-menu option as it is harder to navigate.)

http://www.brainjar.com/dhtml/menubar/

  
Resizing Images VS Thumbnails

Look at the two images below.  Image number (1) was dropped on the page and resized to 200 pixels wide.  Image number (2) was dropped on the screen and made into a 200 pixel wide thumbnail.

(1) Resized Image (2) Thumbnail

2.71 MB image 8.3 kb image
(with link to the original 2.71 MB image)

What is the difference?  Not much ... but then a lot.

(1)  Image #1 is really a 2.71 MB file.  If you loaded 20 images on the same page like image number #1 then you would have to wait for over 54 MB of image files to load.

(2) If you place 20 thumbnails like image #2 on the screen ... they are only 8.3 kb in size, so loading the whole page of 20 images would be less than 166 kb.

How were the above made?