Developing a professional or class website
Download
1 / 11

Web Development PowerPoint - PowerPoint PPT Presentation


  • 250 Views
  • 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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
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 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

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

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


Slide5 l.jpg
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 l.jpg
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 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 (http://sweb.uky.edu/~rsand1/teaching/)

      • “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: http://www.uky.edu/~cfzurn/

      • basic, posts class PowerPoint slideshows there


Blackboard l.jpg
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 l.jpg
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 l.jpg
Review of Resources

http://sweb.uky.edu/~rsand1/web_dev.html


ad