Issuu on Google+

iWeb for Musicians

y l n O

Tutorial E Book

s e g a P

6 1

e l p m a Building a Music Website S using iWeb on a Mac


Introduction These tutorials are designed to complement the website - iWeb for Musicians - and give more detailed information on some of the more involved topics. This website was started with the encouragement of Derek Sivers of CD Baby fame to help musicians build their own music website using iWeb and an Apple computer. The website has generated a lot of interest in the iWeb community in general and received over 2 millions hits in its first 6 months. The website is divide into sections reached by the main navigation and this is reproduced on this page for your convenience. Click on any section to get there.

Music Website Building


Audio Files

Music Players





Presenting A Promotional Package Online Since I first published iWeb for Musicians I have received a lot of support, suggestions and encouragement from Cédric, the author of the iWeb FAQ site, Old Toad, the top contributer to the iWeb user forum, Derek Sivers of CD Baby and, most of all, those of you who have taken the trouble to offer suggestions and comments. I appreciate those who have emailed me with their problems with implementing some of the suggestions here especially the music players. These are the single most important item in a musician’s website and, if my explanation sucks or is incomprehensible, I’m depending on you to let me know. Please email your suggestions to If I don’t reply to your emails immediately, please understand that I actually have to fit in some paid work now and again to make a living. Thanks to all of you!

Roddy McKay Copyright © Roddy Mckay - 2009 - All rights reserved





[9] Website, Folder and File Upload

[2] Introduction

[10] Creating a Promotional Download

[3] Contents

[11] Music Players

[4] About iWeb

(1) The Simple Flash Player

[5] Creating a Custom Website

(2) The Fat Player is DEAD!

[6] Get Googled

(3) Jukebox Alive

[7] Search Engine Optimization

(4) Flashskins

[8] Domain Files and Downloads

[12] Server Email and Contact Forms

Click on any page or section title to jump to it. Every page Has a JUMP button to get you back here. TIP: When viewing a PDF download, try clicking on it and using “Quick Look” in the Finder File drop down menu - Command Y You can also get there by highlighting the file and hitting the Space Bar.


Why Use iWeb?

Macs were made for musicians - and other clever people too! Once you have used a Mac, you will see that PCs running Windows are a bunch of clunky dinosaurs. The Apple OS X operating system is so far out in front of the “opposition” that they look as though they’re going backwards. The graphics are stunning and the learning curve for new applications falls away to almost zero as you get into it. iMacs are so portable that you don’t need a laptop - maybe just a roadie to scoop it up under one arm. Every Mac comes loaded with lots of useful software. One of these applications is iWeb - part of the iLife package.

For the complete beginner, their is a useful built in Help file. You can gain access to some more specific help and troubleshooting information at There are some instructional movies at

iWeb is very straight forward and easy to use for the word go. At first sight, it may seem to be very limited but there’s lots of ways to make it go “outside of the box”. Like all applications designed for the Apple OSX operating system, iWeb has a comprehensive Help menu that covers all the basics. There also an excellent user forum at and an incredible iWeb FAQ site at http:// iWeb is a template based website building application and there is a fairly good choice of built in templates. Each template has a choice of ready built layouts.


Starting a New Website & Creating a Custom Page In this tutorial we’re going to look at starting a new website on a new, blank domain file, building a custom “template”, storing a copy of this and another domain file for creating future sections of the site.


Introduction and Contents




Creating the new domain file


Opening the First Page


Page Layout & Dimensions


Title Tag and © Notice


Page Background


Header, Page Title, Navigation, Duplicating, Saving & Creating Duplicate Domain Files


Full Screen Shot with some Hints and Tips.


Planning the Website


In the SEO tutorial available HERE, I laid out a map of my website shown below and registered the Domain Name I want to create a custom Landing Page on a separate domain file so that when the URL...... ..... is entered into the browser, this page will appear with a Main Navigation Menu to take you to the various Sections of the site. On this page I will try to create some interesting content to make you want to stay on the site and add some relevant and unique Keywords to encourage the search engine spiders to give it a good ranking.

Get Googled


HTML Verification and Sitemap.xml Files

[14] Contents [15] Create An Account


[16] Explore Your Account [17] Add Your URL [18] HTML Verification File. [19] Sitemap.xml [20] Verify Your Sitemap

Don’t forget to sign up for Yahoo, and the new version of MSN - BING


Website Design with Google in Mind If you are going to promote your products on the internet you have to be able to be found by people using the major search engines. Google is the monster engine but don’t forget about Yahoo, and MSN! Search Engine Optimization - SEO - needs to be planned before you build your website - not as a last minute afterthought. We’re going to look at all the things that need to be considered and at what stage in the design process they need to be implemented.

[21] Introduction and Index [22] Name, Theme and Structure [23] Choose a Domain Name and Register it [24] Plan your Website Layout [25] Plan your Keyword Campaign [26] Title Tags [27] The Importance of Links, Text and Media Descriptions [28] Some Other Essentials Webpages -

Is now.....

Domain Files



