Duspviz website

391 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
391
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Duspviz website

  1. 1. WEBSITE DESIGN WORKSHOP!Jonathan CrismanDUSPViz
  2. 2. Why have a website?
  3. 3. Why have a website?Personal Organization
  4. 4. Why have a website?Personal OrganizationPortfolio PortfolioBlog Group Blog“Business Card” “Business Card”Outreach Outreach
  5. 5. Why have a website?Personal Organization Use This!Portfolio Portfolio CMSBlog Group Blog Wordpress“Business Card” “Business Card” Flavors.meOutreach Outreach Social Media
  6. 6. What is a “CMS”?A content management system is a programmed set of code thatallows a website’s content to be easily updated and changedwithout necessarily understanding the code.+ easy to use!+ multiple users!- takes time to set up- set templates
  7. 7. Examples of content management systems...1. Wordpress2. Drupal3. Indexhibit4. Cargo5. Stacey
  8. 8. Wordpress
  9. 9. Drupal
  10. 10. Indexhibit
  11. 11. Cargo
  12. 12. Stacey
  13. 13. Why have a website?Personal Organization Use This!Portfolio Portfolio CMSBlog Group Blog Wordpress“Business Card” “Business Card” Flavors.meOutreach Outreach Social Media
  14. 14. Wordpress
  15. 15. Flavors.me
  16. 16. Social Media and Application Programming Interfaces
  17. 17. Hosting at MIT
  18. 18. 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 canadjust 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
  19. 19. Athena Commandsfs 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
  20. 20. Creating an index.html file.+ Simple is beautiful!+ Contact info is key.+ Eg. SANAA website.
  21. 21. SecureFX (FTP client)
  22. 22. Dreamweaver
  23. 23. Creating and Editing a Wordpressadd scriptsscripts-startfollow instructions...
  24. 24. SecureCRT (Remote command line access to Athena)
  25. 25. Wordpress Interface
  26. 26. Stacey
  27. 27. Domains and Web Hosting (*PHP and MySQL)
  28. 28. FTP Access
  29. 29. 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
  30. 30. http://www.staceyapp.com/documentation/
  31. 31. 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 goaway, so be careful!

×