14 Jun 2011

Day 14 – Getting ready to go live

No Comments 21 Days

In just a few short days we will be discussing the publication of your iWeb site to the Internet proper but before we do there are some things that we need to consider. Yesterday we covered testing our site until we could (or more hopefully couldn’t) break it and tomorrow is all about letting Google know we are here, but there are other things we can do to help ourselves get higher in search engines. Grab yourself a cup of tea or coffee, we are having a lesson in basic SEO for iWeb.

Some of the work to help with the SEO of your site has been done already if you have been following this course carefully. On day 2 we discussed getting things ready for your iWeb site including naming all of your images correctly and ensuring that all of the text contained plenty of keywords for your site. You even made sure your navigation will all be text based do that it is easy for search engines to find their way around. Now we are going that little step further, dotting the Is and crossing the Ts.

Read more

10 Jun 2011

Day 10 – Finding our way around an iWeb site

No Comments 21 Days

Using the default navigation bar in iWeb has long been one of the biggest bugbears for iWeb users. Yes, it makes the job incredibly simple and adds the pages to your nav-bar as you create them and they are always in the same place on every page so they ‘continuity’ box is ticked but a user is unable to customize it to meet their needs.

You can’t do anything to the font or the colors so even if you did want to make even the tiniest of tweaks to your site you can’t. That is because the font and its colors are hard-coded within the theme code itself. I have a chapter explaining how you can edit the default navigation bar in my eBook, How to Design and build iWeb Themes. Read more

25 Oct 2010

How to add CSS3 buttons to your iWeb site

24 Comments Tutorials

Those of you that follow my twitter feed will know that I have been a little displeased with the fact that iLife 11 didn’t get a new (or even updated) version of iWeb. Apple seem to be wanting to lead the way when it comes to browsers, but doesn’t seem to want to produce a web design app to back it up.

Moaning aside, one thing that I would have expected to see in a new version of iWeb is the use of CSS3, the latest version of ‘Cascading Style Sheets’ that allows you to arrange and design a web page how you want to. CSS3 allows us to do much more than layouts however, and in this tutorial I want to show you how you can add great looking buttons to your iWeb site using just CSS3 – no images. Read more

31 Aug 2010

How to add a drop-down navigation bar to iWeb

46 Comments Tutorials

If I had a pound for every time I had been asked this question I would, without doubt, be a rich man by now. The one thing that all iWeb users seem to want to know is how to add a drop-down navigation bar to the top of their iWeb sites.

We all know that the standard nav-bar that is built into iWeb does a job. It’s functional and easy to create, but only sticks to one level; that’s it. In addition, as it is built from javascript it isn’t the most search engine friendly navigation bar in the world.

The reason this tutorial has been so long coming is simple. I wanted to wait until I could work out an ‘easy’ way to do it. Read more

10 Apr 2010

How to add a fixed floating menu to your iWeb

16 Comments Tutorials

Almost a year ago I wrote a post pointing you all in the direction of an iWeb site explaining how iWeb users with long pages can add Anchors to those long pages so that visitors to the site didn’t have to keep scrolling up and down to get to see the navigation.

Of course another solution would be to get the nav-bar to follow the user down the page as they scrolled, and that’s what this post is all about. There are many ways of getting a floating static nav-bar on your iWeb site, but most involve Javascript, JQuery or something similar, I wanted to find an easy solution. Read more