One of the unique and frustrating aspects of iWeb is that it saves all your website data to a domain file. The default location of this file is Home Folder/Library/Application Support/iWeb. If you have checked the box next to “Show all file extensions” in Finder/Preferences/General, the file will be designated domain.sites2. Note that if you are using a version of iWeb prior to ʼ08 the file is called domain.sites. A domain.sites file has to be converted to domain.sites2 by iWeb ʼ08 and converted again for iWeb ʼ09. The biggest problem with this arrangement is that iWeb cannot import published files. Therefore, it is essential to backup your domain file(s) to an external drive frequently if you donʼt use Time Machine. If you lose your domain file or it gets corrupted you will have to rebuild your website.

Separate Domain Files If you have more than a couple of websites or a very large one, it is more convenient to build them on separate domain files so that you can load them into iWeb, update and publish them separately. iWeb for Musicians is built on 9 domain files and each section is reached from the main navigation menu which is custom built and contains external hyperlinks to the various sections. When a section is published to a local folder it produces the NameOfSection folder and an index.html file. The index.html file is changed to NameOfSection.html. The only exception to this is the section that contains the Landing Page. In this case the index.html is left alone so that the domain name can be direct to it when you enter ”” in your browser. All these HTML files and their corresponding folders are uploaded to the root folder on your server. The URL for each section is: http://www.websitename/SectionName/FirstPage.html

Creating the Domain Files You can separate websites from a domain file containing multiple websites by doing it manually or using a third party application. I do NOT recommend this approach as it can lead to domain file corruption. If you want to find out more about this go to: You can create this blank domain file by quitting iWeb, dragging the existing one out of Home Folder/Library/Application Support/iWeb and putting it into a new folder. Relaunching iWeb will allow you to create a new site with a blank page and you can then save it and quit. Create a new folder for this domain file and copy the one in Home Folder/Library/Application Support/iWeb and paste it into this. When you want to work on this site its just a question of opening the appropriate folder and double clicking the domain file to launch it in iWeb. When you make changes and save, the appropriate domain file will be updated. I keep a copy of a blank domain file in a folder so that I can copy it into a new folder and start a site quickly. I keep all my domain files in separate folders inside a folder called iWeb which resides in my Home Folder. I can launch any site with two mouse clicks from a second Dock on the left of my screen using the application Dock-It. See next page......

Uploading Websites File & Folders

I have received a lot of emails from people who are trying to implement Music Players on their websites. The individual web pages and tutorials seem to help with the construction but a lot appear to have trouble with the concept of uploading the folder containing the music files and the player assets.

[32] Contents & Folder

Figure [1] below shows the contents of a folder containing some MP3 files and the player assets for the Simple Flash Player. In this case the player assets are the audioplayer.js and the player.swf. Each MP3 file has a different icon relating to the application in which it was created or the one it can be played in.

[33] Yummy FTP [34] Cyberduck FTP [35] Folders & Files [36] Uploading [37] Creating the links


[38] Upload to MobileMe [39] Upload to Sites Folder [40] Upload SEO files



Bio & Press Releases Your Bio and Press Release - and any other propaganda - should be created in a Desktop Publishing Application - DTP. This will allow you to add icons, thumbnail images etc. If you don’t have a DTP application, download the freeware Bean from......

Go to Bean Preferences/Documents and choose “Rich Text with Graphics Document” - RTDF as your default save format to check it out and keep on file for updating. When you are finished each doc, select “File/Save As...” and save your document with a descriptive name: [1] Biography [2] FAQ Sheet [3] Short Press Release

Roddy’s Presskit.rtfd

[4] Comprehensive Press Release. [5] Achievements, Awards & Accolades. Now got to File/Export and choose “to PDF”. Drag all your PDFs into your main PressKit folder. PDF is the most universally acceptable format and should be openable by everybody except complete idiots. Hopefully, you won’t be send your stuff to idiots! Remember that the above are for the attention of professional media people and not your fans or mother ! Strictly no BS. Work this and rework it - this is VERY IMPORTANT STUFF.

Roddy’s Presskit.pdf

Website Music Players


The Simple Flash Player




The Player


The Code


Uploading the Files




Code Variables

Get More Information on Website, Folder and File Upload - HERE


Adjusting the iFrame

[16] [15]

.... and the default player appears on my page.

In figure [16] I have pushed in the bottom and the right hand side of the iFrame....... Jump

Server Email & Contact Forms [71] Contents & Introduction [72] Web Server Email [73] Setup Email [74] Formmail Script [75] Script Editing [76] Forms [77] Form Code [78] Code Editing [79] Get It Onto Your Webpage [80] Checkbox and Other Variations [81] Finishing Off


In this tutorial we’re going to look at setting up email on your server, redirecting it to your Mac Mail and using it to gather information from a website contact form. To do this we have to install a form script, make a few adjustments to it and hook it up to some code in an HTML Snippet to create the form and make it work.


Get the E Book for $12

Click The Icon To Get There!

iWeb for Musicians Tutorial E Book