Developing a Professional or Class Website

Transcript Developing a Professional or Class Website

Developing a Professional or
Class Website
Tools and Resources
Software Requirements

Editor
–
WYSIWYG Editor (available through ebuy)


–
Simple ASCII (code) Editor


e.g., Notepad (must save files as .html)
FTP (File Transfer Protocol) Software
–

Microsoft Frontpage
Macromedia Dreamweaver
http://download.uky.edu/ - Filezilla (free)
Internet Browser
–
–
–
Mozilla Firefox at http://www.mozilla.com/firefox/
Internet Explorer
Apple’s Safari
Basics elements of HTML

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>
Learning Code (for free)

Examples of Basic Page Design:
–
Formatted Design: Defined lists
–
http://sweb.uky.edu/~rsand1/web_dev.html
Formatted Design: Tables



Online Tutorials: many of which are quite good.
–

http://sweb.uky.edu/~rsand1/web_ext_links.html
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
–
–
Current Classes (phi100, phi120)

html files
–
–
nested folder: images
“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

Developing a Professional or Class Website

Transcript Developing a Professional or Class Website

Directory