WEBSITE DESIGN WORKSHOP!

Jonathan CrismanDUSPViz

Why have a website?

Why have a website?

Personal Organization

Why have a website?

Personal OrganizationPortfolio PortfolioBlog Group Blog“Business Card” “Business Card”Outreach Outreach

Why have a website?

Personal Organization Use This!Portfolio Portfolio CMSBlog Group Blog Wordpress“Business Card” “Business Card” Flavors.meOutreach Outreach Social Media

What is a “CMS”?

A content management system is a programmed set of code that allows a website’s content to be easily updated and changed without necessarily understanding the code.

+ easy to use!+ multiple users!

- takes time to set up- set templates

Examples of content management systems...

1. Wordpress2. Drupal3. Indexhibit4. Cargo5. Stacey

Wordpress

Drupal

Indexhibit

Cargo

Stacey

Why have a website?

Personal Organization Use This!Portfolio Portfolio CMSBlog Group Blog Wordpress“Business Card” “Business Card” Flavors.meOutreach Outreach Social Media

Wordpress

Flavors.me

Social Media and Application Programming Interfaces

Hosting at MIT

Your MIT locker contains 2gb of space that can be used for web-site hosting!

It’s default address is http://web.mit.edu/locker/www/. You can adjust the locker permissions with Athena to change it to mit.edu/locker/ or something along those lines.

+ free!+ MIT association!

- no scripts or php- disappears after you graduate

Athena Commands

fs quota [directory]fs la [directory]fs sa [directory] [user] [permissions]

r read the contents of files in the directoryl list the names of files in the directoryi insert files into the directoryd delete files from the directoryw write (or modify) files into the directoryk lock (or modify the write-mode bit) of files in the directorya administer or change the acl of the directoryread, write, all, none

Creating an index.html file.

+ Simple is beautiful!+ Contact info is key.+ Eg. SANAA website.

SecureFX (FTP client)

Dreamweaver

Creating and Editing a Wordpress

add scriptsscripts-start

follow instructions...

SecureCRT (Remote command line access to Athena)

Wordpress Interface

Stacey

Domains and Web Hosting (*PHP and MySQL)

FTP Access

Editing Stacey: drag and drop! So easy!

+ edit contents in existing text files (e.g., name)+ create new folders with text files and images- changing template is more difficult... use dreamweaver start with css (cascading style sheets) move on to html

http://www.staceyapp.com/documentation/

Now you have 3 sites!

http://mit.edu/username/http://flavors.me/username/http://58-12.org/dusp/username/

Congrats! But the last one (and, actually, the first one too) will go away, so be careful!