To Lecture Notes

HCI201 -- Lecture 1

 

Textbook Reading

• Chapters 1, 2, and 3 - Nice readable introduction to the Internet, the Web, and Web Design.
• Chapter 4 - Beginning HTML and CSS (where this course starts).

Course Documents

• Announcements, Professor Information, Syllabus, Summaries, Course Materials, Exam Info, Homework, Course Online (COLweb)

Discussion Questions

1. What is your experience with these computer items?
   Internet Explorer browser, Firefox browser, Windows Explorer, Notepad, Wordpad, SSH.

Course Overview

• Topics
• Assignments/Projects
• Exams

Using Notepad to Create and Edit HTML Files

• See the document Using Notepad to Edit HTML Files
• Let's try an in-class activity:
  1. Copy the text file activity-1.txt to your HCI201 folder on the PC in front of you. While you're at it copy Otis to your HCI201 folder also.
  2. Now open up activity-1.txt in Notepad and follow the instructions I give in class.
  3. When you are done, you should have a file called activity-1.html in your HCI201 folder (on your PC).
  4. Using SSH, transfer the file activity-1.html from your HCI201 folder on the PC into your HCI201 folder in your students account. Also, transfer the photo of Otis (otis_xxsm.jpg) into HCI201 on students.
  5. Finally, type the URL:

     http://students.depaul.edu/~youruserID/HCI201/activity-1.html

     into the address box of your web browser. The page should display.

Submitting a Homework Assignment

• Here is a Guide to Submitting Homework.
• Just for practice (not graded), let's submit activity-1.html using COLweb.
• After you login to COLweb, type the URL

  http://students.depaul.edu/~youruserID/HCI201/activity-1.html

  in the comment box and hit the Submit button.

Posted: 3-30-2010