Creating a Website with iWeb: A Step-by-Step Guide

To start creating a website with iWeb, open up your application and click on "New" to begin a new two-hour project. Once you've selected the template, click on "Text Box" at the bottom of the screen to add another text box to the middle of the page. This will allow you to type in whatever you want to display on your website.

You can also add shapes by clicking on the Shapes bar at the bottom of the screen. You'll see a variety of shapes that you can choose from, and you can resize them by dragging one of the handles on the corner. For example, let's say you want to add a triangle to your page. You can click on the triangle shape and move it around until you're happy with its position. You can also resize the triangle by dragging the handle on the corner.

If you want to create a secondary page for your website, simply go to the bottom toolbar and click "Add Page." A menu will appear, allowing you to choose from different types of pages. In this case, let's say you choose "About Me" and click "Choose." Instantly, you'll have another page that you can customize with text boxes, images, videos, and more.

To add an image or video to your page, simply drag it into the desired location using the mouse. You can also resize the image by dragging one of its handles. If you're adding a large file, such as a video, iWeb will give you a warning about potential download times. However, once you've added the file and clicked "Okay," you'll be able to play it directly on your page.

One of the best features of iWeb is how easily you can organize your pages with links. Every time you add a new page, a link appears at the top of the screen that allows you to navigate between pages quickly and easily. This means that you don't have to worry about linking pages together manually – iWeb takes care of it for you.

To publish your website, simply click on the name of your site in the top toolbar. A menu will appear with various publishing options. You can choose to rename your site, add a contact email address, and publish directly to your mobile me account (if applicable). If you don't have a mobile me account, you can also publish to an FTP server or a local folder on your hard drive.

