Your SlideShare is downloading. ×
0
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Duspviz website
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Duspviz website

198

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
198
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WEBSITE DESIGN WORKSHOP!Jonathan CrismanDUSPViz
  • 2. Why have a website?
  • 3. Why have a website?Personal Organization
  • 4. Why have a website?Personal OrganizationPortfolio PortfolioBlog Group Blog“Business Card” “Business Card”Outreach Outreach
  • 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. 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. Examples of content management systems...1. Wordpress2. Drupal3. Indexhibit4. Cargo5. Stacey
  • 8. Wordpress
  • 9. Drupal
  • 10. Indexhibit
  • 11. Cargo
  • 12. Stacey
  • 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. Wordpress
  • 15. Flavors.me
  • 16. Social Media and Application Programming Interfaces
  • 17. Hosting at MIT
  • 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. 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. Creating an index.html file.+ Simple is beautiful!+ Contact info is key.+ Eg. SANAA website.
  • 21. SecureFX (FTP client)
  • 22. Dreamweaver
  • 23. Creating and Editing a Wordpressadd scriptsscripts-startfollow instructions...
  • 24. SecureCRT (Remote command line access to Athena)
  • 25. Wordpress Interface
  • 26. Stacey
  • 27. Domains and Web Hosting (*PHP and MySQL)
  • 28. FTP Access
  • 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. http://www.staceyapp.com/documentation/
  • 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!

×