duspviz website
DESCRIPTION
TRANSCRIPT
![Page 1: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/1.jpg)
WEBSITE DESIGN WORKSHOP!
Jonathan CrismanDUSPViz
![Page 2: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/2.jpg)
![Page 3: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/3.jpg)
Why have a website?
![Page 4: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/4.jpg)
Why have a website?
Personal Organization
![Page 5: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/5.jpg)
Why have a website?
Personal OrganizationPortfolio PortfolioBlog Group Blog“Business Card” “Business Card”Outreach Outreach
![Page 6: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/6.jpg)
Why have a website?
Personal Organization Use This!Portfolio Portfolio CMSBlog Group Blog Wordpress“Business Card” “Business Card” Flavors.meOutreach Outreach Social Media
![Page 7: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/7.jpg)
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
![Page 8: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/8.jpg)
Examples of content management systems...
1. Wordpress2. Drupal3. Indexhibit4. Cargo5. Stacey
![Page 9: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/9.jpg)
Wordpress
![Page 10: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/10.jpg)
Drupal
![Page 11: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/11.jpg)
Indexhibit
![Page 12: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/12.jpg)
Cargo
![Page 13: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/13.jpg)
Stacey
![Page 14: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/14.jpg)
Why have a website?
Personal Organization Use This!Portfolio Portfolio CMSBlog Group Blog Wordpress“Business Card” “Business Card” Flavors.meOutreach Outreach Social Media
![Page 15: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/15.jpg)
Wordpress
![Page 16: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/16.jpg)
Flavors.me
![Page 17: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/17.jpg)
Social Media and Application Programming Interfaces
![Page 18: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/18.jpg)
Hosting at MIT
![Page 19: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/19.jpg)
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
![Page 20: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/20.jpg)
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
![Page 21: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/21.jpg)
Creating an index.html file.
+ Simple is beautiful!+ Contact info is key.+ Eg. SANAA website.
![Page 22: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/22.jpg)
SecureFX (FTP client)
![Page 23: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/23.jpg)
Dreamweaver
![Page 24: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/24.jpg)
Creating and Editing a Wordpress
add scriptsscripts-start
follow instructions...
![Page 25: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/25.jpg)
SecureCRT (Remote command line access to Athena)
![Page 26: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/26.jpg)
Wordpress Interface
![Page 27: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/27.jpg)
Stacey
![Page 28: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/28.jpg)
Domains and Web Hosting (*PHP and MySQL)
![Page 29: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/29.jpg)
FTP Access
![Page 30: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/30.jpg)
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
![Page 31: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/31.jpg)
http://www.staceyapp.com/documentation/
![Page 32: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/32.jpg)
![Page 33: Duspviz website](https://reader031.vdocuments.us/reader031/viewer/2022020217/54c523a24a7959f8578b472e/html5/thumbnails/33.jpg)
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!