Archive for Tutorials

20 Feb 2010

How to detect an iPhone visitor to your iWeb site

10 Comments Tutorials, Web Design

Last year I wrote a post all about making an iWeb site look good on an iPhone or iPod Touch and a few of you have written to me to ask whether it would be possible to have an iPhone user automatically redirected to a completely different page, one that had been designed specifically for an iPhone’s smaller screen. Well I have been doing a bit of digging and a bit of experimenting and I think I have finally come up with a solution.

There are several ways of achieving the automatic redirection however many involve PHP or HTML and Conditional Comments which change the CSS layout of a page. All well and good if you are an established web-designer not using iWeb so I had to find a different method. Read more

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 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

34 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