Pinterest Stumbleupon Whatsapp
Ads by Google

00 iWork _09 LogoHaving recently discovered a way to get my own (unlimited) domain names How To Setup A Self-hosted Wordpress Blog for Free How To Setup A Self-hosted Wordpress Blog for Free Read More and several good places where I could host them for free Top 7 Easy and Free Web Hosting Services Top 7 Easy and Free Web Hosting Services Read More , 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.

Ads by Google

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.

  1. kay ahern
    March 20, 2016 at 2:56 am

    guys please can ya stop arguing and help me , i need to build a website with as little money as possible . im not tight im skint, with kids to feed . can you offer me sites or recommmend please please please xxxx kay ahern from blackpool

  2. brits66
    December 5, 2009 at 12:29 am

    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.

  3. Noah
    October 6, 2009 at 1:22 am

    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.

    • Dude
      October 22, 2009 at 8:22 am

      Noah, you fit into ignorant. Dumb ass.

  4. Dotjinks
    October 5, 2009 at 3:24 pm

    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

    • exitstencil
      October 6, 2009 at 12:57 am

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

  5. 's Ark
    October 2, 2009 at 6:30 pm

    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.

  6. Noah
    October 2, 2009 at 12:02 pm

    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.

    • Dotjinks
      October 5, 2009 at 3:20 pm

      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

    • Noah
      October 5, 2009 at 3:23 pm

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

    • Dotjinks
      October 5, 2009 at 3:25 pm

      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.

    • Dude
      October 22, 2009 at 8:20 am

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

  7. Lame
    October 1, 2009 at 7:51 pm

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

  8. Noah
    October 1, 2009 at 5:59 pm

    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.

    • Snickers Boston
      October 1, 2009 at 6:27 pm

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

  9. Noah
    October 1, 2009 at 5:26 pm

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

    • Snickers Boston
      October 1, 2009 at 5:48 pm

      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.

  10. Noah
    October 1, 2009 at 3:03 pm

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

    • Snickers Boston
      October 1, 2009 at 5:21 pm

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

  11. Dead End
    October 1, 2009 at 1:55 pm

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

    • Alyssa Myers
      October 1, 2009 at 8:48 pm

      You could try Nvu for PC:

      net2.com/nvu/

      although I wasn't crazy about it.

    • Jeffry Thurana
      October 1, 2009 at 8:16 pm

      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?

Leave a Reply

Your email address will not be published. Required fields are marked *