Music 220C

Research Seminar in Computer Generated Music

Creating your research websites

Original Author: Tim O'Brien, March 31, 2017

As a member of 220C, you will create and maintain a website for your project, including weekly blog-style update posts. The main website and blog need not be on the same site; you can have a main project page, as well as a separate blog.

You should host these on the CCRMA webspace. There are several options for doing this. Depending on your familiarity with different languages, preferred means of interacting with these tools, and personal aesthetic, you can pick which works best for you.

Once you have your site up and running, please email the course staff (cc@ccrma..., nfarzan@stanford...) so we can add it to the 220C site.


This is the path of least resistance. If you don't have a lot of experience creating websites, or don't want to spend too much time setting one up, this is your friend. The CCRMA Wiki is any page under For example, Andrew A. Watts (TA in 2017) used the Wiki for his piece Feedback Shift II.

To create a new page on the Wiki:

Your own HTML site

While a Wiki page is easy to create and edit, its functionality and appearance are restricted to that which is allowed in the Wiki syntax. On the other hand, you have a lot of flexibility if you create a static HTML site under your CCRMA webspace. This comes at the cost of slightly more time and effort to set up the site.

Note: please don't spend any time with a fancier CMS site like WordPress or Joomla or Drupal. Those won't be installable on your CCRMA webspace, and it's more trouble than it's worth for this type of single-quarter project.

Reminder: your CCRMA webspace

Every CCRMA user has a folder called ~/Library/Web/. Anything you put in there can be accessed on the web by going to For more refresher material, see:

As always, if you have any trouble with this, let us know.


Bootstrap is a very popular framework which allows you to write relatively simple HTML pages which look and behave nicely. (See, for example, the 220C site.) Further customization via additional CSS and JS elements is also straightforward.

As long as you put everything within a directory like ~/Library/Web/YourProjectName/, e.g. with a main page at ~/Library/Web/YourProjectName/index.html, your project is accessible at

In the end, pick whatever option makes sense for you. There is value to presenting your work beautifully. However, your work itself is most important. Straightforward, well-written updates on a Wiki page are more than acceptable.