ECI 304 - Educational Applications of Computers: Agenda for March 22 and 23

Classroom Policy (ODU Acceptible Use Policy)

All students are reminded that the following policies are in force as outlined in ODU's publication on College Classroom Conduct:

Class computer use

Computers may only be used to work on eci 304 coursework and assignments during class meetings. Examples of prohibited computer use include:

Cell Phones

Cell phones are to be disabled upon entering the classroom. Students may not make or receive calls during class, nor leave class to make or receive calls. Exceptions will only be made in emergency situations cleared prior to class.

Leaving Early

No student may leave early without instructor permission. Late arrivals result in 1/2 of an unexcused absence.

Comment

In most cases students found in violation of the above will be dropped from the class and turned over to the Office of Student Judicial Affairs for further action.

Take Practice Tests for Technology Requirements

The Virginia Beach School District has created a set of practice exams for city and SOL computer literacy. Please take the following to find out where you stand. Part of next week's midterm will cover this knowledge.

Standards and Teaching

You are required to know certain skills. These are called TSIP requirements, which are spelled out in the state TSIP Standards. One of your readings was critical of these standards. Revisit that reading and be ready to comment on it. Also, how are TSIP requirements decided upon and administered?

Break

Introduction to the Internet

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.

An Introduction to HTML

Now that you've gotten a simple Web page written, let's learn a bit more about the language. True, most of you will eventually be using a tool like Dreamweaver or Frontpage, but you still must learn enough HTML to make a simple page. There are a number of reasons for this:

HTML Basics

For a perspective and a chance to practice some more use Webmonkey, a site full of web authoring tutorials. Note that these pages are constructed to allow you to print them out if you wish. The directions are a bit chatty, but give you a quick introduction to the subject.

First, read through the following to get a general understanding of HTML

Then, use the Webmonkey Teaching Tool to learn the following skills and tags:

In each case, be sure to practice the tag by completing the "try it" link at the end of the article if one is present.

Exercise

Create a simple web page (or expand the page from last week) that introduces yourself. It should use the above tags to create a pleasing format. Content should include:

You should use paragraphs, headlines, and background color as basic organizing elements. Experiment with bold/italics, blockquotes, aligning text and line breaks to give a more distinctive look.

Hollenbeck Home

Last modified Monday, September 4, 2006 3:15 PM

Search 304


Jan 11 and 12
Jan 18 and 19
Jan 25 and 26
Feb 2 and 3
Feb 8 and 9
Feb 15 and 16
Feb 22 and 23
Mar 1 and 2

Spring Break
Mar 15 and 16
Mar 22 and 23
Mar 29 and 30
Apr 5 and 6
Apr 12 and 13
Apr 19 and 20
Apr 26 and 27
Final