developing a professional or class website
Skip this Video
Download Presentation
Developing a Professional or Class Website

Loading in 2 Seconds...

play fullscreen
1 / 11

Web Development PowerPoint - PowerPoint PPT Presentation

  • Uploaded 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 'Web Development PowerPoint' - 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
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
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
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
  • 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 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
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
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
  • 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
Department Web Page
  • Schatzki
    • asks whether the TAs have suggestions about our web page
  • E.g., the “People” page:

review of resources
Review of Resources