iWeb Tutorial

By Dan Hinckley

10 responses. »

Did you want to make a website on your own but hesitated when you realized it was too complex? Well, you’re not the only one cause I was once in your shoes as well. I was so excited to make a website for my small business, however, just thinking about all the technical things I had to do and master, I felt like giving up. I didn’t think it would be possible but with the help of my Mac and some software from Apple I overcame the difficulties. For those who are interested to know how to build a website in few, easy steps, then, you are in the right place. Below is an initial iWeb tutorial with some quick tips and insights.

Building a Website with iWeb will make things easier. You can build your sites with themes and themes available in iWeb and customize it by adding texts, photos, widgets and movies! And now, updating your friends and family with the latest links and changes on your website could not be done easier, since iWeb connects with your Facebook.

Building an iWeb site – an iWeb Tutorial

iWeb is easy to use; once you open iWeb, you’ll be asked with what template you want to use. Now is the time to let your creative imagination out and think about how you want your website to look. If you have a picture of it in your mind, you choose the one templates available that is closest to it. You don’t need to worry because you can always customize it later if there are any changes.

iWeb Tutorial.png

If you have already clicked on the template you like, you will now see a web page with text and pictures. You can start by editing the text and replace the pictures. You can replace the pictures by clicking on the Media on the toolbar.

If you want to choose pictures that are in your iPhoto, you may simply drag the picture and replace the default picture. I know some of you want to make your webpage unique in some way; there are also other options you may choose from. If you want to insert pictures, videos, or texts, you may also do that by clicking on the Insert Menu. You may click on the Choose button that is found at the bottom that can resize pictures and add effects.

The inspector window that is found on the bottom bar can also help you with some other webpage options and also advanced photo edits. There are tabs that are found on the top of the window where you have other options such as editing your text style, adding shadows and reflections to your image.

iWeb Inspector.png

You can also adjust your pictures by clicking on the adjust button. It’s like editing in iPhoto; you can adjust the brightness, saturation, contrast, exposure and noise.

iWeb is a very useful program for those who wants to keep things simple. It is very easy to use. You can build a website by just clicking, dragging, and dropping. No need for those codes that can complicate things. You should explore other options that can help on adding uniqueness in your website. All you need is a Mac and iWeb and you’re ready to make your own website. I hope this article has been helpful for you, have fun!

About Dan Hinckley
Dan Hinckley is an experienced Mac user who converted to Apple products when they introduced them on Intel Processors. He loves helping others get more out of their devices! Subscribe to Maciverse.com to get the latest from Dan and the Maciverse Team!! Find out more about Dan:

10 Responses so far.

  1. Ben

    July 30, 2010 at 12:40 am

    I've created lots of websites in iweb but I'm having trouble integrating flash slideshows. I would really appreciate help!

    Here is an example of a free slide show. http://www.modularweb.net/piecemaker/

    In most of the slideshows you get a fla, xml, swf and the image files.

    I thought I would be able to import the swf and put all the files in the same place or add a HTML snippet but I cant get any of these to work.

    Any ideas?

    Thank you

  2. Dan

    July 30, 2010 at 12:42 am

    You'll need to host the fla, xml, swf and other related files on your hosting site and then reference them in your code (Html snippet).

  3. Georgia

    December 20, 2010 at 10:19 am

    I love the templates, especially the one called layered paper, but would love to be able to name my own pages. The choice of page titles is a bit limited. I have used Welcome, About Me but want to add other pages, like Contact Me and About Healing.
    Any ideas??
    Best wishes GC

  4. lisett

    April 21, 2011 at 11:11 am

    I just created a site which looks great on my imac but when I go to the ipad (original) it doesnt resize properly and is moving type as well as the quicktime movie i have is broken on the ipad as well. Also the nav bar is not functioning all the time. I know, weird. Any suggestions?

    • Dan

      April 21, 2011 at 11:49 am

      It looks like your page has mutliple elements on it for me in Google Chrome web browser. Maybe make sure your iWeb page is clean?

  5. antoine edery

    May 3, 2012 at 6:16 pm

    Hello, I am creating a website from scratch. I want to put a picture as Browser background then have page background as a colour fill. The thing is when i import the image for the Browser background it crops and you can't see the whole picture. Any ideas?
    My second problem is that i want the Browser background to be fixed so that when i scroll down the pages the Browser background stays still and doesn't scroll down as well. Any ideas on this?
    Thank you Antoine

  6. Jawad

    May 6, 2012 at 6:22 pm

    Hi Dan, can you help, I'm using iweb's layered paper for my template and it looks very nice. However on one of my pages I need the page to be wider than the preset/default size. When I use the inspector page layout option to widen the page I get a vertical column appearing to the right side of the original page which I can make wider but which never merges with the original page housing all the text and images. This column is also square edge unlike the rounded edges of the original page.

    Do you have a solution to this problem?
    Many thanks
    Jawad

    • Mellan

      July 25, 2012 at 7:05 pm

      I have the same problem; have you found a solution yet?

  7. thais

    August 23, 2012 at 6:19 pm

    Hi there,
    Do you know how to access source view in iWeb?
    tks

  8. Online Slideshows

    April 16, 2013 at 6:24 am

    This is really good published article. Such a great yet interesting post. Thank you very much for sharing this useful stuff.

Leave a Reply

Site powered by Go Fish Digital