Tasks

  1. Complete Introduction Section
  2. Learn BlackBoard Basics
  3. Post an introduction to the Introductions discussion board
  4. Read The Journey Inside and Castro, then take online test
  5. Create a simple Web page using a text editor
  6. Assignments

Introduction to Web Development for Educators

Please Note - all class mail will be sent to your ODU email address. If you would prefer to receive your email at another address, you must have your email forwarded. This is easily done.

 

arrow upreturn to top

BlackBoard

Learn BlackBoard

Post an introduction

 

arrow upreturn to top

Introduction to the World Wide Web

Please access and fully read The Journey Inside - The Internet, even if you feel pretty confident about the World Wide Web. Also, you may wish to explore the links below.

Castro introduces the HTML language and how it works. Again, even if you've done some HTML programming, please read this chapter. I'm sure you'll pick up something.

Links for Internet History

 

arrow upreturn to top

Making a Web Page in a Short Amount of Time

Based on Learning to Program HTML in 21 Minutes by Philip Greenspun

  1. Create the required elements
    Type the following into a blank document in a text editor such as NotePad (Windows) or TextEdit (Macintosh):
    • Line 1: <html>
    • Line 2: <head>
    • Line 3: <title> </title>
    • Line 4: </head>
    • Line 5: <body>
    • Line 6: </body>
    • Line 7: </html>
  2. Give the page a title
    • Place the cursor between <title> and </title>
    • Type in a title, such as My Page
  3. Enter and format text
    • Place the cursor after <body> and press Return to make some space
    • Type <h1>Hello World!</h1>
  4. Save the file with the name exactly index.html and choose Open: File in your browser (Internet Explorer or Netscape) to view your work.

What did we just do?

Creating a World Wide Web page involves the use of HTML, which is a subset of SGML. Gee, thanks... Really, what you do to make a page for the web is create a text document with special marks inserted into the text that are interpreted by a browser. This paragraph, for instance, begins with a mark that looks like this: <p>. This tells the browser that all the text following this mark is a paragraph. To politely tell the browser I am done with this paragraph, I use this code: </p>.

That is how this all works. You open a tag inside of "< >" and close it with "</ >". Anyone who remembers WordPerfect for DOS has had experience with this sort of thing. If I want an word to be in italics, I surround the word with these tags: <i>WOW!</i>, and it looks like WOW! when interpreted by a browser.

Really, all we need to learn is about 20 different codes to put inside those brackets and some attributes that modify those codes. Easy class, no?

Except there is the small problem of doing this well...

For a more formal introduction to HTML, look at NCSA--A Beginner's Guide to HTML. If your interested in SGML, the parent language of HTML, check out this section in the Electronic Labyrinth.

 

arrow upreturn to top

Assignments Due Week of Week of September 6

Readings

  1. Online
  2. Castro Introduction and Chapter 1

Assignments

  1. Make the simple web page
  2. Upload it to me using BlackBoard's Digital Drop Box.
    • In BlackBoard choose User Tools
    • Choose Digital Drop Box
    • Choose Send File (do not use Add File)
    • Use the Browse button to locate your web page
    • Be sure to put your name in the Title field

Hollenbeck Home

Last modified Thursday, April 13, 2006 9:56 AM
.

Search ECI 575

|