FTP (file transfer protocol)

– uploading web files to the server using  FTP (file transfer protocol)
-we will use a free Mac ftp client called Cyberduck Mac,   Cyberduck PC is also available.
-Filezilla is also good, free and cross-platform

  1. Open ftp software
  2. “Open Connection”
  3. Enter the following info:
    username: first initial + last name + the year (’18”), all in lowercase, no spaces or symbols  + (so, “Sam Jones” would be “”)
    password: sent to your wsu email, can’t be changed!
  4. If successful, you should be in your personal server directory that has the same name as your username. Now you can either drag the folder and files in that directory or use the “action” menu to “upload”
  5. Please upload folders with the following in all lowercase: “blackbird” for the blackbird project, “recipe” for the recipe project, etc. You can always change the folder and file names on the remote server, as you would on your desktop.
  6. Make sure that your default page for the project is “index.html”
  7. Check how everything looks on the live absolute URL:
  8. If you cannot see images, make sure that your file names and calls to access those files are all lowercase. Servers are case-sensitive!
  9. Email me that URL (



Text Editors

  • TextWrangler (Mac, recommended for this class)The program “Text Wrangler” on the Macintosh computer makes it quite easy to write and edit XHTML code for your webpages. It is much easier to use than “Note Pad” on the Windows side. However, there can be a problem when you create code using “Text Wrangler” and then try to edit it using “Note Pad.” To be able to work with your code at both school and home, using both “Text Wrangler” and “Note Pad,” follow these steps:
    1. Select “Preferences” > > > “Text Files”
    2. Select the “Default Line Breaks: Windows (CRLF)” setting (not default)

    Now, you should be able to create code at school using “Text Wrangler” on a Macintosh computer, save it onto your portable storage device, take it home, open it with “Note Pad” on a PC, and work with no trouble

  • NOTEPAD ++

Web Design / Basics

Cascading Style Sheets (CSS)


Designing with the Grid


Public Domain Images

Testing and Debugging

Tools & Widgets

Javascript Galleries, Lightbox & Effects



Video Capture

Video Compression


Personal Portfolio Websites

Narrative Design

Interactive “stories”:

Electronic Literature:

Scroll Narratives:

Leave a Reply

Your email address will not be published.