iWeb – Build A Quick, Easy & Beautiful Website [Mac only]

00 iWork _09 LogoHaving recently discovered a way to get my own (unlimited) domain names and several good places where I could host them for free, I can’t help but falling into the mood of web building. And while I’m at it, I think this is the perfect time to try building one using Apple’s own iWeb 09.

This free Mac website building tool comes with iLife suite – free with every new Mac purchase. It promises its users quick and easy ways to build beautiful websites. To be able to achieve that, iWeb comes with various ‘plug and play’ ready-made templates for users to use and modify.

Experience is the best teacher. So there’s no better way to explore what iWeb can do than by using it to make use of our domain name and web host.

Settling on the Settings

The first thing that you’ll see when you first open iWeb is the choices of templates. Don’t worry too much at this stage. Just pick the one that you like, and you can change your mind later.

free mac website builder tools


Then we can continue with the settings. Click the “Site” item on the left pane, and you’ll see the “Site Publishing Setting” opened in the middle pane. This is the place to change the name of your site from “Site” into something more appealing.

free mac web tools

If you want to publish your site on your chosen hosting service, choose “FTP Server” from the “Publish to” options. (Note: This option is not available on the older version of iWeb). Then fill in all the fields with the required information; from the site name, to the FTP settings, to the website URL.

iWeb

For you Facebookers, there’s a bonus that you’ll love: the ability to update your Facebook profile when you publish your site. Tick the checkbox and provide the user information if you want to activate this option.

mac web design software

Shaping the Site

The web building process itself is as simple as adding pages (Command + N), editing the text, and replacing the pictures.

mac web design software

If you want to, you can edit every element of the page by clicking on that specific element and opening the “Page Inspector” from the “View –> Show Inspector” menu or by pressing “Command + Option + I

mac web design software

There are several types of pages that you can add, such as a blank page; ready to edit pages (Welcome Page, About Me page); blog page – where you can write and update your posts; and also the rich-media pages (Photo Album page, Movies page and Podcast page).

The pages will be placed in the left pane and you can re-arrange the order as you like. You can also add another website(s) (Command + Shift + N) to the project, each with its own pages and themes.

designing web pages in a mac

Enhancing with Elements

To enhance your site, you can add as many kinds of elements you want to each page. There are four tabs on the right pane:

  • Audios –> You can add music to your pages from Garageband and iTunes
  • designing web pages in a mac

  • Photos –> You can add pictures from iPhoto and Photobooth
  • designing web pages in a mac

  • Movies –> You can add movies from iMovie and iTunes
  • free mac web design programs

  • Widgets –> You can add several ready made widgets, including the one to include HTML code called HTML snippet widget
  • free mac web design programs

There are more advanced settings that you can do by going deeper into the Page Inspector, but the scope is too big to be discussed here. You can find many nice effects while you experiment with iWeb.

After the building process is done, you can do the final step by clicking the “Publish Site” button below. If you put the FTP settings right, everything should be uploaded to your server, and your site will be alive.

iWeb might not be the ultimate tool for those professional-level web designers. But for everyday folks who just want to build a beautiful site quickly and easily, this app is more than capable to fulfill their needs.

Have you tried iWeb? Got any tricks to optimize iWeb? Share using the comments below.


MakeUseOf Recommends

Jeffry Thurana

An Indonesian writer, self-proclaimed musician, and part time architect; who wants to make a world a better place one post at a time via his blog SuperSubConscious.

The comments were closed because the article is more than 180 days old.

If you have any questions related to stuff mentioned in the article or need help with any computer issue, just ask it on MakeUseOf Answers.

