Extensions  Add-ons  Flip-it!  GEG Melbourne  GAFE Admin  Conferences  Contact

Branching Forms
My Maps

Welcome to my website that contains lots of resources and how-to information, primarily about using Google Apps for Education. Click the contact icon to find out more about me.

The different elements on the page have been arranged in tables, then the borders removed. To do this edit the page, click the <HTML>  button, find the text below and change the values highlighted below from 1 to 0. The borders disappear, and the sites page looks much neater.

<table border="0" bordercolor="#888" cellspacing="0" style="border-collapse: collapse; border-color: rgb(136, 136, 136); border-width: 0px;">

The site header was made using Online Logo Maker which does what is says and lets you make website logos and headers. So far its worked well, and has been free. A bit easier than doing the same thing in Photoshop, and worth giving it a try. Lots of built in images you can use, like the rectangles I used and changes to Google-like colours. Many of the icons or buttons were made with Iconion, which was a free download. It installed easily, and the free version has lots of functionality. If you pay for it you get more icon  shapes and effects. Most icons have had the text, and sometimes the border, added in Photoshop. 

I've always found it surprisingly difficult to draw a shape outline in Photoshop - the red pentagon at right, for instance. These are the steps (helpful instructions found here).
  1. Import your image into Photoshop
  2. Use one of to shape tools to add a shape to your picture. It will be filled (probably black) but don't worry.
  3. Rasterize the layer (Layer menu → Rasterize)
  4. Select the shape with the Magic Wand tool
  5. Select Edit → Stroke and choose colour and width
  6. Maintain the selection or select again
  7. Select Edit → Clear
  8. Save your new image
I keep thinking there must be an easier way, but that's the way I do it.