Archive for Tutorials

02 Feb 2010

Easy iWeb header tags – Part 2

16 Comments SEO for iWeb, Tutorials

A few hours ago I published a tutorial on the easy way to insert the header tag into your iWeb site, but it seems a few of you are having problems. The iWeb SEO Tool may not be as foolproof as first thought. The troubles seem to be arising with those of you who are using ‘Sans-Serif’ fonts (such as Arial, Verdana or Tahoma) in between your header tags. By default iWeb doesn’t include CSS for header tags within its pages so a browser will just default to a large serif font in black.

Don’t worry though, I have found a solution and it is really easy too. We just have to use a little bit of extra code in the text-box. Read more

02 Feb 2010

How to do Header tags in iWeb – the easy way

26 Comments SEO for iWeb, Tutorials

For those of you that have purchased the iWeb SEO video from Rage Software (you can still get 15% off the purchase price with All About iWeb) this iWeb tutorial may not come as much of a surprise to you, however if you haven’t (why not? it’s full of useful iWeb SEO tips and tricks) you may want to pay attention. Regular readers of this blog may also remember my previous tutorial explaining how to get ‘header’ tags into your iWeb site, but it involved a bit of faffing about.

All that has changed with the release a few weeks ago of version 1.7.1 of the iWeb SEO Tool from Rage. Now adding ‘header’ tags to your iWeb site is as easy as putting a tick in a box!! Read more

09 Jan 2010

How to make your iWeb site’s background static

32 Comments Tips and Tricks, Tutorials, Web Design

Having a large image or photograph as background is very ‘in’ at the moment when it comes to modern web design. A problem arises however, when you try to achieve this style in iWeb. Inspector only allows you to set a tile or centered image that will move when a user scrolls the page. This obviously isn’t what you want when you have your most beautiful image as a backdrop for your home page.

To get round the problem all you have to do is a tiny little bit of code editing (and I do mean tiny) before you publish your site and you will be able to keep the background of your iWeb page static whilst scrolling the content. Read more

28 Nov 2009

How to get a Coverflow style gallery in iWeb

16 Comments Tutorials, Web Design

There cannot be many Mac users who have not seen or do not know the ‘Coverflow’ effect that Apple created as a means of displaying (initially) album covers in iTunes, on iPhones or the iPod touch and which has now been brought into Finder and some of the more recent iPods. It’s a pretty cool gallery effect and method of diplaying images and recently I received an e-mail from Henrik (he also left a comment too) asking about how to achieve this effect in iWeb.

I was intregued. It must be possible, however I had only ever seen it recreated in Flash. I wanted an easy way to do it, and one that would fit in with iWeb. Read more

18 Oct 2009

How to create neon-glow text in iWeb

5 Comments Tips and Tricks, Tutorials, Web Design

Taking a break from coding iWeb themes I was having a play around with some fonts and text-boxes and came across a way to create this neon sign style effect using nothing but iWeb. Admittedly this effect should be used sparingly as overuse would slow down the loading of your iWeb page, but used here and there it can give a really nice look to an iWeb site. Read more