Developing a Professional or Class Website Tools and Resources

Software Requirements Editor – WYSIWYG Editor (available through ebuy)ebuy Microsoft Frontpage Macromedia Dreamweaver – Simple ASCII (code) Editor e.g., Notepad (must save files as.html) FTP (File Transfer Protocol) Software – - Filezilla (free) Internet Browser – Mozilla Firefox at – Internet Explorer – Apple’s Safari

Basics elements of HTML Opening and Closing Text Images Links –

Learning Code (for free) Examples of Basic Page Design: – Formatted Design: Defined lists – Formatted Design: Tables Online Tutorials: many of which are quite good. – HyperText Markup Language (HTML) Home Page: – quite technical; specs for all versions of HTML

HTML Copy code elements (not content) and reuse for your own purposes – Anytime you see a design feature you like on a web page Right click on the page and View Source Highlight and copy the relevant code Paste into your code editor Recreate design feature with your own content – This should be restricted to no more than a few lines of code – Difficult to learn how to write Java or “dynamic” content this way

Style Style sheets – External (e.g., style.css) Preferable method – Internal E.g., having the same external style sheet, compare the style of – The Husserl Page The Husserl Page – The Page of Bob The Page of Bob – The Web Development HandoutWeb Development Handout

File Organization Initial WWW Folder: “welcome” or “index” HTML file & any number of ancillary HTML files – nested “images” folder (jpg, gif, bmp files) – nested “PDF-docs” folder (all pdf files, e.g., CV) – nested “presentations” folder (eg., this PowerPoint presentation) Separate folders for: – Husserlpage html files – nested folder: images – Current Classes (phi100, phi120)phi100phi120 html files – “images,” “presentations,” and “PDF_docs” folders nested in each class folder – Teaching Archive ( “image,” “presentations,” “PDF_docs” folders nested in each subfolder

Professors’ Use of Internet David Bradshaw – in the Spring will have 3 TAs in Phi 100. Planning to use a class website. It will be fairly minimal Ron Bruzina – Using Blackboard (again) in PHI 343 & Discovery Seminar course, DSP/6. Craig Streetman will also be involved with PHI 343 Chris Zurn – professional website: basic, posts class PowerPoint slideshows there

Blackboard Course shells – Organization shells (coming soon) – operate essentially like course shells with discussion boards, surveys, etc etc. – designed for committees, depts, and student orgs

Department Web Page Schatzki – asks whether the TAs have suggestions about our web page E.g., the “People” page:

Review of Resources