ICT tutor: A M Higgins
link to home pagelink to touch sensor programlink to light sensor programlink to screenshot explanationlink to notes on learninglink to related images
  
To Create a Button using IrfanView

Download IrfanView

 

image of irfanview logo
IrfanView
Logo

 

 

Step 1: Start > Programs > IrfanView

Step 2: Image > Create new (empty) image

Step 3: Choose the dimensions of the button you want

step 3 - choosing dimensions

 

  

Step 4: This is the size of the button (in white):

step 4 - button size

  

Step 5: With the cursor, select a section of the button

 

step 5 - selecting where the text will go
  

Step 6: Edit > Insert text into selection

 

  

Step 7: Don't forget to choose font and colour

 

step 7 - font and colour

 

  

Step 8: This is what Verdana, Size 12, Colour blue looks like on a button called 'reflection'

 

step 8 - reflection button nearly ready

 

  

Step 9: Save as… reflection.gif (into the images folder). (Check out the difference between gif and jpg formats). DO NOT SAVE AS... a BMP file. Each button takes up 4k in space.

Step 10: Choose whether you want the background colour of your web page to appear through the button or not. The blue button below has a white background. The red one has a transparent background. This is how they look when inserted into different coloured pages:

  
Red text on TRANSPARENT BACKGROUND
Blue text on WHITE BACKGROUND
  
red text on transparent background
blue text on a white background
  
red text on transparent background
blue text on a white background
  
red text on transparent background
blue text on a white background
  
red text on transparent background
blue text on a white background
  
red text on transparent background
blue text on a white background
  
red text on transparent background
blue text on a white background
  

 

© A M Higgins