Developing a professional or class website
1 / 11

Developing a Professional or Class Website - PowerPoint PPT Presentation

  • Updated On :

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

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about 'Developing a Professional or Class Website' - Faraday

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

Software requirements l.jpg
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

    • - Filezilla (free)

  • Internet Browser

    • Mozilla Firefox at

    • Internet Explorer

    • Apple’s Safari

Basics elements of html l.jpg

Opening and Closing











<IMG SRC="images/paw.gif" ALT="[paw]" width="27" height="21">


<a href=“xx.html”> </a>

Basics elements of HTML

Learning code for free l.jpg
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

Slide5 l.jpg

  • 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 l.jpg

  • 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 l.jpg
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 (

      • “image,” “presentations,” “PDF_docs” folders nested in each subfolder

Professors use of internet l.jpg
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 l.jpg

  • 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 l.jpg
Department Web Page

  • Schatzki

    • asks whether the TAs have suggestions about our web page

  • E.g., the “People” page:

Review of resources l.jpg
Review of Resources