Hide 21 Comments

  • Dead End October 1, 2009
    0 likes

    Is there a PC equivalent to iWeb and Rapidweaver? I haven’t really found any that are as good.

    | Like
    • Alyssa Myers October 1, 2009
      0 likes

      You could try Nvu for PC:

      net2.com/nvu/

      although I wasn’t crazy about it.

      | Like
    • Jeffry Thurana October 1, 2009
      0 likes

      There are several good web building application for Windows like Dreamweaver (powerful but not free), MS Frontpage (not as powerful as Dreamweaver, and I don’t know the last status of this app), Kompozer (free, powerful, but a little outdated and IMHO not really user friendly).

      But as far as I know, there’s no free, quick and easy solution to web building for Windows. But I might be wrong here. Anyone could comment on this?

      | Like
  • Noah October 1, 2009
    0 likes

    You mean for Windows, not a “PC”. PC means personal computer. Linux and Mac OS X are also Personal computer operating systems.

    | Like
    • Snickers Boston October 1, 2009
      0 likes

      No offense Noah, but don’t most people understand what “PC” stands for / literally means? And that it is commonly used to denote a Windows OS based computer? And that if someone meant Mac or Linux they would say Mac or Linux? Id say yes to all these questions. My mother would get most of them right I bet. Well maybe not my mother but still. Anyone knows a Mac OSX machine, Linux machine and a Windows machine are all personal and all computers, right? Just sayin…

      | Like
  • Noah October 1, 2009
    0 likes

    I took no offence, because I can happily say I have no idea what you are trying to say.

    He said PC, and by that, he means Windows, so I was correcting him. Just like now, I’m correcting you :)

    | Like
    • Snickers Boston October 1, 2009
      0 likes

      you spelled offense wrong. anyway, if you know what he means, (as does everyone reading it) why do you waste the time “correcting him” when actually he is right? Would you correct someone if they said they were going to xerox something for you (make a copy) when the machine was a lexmark? would you really be confused b/c there is not Xerox machine? Are the Mac commercials confusing to you when they say “Im a Mac” and the other says, “Im a PC”? Do you really scratch your head confused b/c they are both technically PCs? Sorry to correct you.

      | Like
  • Noah October 1, 2009
    0 likes

    No I did not spell OFFENCE wrong. You did.

    Yes I would, because it’s not a xerox. I wouldn’t be confused, I would be stating the truth. Why would it confuse me?

    The only thing that confuses me is why you are trying to pick a fight, when you can not type correctly, nor make your point in a clear way.

    And I don’t waste time on pointless TV, so I have no idea what you are talking about.

    | Like
    • Snickers Boston October 1, 2009
      0 likes

      you’re right, I can’t type correctly. i screwed a sentence up. I noticed that after i hit send and felt like an ass after correcting you.

      But offense is spelled with an “S”, (not a “c”) in English. You can have the last word. good night…..

      | Like
  • Lame October 1, 2009
    0 likes

    Holy crap you two are lame. And to Dead End, I’ve not seen anything like this myself, but I’ve not looked.

    | Like
  • Noah October 2, 2009
    0 likes

    Because I can type properly and spell correctly, and I have good grammar? I believe you have very little concept on what the definition of “dumb” is.

    | Like
    • Dotjinks October 5, 2009
      0 likes

      So for the fluid thinkers who understand words can have many levels of meaning and that casually “PC” does carry the meaning – “windows based personal computer(s)”. It is highly recognizable in our (US) culture, like it is repeatedly stated in “Hi I’m a Mac and I’m a PC” commercials – which Microsoft unfortunately perpetuated with their counter commercials.

      Oh, and it is worth repeating that the handle “Noah” for commenters on “Make Use Of” now carries the meaning “He with a PC stick up his butt”.

      For those who firmly hold onto the belief that grammar is more important than communication and expression, you should check what you are really hanging onto with such a firm grip. My guess is it’s the same proverbial stick that’s up your asses.

      Dumb = repeatedly and firmly holding a stick up your ass regardless of what anyone else has to say or that you get the same results every time you do it.

      There I think I covered everything . . .
      Dotjinks

      | Like
      • Noah October 5, 2009
        0 likes

        Those ads are wrong. And so are you. You’re a fool.

        | Like
        • Dotjinks October 5, 2009
          0 likes

          You don’t even have a face on your avatar and I’m the fool? Take your cartoon head and shove it next to that stick you have up you bum.

          | Like
    • Dude October 22, 2009
      0 likes

      Because Noah is a loser with no life and has nothing to add to this link and bla bla bla…………………. LOSER.

      | Like
  • 's Ark October 2, 2009
    0 likes

    You’re both right when it comes to spelling offence/offense. Both have that same meaning in Webster’s dictionary.

    As for the whole PC thing, Noah is correct, but a bit anal. It used to bother me when people would call their computer a CPU. At first I would kindly inform them of what a CPU is, but after a while I got to realize that they will not change. So I stopped. No sense in wasting my time.

    | Like
  • Dotjinks October 5, 2009
    0 likes

    Now that I have flamed on Noah I can relax and ask what I wanted to in the first place . . . Where are the links to some examples of sites you built with iWeb or at least samples someone else built with the reviewed software?

    Thanks for the article,
    Dotjinks

    | Like
    • exitstencil October 6, 2009
      0 likes

      Hey Dotjinks, you can find examples here:

      http://www.iwebusersites.com/Home.html

      and to put in my tuppence-worth, Noah seems to know the ads (“Those ads are wrong. And so are you. You’re a fool.”) and yet not, when it suits him (“And I don’t waste time on pointless TV, so I have no idea what you are talking about.”)

      And as for “Because I can type properly and spell correctly, and I have good grammar? I believe you have very little concept on what the definition of “dumb” is.”, surely it should be “I believe you have very little concept OF what the definition of ‘dumb’ is”?

      | Like
  • Noah October 6, 2009
    0 likes

    I have not seen the ads, but I could guess from ““Hi I’m a Mac and I’m a PC” commercials” what they are about. I know perfectly well what dumb means, and I do not fit in either of its meanings.

    | Like
    • Dude October 22, 2009
      0 likes

      Noah, you fit into ignorant. Dumb ass.

      | Like
  • brits66 December 5, 2009
    0 likes

    To Dead End -
    Having developed websites for nearly a decade, I am unaware of any freeware that is similar to iWeb. There are many companies that provide templates for very little money ($69 and up), but keep in mind, none of them provide any optimization or analytical code and the code that is pre-scripted only helps the company that built the template, including iWeb. The upside is you can have a good looking website, the downside is no one will be able to find it through search engines even if they search your name. However you can overcome some of this if you have time to socialize your site through the various social sites. Even the best optimized sites can take as much as 18 months to get to Page One, but if that’s not your purpose then templates should be great.

    Check out http://www.perfectory.com I’ve used them a couple of times when clients had a REALLY tight budget. Good luck and hopefully i haven’t offended anyone.

    | Like