Archive for Tutorials

23 Jan 2012

How To Transfer Your iWeb Site From One Computer To Another

5 Comments Tips and Tricks, Tutorials

A few of you have been asking about how to transfer your iWeb site from your old computer to your new one, so I decided to put a quick tutorial together. It’s really easy to transfer your site, but this video tutorial will at least give you a visual of where to find the necessary file. So without further adieu:

If you need to transfer your iWeb site from one computer to another, you can follow these steps to easily do so.

The first thing you must do, is open up Finder, and go to your username, and find the folder called Library. I am running Lion so as you can see, my Library folder is not visible. If this is the case for you, this is how we find the folder.

With the Finder window still visible, click on Go in the menu bar, and then select Go To Folder. Type in exactly what you see here which is the squiggly dash, also known as a tilde, slash library. Then press the Go button.

You should now be in your Library folder. Next, highlight Application Support, and then find the iWeb folder. Inside the iWeb folder, you will see a file called Domain.sites2

Select this file and copy it.

Now you can transfer this file to your other computer using whichever method you prefer. Place this file back in the exact same location on the other computer, launch iWeb, and you should now see the website in iWeb.

26 May 2011

Amazing 3D text with CSS only

5 Comments Tutorials, Web Design

I love typography and thanks to the useful new code bits in CSS3 we can do so much more with our iWeb site’s font than we ever could before. A few weeks ago I ran a tutorial explaining how you can get the Letterpress effect in iWeb using just CSS and an HTML snippet. Today’s post is similar except we are going 3D. And yes it is all in CSS, yes it is fully customizable to fit in with your iWeb site and yes I do provide the code for you so you can copy and paste straight into your iWeb site. Lets get cracking.

Read more

18 Apr 2011

How to add funky non-standard fonts to iWeb….

5 Comments Tutorials, Web Design

…and let everyone see them how they are supposed to look. A bit of a long title for a post I know, but I thought you may all be interested in a great little trick that allows you to avoid using those dull and boring web standard fonts in favor of some new, fresh looking ones on your iWeb site.

How is this possible I hear you shout?? Well I must admit there is a little bit of editing to be done outside of iWeb, but I will endeavor to explain it in easy steps so there should be no problems. Afterall, what is a little bit of work when it means you get to have the iWeb site of your dreams. Read more

11 Apr 2011

How to add the Nivo Slider to your iWeb site

34 Comments Tutorials

JQuery image sliders have been around on the WWW for a while now and they show no sign of going away anytime soon. They are an excellent way of showing visitors to your site the latest news, photos, products and such like in an attractive manner. Adding an image slider to your iWeb site isn’t simple however; you will need to do a bit of code editing outside of the HTML snippet. And of course there is the preparation of the images too.

In this tutorial I am going to show you how to add the fantastic Nivo Slider to your iWeb site. There are comprehensive instructions on the official dev7 Studios web-site, but none specific for iWeb, so lets get cracking. Read more

01 Mar 2011

How to create a CSS3 postcard in iWeb

6 Comments Tutorials, Web Design

After the long build up the wait has finally come. Here is the first in a few tutorials explaining how to add various elements to iWeb using CSS3 and an HTML Snippet. This tutorial covers a postcard style image which, when a user rollover it will rotate and show the back half of the postcard on which can be written all sorts of information about the image on the front.

It is a great effect for photographers and graphic designers as more than one can be added to an iWeb page. The code (which can be downloaded from a link at the bottom of the page) is fully customizable, you don’t have to stick with what I have done. It is merely to be used as a starting point. Read more