Web Authoring WorkshopMolly Ruggles | ruggles@mit.edu | 4-9185OEITOffice of Educational and Innovative Technology

MIT 17.541 - 11/1/07

hjacksonPCaramonePCmchaoMac shared remote folder onAthena lockerorcourse lockerUploadusing DW ftpPublicly viewableStep 1:Setting up local & remote directories like THIS:

MIT 17.541 - 11/1/07

hjacksonPCaramonePCmchaoMacShared remote folder onAthena lockerorcourse lockerUpload using DW or Secure FXPublicly viewableor like THIS:

MIT 17.541 - 11/1/07

Web Authoring WorkshopStep 1:Setting up local & remote root directoriesSetting up acls (R/W permissions)Secure CRT Step 2: Install/configure Dreamweaver Step 3: Make a web-siteFinal thoughts...Alternative html editors & ftp clientsGraphics editors and additional resources

MIT 17.541 - 11/1/07

1: Create remote afs directory & user rightsGo to http://web.mit.edu/software/win.html to download & install Secure CRT for windowsterminal emulation software comes with Mac OS athena% pwd (make sure you're where you want to be)athena% mkdir historyproject (make a directory named historyproject)

User Rights: access control lists (ACL)Right Enables users to:rread the contents of files in the directoryllist the names of files in the directoryiinsert files into the directoryddelete files from the directorywwrite (or modify) files into the directoryklock (or modify the write-mode bit) of files in the directoryaadminister or change the acl of the directory

MIT 17.541 - 11/1/07

athena% fs la historyprojectAccess list for historyprojectNormal rights: system:anyuser rl hjackson rlidwka athena% fs sa historyproject mchao rlidwkaathena% fs sa historyproject aramone rlidwka

athena% fs sa historyproject system:mygroup rlidwka

http://web.mit.edu/answers/unix/afs/afs_permissions.html - more about ACLshttp://web.mit.edu/answers/accounts/accounts_listmaint.html - more about groups

1: contd - set user rights on afsB. Set up local root folderA. Set up remote folder

MIT 17.541 - 11/1/07

Download and install Dreamweaverhttps://web.mit.edu/ist/products/vsls/forms/mit-dreamweaver-student.htmlIts free 1 year; pick up the CDLaunch and configure Dreamweaver to connect to your webserver space.ftp host: athena.dialup.mit.eduHost directory:/afs/athena.mit.edu/user/r/u/ruggles/historyproject/The folder convention on Athena:First letter of kerberos ID, second letter of Kerberos IDKerberos ID = what is before the @ sign of email.hjackson@mit.edu/afs/athena.mit.edu/user/h/j/hjackson/2: Install and configure Dreamweaver

MIT 17.541 - 11/1/07

For multiple users accessing the same web space: prevents file over-writingMust use SFTP at MITDW Settings

MIT 17.541 - 11/1/07

Home pageindex.htmlShowashowa.htmlHistoryhistory.htmlHarmonyharmony.htmlTo do list:create index.html.history.html, etc.create table.populate it.add links.upload to server.check-in/check-out.3: Create website

MIT 17.541 - 11/1/07

MIT 17.541 - 11/1/07

AlternativesFree HTML editors sharewareCoffee Cup www.coffeecup.com/Crimson Editor www.crimsoneditor.com/

Free FTP client sharewareSecure FX web.mit.edu/software/

PhotoShop elements www.adobe.com Paint Shop Pro (for windows) www.corel.com Fireworks www.adobe.com

Image editors 30 day free trials

MIT 17.541 - 11/1/07

Thank youFood for thought:

Basic web-coding resourcesThe Visibooks Guide to Dreamweaver 8 - MIT Libraries: Books 24x7Creating Web Pages - http://web.mit.edu/ist/web/reference/create/index.htmlWeb ToolKit - http://web.mit.edu/ist/web/reference/toolkit/CSS - example: http://web.mit.edu/ruggles/Public/Pilot-C/SSI - example: http://web.mit.edu/ruggles/Public/ServerSide-CSS-JS-Carter/How to add MITs Google search engine - http://web.mit.edu/ist/google/These slides at - http://web.mit.edu/ruggles/PPTs/

special thanks to Jim Cain, Carter Snowden,& Stacy KellerNeed Help ..?? 3-1101

MIT 17.541 - 11/1/07