110 likes | 415 Vues
Developing a Professional or Class Website Tools and Resources Software Requirements Editor WYSIWYG Editor (available through ebuy ) Microsoft Frontpage Macromedia Dreamweaver Simple ASCII (code) Editor e.g., Notepad (must save files as .html) FTP (File Transfer Protocol) Software
E N D
Developing a Professional or Class Website Tools and Resources
Software Requirements • Editor • WYSIWYG Editor (available through ebuy) • Microsoft Frontpage • Macromedia Dreamweaver • Simple ASCII (code) Editor • e.g., Notepad (must save files as .html) • FTP (File Transfer Protocol) Software • http://download.uky.edu/ - Filezilla (free) • Internet Browser • Mozilla Firefox at http://www.mozilla.com/firefox/ • Internet Explorer • Apple’s Safari
Opening and Closing <html> <body> <head> <title> </title> </head> </body> <html> Text Images <IMG SRC="images/paw.gif" ALT="[paw]" width="27" height="21"> Links <a href=“xx.html”> </a> Basics elements of HTML
Learning Code (for free) • Examples of Basic Page Design: • Formatted Design: Defined lists • http://sweb.uky.edu/~rsand1/web_dev.html • Formatted Design: Tables • http://sweb.uky.edu/~rsand1/web_ext_links.html • Online Tutorials: many of which are quite good. • http://www.webmonkey.com/ • HyperText Markup Language (HTML) Home Page:http://www.w3.org/MarkUp/ • 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 • http://sweb.uky.edu/~rsand1/ • 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 Page of Bob • The Web 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) • html files • “images,” “presentations,” and “PDF_docs” folders nested in each class folder • Teaching Archive (http://sweb.uky.edu/~rsand1/teaching/) • “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: http://www.uky.edu/~cfzurn/ • basic, posts class PowerPoint slideshows there
Blackboard • Course shells • http://myuk.uky.edu/ • 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: http://www.uky.edu/AS/Philosophy/people.htm
Review of Resources http://sweb.uky.edu/~rsand1/web_dev.html