Once you've selected your publishing option, click "Choose" to begin the publication process. For this example, let's say we choose "Local Folder." You'll be prompted to select your location, and in this case, we'll choose our desktop. Next, enter a website URL name (we'll leave this blank for now) and click "Publish."

iWeb will give you a warning that you're making sure you own all the files and copyrights of everything on your website. If you've created original content or obtained necessary permissions, click "Continue." The publication process may take some time depending on the size and complexity of your site.

Once your site has been published, iWeb will display a message confirming its completion. You can then click "Visit Site" to open your newly published site in Safari (or another compatible browser). Your website should appear exactly as you designed it, with all the pages and content intact.

To test out your website, simply navigate between the different pages by clicking on the links at the top of each page. For this example, let's say we start with the welcome page. If we click on "About Me," we'll see our customized about me page, complete with video, pictures, and more. The experience should be seamless and intuitive – your friends and family will appreciate the effort you put into creating a professional-looking website that showcases your personality and creativity.

"WEBVTTKind: captionsLanguage: enhey everyone today I'm going to be showing you how you can build your very own website using Apple's application called iweb which comes in the iif suite and is bundled on all new Macs so to find iweb all you're going to have to do is open a new finder window and navigate into your applications folder and find iweb and open that up just double click it and I along launch once it launches you're going to find this large window here and from here you can do a variety of different things so what we're going to do is we're going to create a new website so all you have to do is go up to the file menu and click new site this list will drop down and you'll have a lot of different options as far as different themes you want so for this one we're just going to choose a modern theme here and click cck on the welcome page cuz that's the kind of page we'll want to start with then you'll just click choose and it's going to create a new site for you and this is the template site it gives you so this while this picture is nice you probably don't want it for your picture on your own website so you can drag pretty much any image in that you might have in a folder or on your desktop all you have to do is drag it and drop it right on top of the picture and it'll replace so for an example here I just have my desktop wallpaper and I can drag it in and and instantly that is a replaced the previous picture that was there and then I can use this slider here to decide which part of the image I would like to show now I can also edit the titles on here all I have to do is click on the title and then click again and it'll highlight the text in it and I can start typing so I can type welcome and maybe I just want to leave it at that little exclamation point so you can do that and then the same thing for these big larger text boxes I can just click on them once to select them and then click on them again to highlight it and then replace the text with what I want so right there welcome now I can also add another text box by going into my two our at the bottom here and clicking text box and you'll see a new text box pop up in the middle of the screen I can type in there whatever I want to type and then I can also move that text box wherever I would like to on the screen I can add a shape by clicking on the shapes bar at the bottom and you'll see all these different shapes I can add I can add a triangle here and I can move that around and I can even resize it by dragging one of these handles on the corner here and making it bigger or smaller so that's kind of neat and let's say I want to add a secondary page to my website all I have to do is go to my bottom toolbar here and click add page and this next bar will come down or this uh menu and you can choose another type of page so I'll choose about me and then click choose and instantly I'll have another page so of course once again I can replace the images on here with whatever I want and I can replace the selected text with whatever I want want to say so let's say I have a great video I want to put on my website I can also do that too by using the same drag and drop method I did with photos so I have to do is drag in a video and drop it wherever I want it to go in this case in place of the picture and right here it'll give me a warning if the file is very big in this case it says it's 187 megabytes which is quite large and it might cause long download times so I can click okay and right in this place where the picture was or wherever you choose to put it is your video and you can play any video on in there so let's say a home movie or or something like that you can put in there and you can see at the top here every time you add a new page it puts a link to that page up here so I can click on about me when I'm on my website and I'll instantly go to that page so you don't have to worry about linking pages together or anything like that it does it all for you so once you have your page organized exactly the way you'd like it with text boxes and images and videos and things like that and you want to publish your site you have a couple different publishing options all you have to do is click on the name of your site up here in this case it's just name site and you have your publishing options so I can rename my site here and I'll call it uh my great site and you can put a contact email in and if you have a mobile me account you can publish your site right to your mobile me account which is pretty nice and if you don't have a mobile me account you can publish it to an FTP server or a local folder right on your hard drive and with mobile me you can also make your publish site private if you don't want other people to be able to view it so once you're once you feel that you're ready to publish your site all you need to do is go and select your type and I'll choose local folder for this one and I'm just going to choose my location in this case my desktop click choose and it's going to put it there you can put in a website URL name and I'll just leave that blank for now and then down in the bottom toolbar here you're just going to click publish and it's going to give you a warning that you're making sure that you own all the files and copyrights of everything that you have on your website you can click continue and it's just going to create your site and it'll take some time depending on the length of your site how much is in it and how detailed it is so once it's done publishing it'll say your site has been published and I can click okay or I can visit my site right now so I'm just going to choose visit site now and it's just a folder on my desktop but it'll still visit it and it'll show me exactly how the site is so it opens up Safari and I can use my site just like I would in real life so here's my welcome page that I set up before and then I can click on about me here and it'll load the about me page that I had set up before so here's the about me page and I have my video and my pictures and everything else you know that I would like to have on it so that's pretty much the basics of creating a a website in iweb and it's pretty easy there's not a lot required to it to make a nice really professional and great looking site that um you know your friends family can enjoy stuff like that so I hope you found this tutorial useful and thank you for watchinghey everyone today I'm going to be showing you how you can build your very own website using Apple's application called iweb which comes in the iif suite and is bundled on all new Macs so to find iweb all you're going to have to do is open a new finder window and navigate into your applications folder and find iweb and open that up just double click it and I along launch once it launches you're going to find this large window here and from here you can do a variety of different things so what we're going to do is we're going to create a new website so all you have to do is go up to the file menu and click new site this list will drop down and you'll have a lot of different options as far as different themes you want so for this one we're just going to choose a modern theme here and click cck on the welcome page cuz that's the kind of page we'll want to start with then you'll just click choose and it's going to create a new site for you and this is the template site it gives you so this while this picture is nice you probably don't want it for your picture on your own website so you can drag pretty much any image in that you might have in a folder or on your desktop all you have to do is drag it and drop it right on top of the picture and it'll replace so for an example here I just have my desktop wallpaper and I can drag it in and and instantly that is a replaced the previous picture that was there and then I can use this slider here to decide which part of the image I would like to show now I can also edit the titles on here all I have to do is click on the title and then click again and it'll highlight the text in it and I can start typing so I can type welcome and maybe I just want to leave it at that little exclamation point so you can do that and then the same thing for these big larger text boxes I can just click on them once to select them and then click on them again to highlight it and then replace the text with what I want so right there welcome now I can also add another text box by going into my two our at the bottom here and clicking text box and you'll see a new text box pop up in the middle of the screen I can type in there whatever I want to type and then I can also move that text box wherever I would like to on the screen I can add a shape by clicking on the shapes bar at the bottom and you'll see all these different shapes I can add I can add a triangle here and I can move that around and I can even resize it by dragging one of these handles on the corner here and making it bigger or smaller so that's kind of neat and let's say I want to add a secondary page to my website all I have to do is go to my bottom toolbar here and click add page and this next bar will come down or this uh menu and you can choose another type of page so I'll choose about me and then click choose and instantly I'll have another page so of course once again I can replace the images on here with whatever I want and I can replace the selected text with whatever I want want to say so let's say I have a great video I want to put on my website I can also do that too by using the same drag and drop method I did with photos so I have to do is drag in a video and drop it wherever I want it to go in this case in place of the picture and right here it'll give me a warning if the file is very big in this case it says it's 187 megabytes which is quite large and it might cause long download times so I can click okay and right in this place where the picture was or wherever you choose to put it is your video and you can play any video on in there so let's say a home movie or or something like that you can put in there and you can see at the top here every time you add a new page it puts a link to that page up here so I can click on about me when I'm on my website and I'll instantly go to that page so you don't have to worry about linking pages together or anything like that it does it all for you so once you have your page organized exactly the way you'd like it with text boxes and images and videos and things like that and you want to publish your site you have a couple different publishing options all you have to do is click on the name of your site up here in this case it's just name site and you have your publishing options so I can rename my site here and I'll call it uh my great site and you can put a contact email in and if you have a mobile me account you can publish your site right to your mobile me account which is pretty nice and if you don't have a mobile me account you can publish it to an FTP server or a local folder right on your hard drive and with mobile me you can also make your publish site private if you don't want other people to be able to view it so once you're once you feel that you're ready to publish your site all you need to do is go and select your type and I'll choose local folder for this one and I'm just going to choose my location in this case my desktop click choose and it's going to put it there you can put in a website URL name and I'll just leave that blank for now and then down in the bottom toolbar here you're just going to click publish and it's going to give you a warning that you're making sure that you own all the files and copyrights of everything that you have on your website you can click continue and it's just going to create your site and it'll take some time depending on the length of your site how much is in it and how detailed it is so once it's done publishing it'll say your site has been published and I can click okay or I can visit my site right now so I'm just going to choose visit site now and it's just a folder on my desktop but it'll still visit it and it'll show me exactly how the site is so it opens up Safari and I can use my site just like I would in real life so here's my welcome page that I set up before and then I can click on about me here and it'll load the about me page that I had set up before so here's the about me page and I have my video and my pictures and everything else you know that I would like to have on it so that's pretty much the basics of creating a a website in iweb and it's pretty easy there's not a lot required to it to make a nice really professional and great looking site that um you know your friends family can enjoy stuff like that so I hope you found this tutorial useful and thank you for watching\n"