iWeb for Musicians
y l n O
Tutorial E Book
s e g a P
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
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 iWebforMusicians@gmail.com 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
 Website, Folder and File Upload
 Creating a Promotional Download
 Music Players
 About iWeb
(1) The Simple Flash Player
 Creating a Custom Website
(2) The Fat Player is DEAD!
 Get Googled
(3) Jukebox Alive
 Search Engine Optimization
 Domain Files and Downloads
 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 http://www.apple.com/support/iweb/ There are some instructional movies at http://www.apple.com/findouthow/web/
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 http://discussions.apple.com/forum and an incredible iWeb FAQ site at http:// iwebfaq.org/site/iWeb_FAQ.html 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
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 MadBadBand.com I want to create a custom Landing Page on a separate domain file so that when the URL...... http://www.madbadband.com ..... 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.
HTML Verification and Sitemap.xml Files
 Contents  Create An Account
 Explore Your Account  Add Your URL  HTML Verification File.  Sitemap.xml  Verify Your Sitemap
Donâ€™t forget to sign up for Yahoo, Ask.com 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, Ask.com 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.
 Introduction and Index  Name, Theme and Structure  Choose a Domain Name and Register it  Plan your Website Layout  Plan your Keyword Campaign  Title Tags  The Importance of Links, Text and Media Descriptions  Some Other Essentials Webpages - http://www.iwebformusicians.com/SearchEngines/SEO.html
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 ”iwebformusicians.com” 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: http://iwebfaq.org/site/iWeb_Multiple_websites.html 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.
 Contents & Folder
Figure  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.
 Yummy FTP  Cyberduck FTP  Folders & Files  Uploading  Creating the links
 Upload to MobileMe  Upload to Sites Folder  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...... http://www.bean-osx.com/Bean.html
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:  Biography  FAQ Sheet  Short Press Release
 Comprehensive Press Release.  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.
Website Music Players
The Simple Flash Player
Uploading the Files
Get More Information on Website, Folder and File Upload - HERE
Adjusting the iFrame
.... and the default player appears on my page.
In figure  I have pushed in the bottom and the right hand side of the iFrame....... Jump
Server Email & Contact Forms  Contents & Introduction  Web Server Email  Setup Email  Formmail Script  Script Editing  Forms  Form Code  Code Editing  Get It Onto Your Webpage  Checkbox and Other Variations  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!