Quick instructions:

1. Post event on "calendar" which is events.html, found here: swanriveryoga.com/events/events.html

2. Create an individual page from ANY other event page, save wherever appropriate

3. Link the calendar with the individual page via the text "info"

4. Save and upload all files exactly in the same location as they're found on your Mac.

Detailed Instructions:

How the student finds out about events:

1. They go to the homepage, www.swanriveryoga.com. This page is called index.html.

2. On the homepage, the words "workshops & events" link them to a page called events.html. This page is found on the website, within the folder called events. So, its directory is: events/events.html. This is our events calendar. Let's start here.

3. Download the page events.html to your events folder on your desktop. Its super important that each file goes in the same place on your desktop, as it lives on the site, this will make the whole process so so much easier. So put it in your events folder, and erase any file with the same name before doing this, so the computer doesn't get confused. So now we have the file events.html from the web, nestled in your events folder, on your Mac, ready to be edited. Let's add an event to the calendar.

I. Adding an event to the calendar:

Open events.html. You will see a long list of our fabulous events - but there's so much more to add, and its easy to make these changes. All of this info is arranged in a TABLE. We simply need to add more rows to the table when we want to add in more information.

With events.html open in Dreamweaver, at the top of your screen, choose INSERTL, then TABLE OBJECT, then INSERT ROW etc, either below or above. Voila. Enter the info into each field. With the property inspector open, you can play with the background colors for each of these rows, making super special events more eye-catching etc.

For example, for Libby's asana class with live music, you could insert a row where appropriate, and enter the details. Please, where it says "info" in all the other fields, do the same thing here. We are going to use this in a moment.

This step doesn't take a lot of time, and is a great way to get things online as a sort of "save the date" so people will start marking their calendars, even before all the event info has been decided. This really helps everyone see all the events clearly; this page is kind of like the virtual white board we have over the desk in the Shala.

II. Helping the students see more info and purchase a spot via MindBody:

OK, so here's the fancy part. Step one is linking the event, from the calendar, to Mindbody. Might sound complicated but it is super simple. Here we go. Step two will be adding in any other links that might be relevant (ie the personal webpage of the guest).

Step 1:

Write "Sign Up" in the box at the right edge of the table. Make sure the property inspector is open (Window > Properties). Then open MindBody in a brower, log in, etc, and (assuming the event is already in MindBody) do this:

Toolbox > Setup > Links and Shortcuts

Select Tab > Workshops

Staff Member > enter name of event teacher

**Copy the Direct Link** and go back to Dreamweaver.

With the text "Sign Up" highlighted, paste the text from MindBody into the "link" field. save.

****The text MIGHT disappear, here's how to fix it! Click on "Code" in the upper left of the screen.

<a href="www.I am the Link.com">

add in the text class="whiteNav" after the letter "a", like this...

<a class="whiteNav" href="www.I am the Link.com">

Save and go back to "Design"

Link