Step 1: Export

A new window will open called publish_to_web. This is your final product and contains everything you need for the web. Rename it something without spaces or periods that says something about the event. Tip: include the year because chances are if whatever you covered has not already happened it will happen again next year.

Step 2: Upload

1. Open Cyberduck.app
2. Double-click on the files.wknc.org bookmark.
3. Drag your newly named folder to files.wknc.org.

Step 3: Publish

1. Open Firefox. It’s absolutely obnoxious, but a few of the necessary features of collegepublisher’s admin site are broken for the most standards compliant rendering engine on earth: WebKit. This effects both Apple Safari and Google Chrome (if you’re cool enough to use them).
2. Log-in to admin.collegepublisher.com (talk to the editor or Fred if you don’t have a log-in)

Publishing one slideshow requires creating three articles:

1. The article page that everything else links to and has the slideshow embedded on it.
2. The teaser on the Home page.
3. The teaser on the Multimedia page.

Step 3a: Article Page

1. Click on the Multimedia folder ()
2. From the tabs near the top click on Articles
3. Click Create to create a new standard article.
4. Write your Title, subtitle, byline, and summary.
5. Here’s the fun part:
   1. Scroll down and click on Source
   2. Paste this HTML code in:
      • Change publish_to_web to your folder name all 3 times

      <p>Just a black box? <a href=”http://files.wknc.org/publish_to_web/” mce_href=”http://files.wknc.org/publish_to_web/”>Click here…</a></p><br /> <p><span class=”mceItemObject” width=”620″ height=”533″ align=”middle” id=”soundslider” codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″><br /> <span value=”always” name=”allowScriptAccess” class=”mceItemParam”></span><br /> <span value=”http://files.wknc.org/publish_to_web/soundslier.swf?size=1&format=xml” name=”movie” class=”mceItemParam”></span><br /> <span value=”high” name=”quality” class=”mceItemParam”></span><br /> <span value=”true” name=”allowFullScreen” class=”mceItemParam”></span><br /> <span value=”false” name=”menu” class=”mceItemParam”></span><br /> <span value=”#000000″ name=”bgcolor” class=”mceItemParam”></span> <span class=”mceItemEmbed” width=”620″ height=”533″ align=”middle” pluginspage=”http://www.macromedia.com/go/getflashplayer” allowfullscreen=”true” type=”application/x-shockwave-flash” allowscriptaccess=”always” menu=”false” name=”soundslider” bgcolor=”#000000″ quality=”high” src=”http://files.wknc.org/publish_to_web/soundslider.swf?size=1&format=xml” mce_src=”http://files.wknc.org/publish_to_web/soundslider.swf?size=1&format=xml”></span> </span></p>

   3. Click Save and check to see if your slideshow plays and the fallback link works.
6. Now attach an image: (you can do this while not in edit mode)
   1. Click Create new image
   2. Browse and Upload a small version of an iconic image from your slideshow (look in your publish_to_web folder for already resized copies)
   3. Now write a name, paste in your caption, and enter ©2009 NCSU Student Media for copyright.
7. Click copy at the top next to the article’s name.
8. Do not close your new article.

Step 3b: Multimedia Teaser

1. Click on the Multimedia folder ()
2. Open Multimedia Column Splitter (Top)
   
3. Create a new teaser
4. Paste in the same Title, Subtitle, and Description from the article.
5. Paste in your article using the paste button. This links this teaser to your main article.
6. Copy the image: click on your article page from before (that you didn’t close).
7. Use the paste button (under the Create new image button) to paste the same image into the teaser.
8. Save and close this teaser.

Step 3c: Home page teaser

1. Click on the News folder ()
2. Open News Column Splitter
3. Create a new teaser
   
4. Do the same thing you just did:
   1. Paste in the same Title, Subtitle, and Description from the article.
   2. Paste in both the article and image using the paste button just like before.
5. Save and close everything.

Step 3d: Check it out

Go to technicianonline.com and make sure everything is hunky-dory.