Lab 10 is due in Vista on May 8

The final exam (comprehensive, 25%) will be held on May 15 at 8am

CS 110 - Introduction to Internet Programming and Applications

Spring-2008

Classes: TR 8:00 am - 9:15 am, Room: Maria Sanford Hall 210
Instructor: Dr. Zdravko Markov, 30307 Maria Sanford Hall, (860)-832-2711, http://www.cs.ccsu.edu/~markov/, e-mail: markovz at ccsu dot edu
Office hours: TR 9:30am - 12:00pm, or by appointment

Catalog description: Skill Area II Examination of physical infrastructure of local and wide area networks, internet protocol implementation, world-wide web interface programming, interactive Java applet, and Visual Basic web programming.

Course objectives: Upon successful completion of the course the student will be able to

Required textbook: Ibrahim Zeid, Mastering the Internet, XHTML and JavaScript, 2nd edition, Prentice Hall, 2005.

Web Resources

Lab assignments and tests: There will be 10 lab assignments and 2 tests (midterm and final). During lab assignments students will work in class on hands-on problems. Students must work on each assignment individually. Then they will submit the results of their work through the Vista course management system (CentralPipeline>Student>Vista Courses>CS-110).

Grading: The final grade is based 50% on test grades(midterm and final) and 50% on lab assigmnets and will be affected by classroom participation, conduct and attendance. The letter grade will be calculated according to the following table:
 
A A- B+ B B- C+ C C- D+ D D- F
95-100 90-94 87-89 84-86 80-83 77-79 74-76 70-73 67-69 64-66 60-63 0-59

Honesty policy: It is expected that all students will conduct themselves in an honest manner (see the CCSU Student handbook), and NEVER claim work which is not their own. Violating this policy will result in a substantial grade penalty, and may lead to expulsion from the University.

Attendance: All students are expected to attend class sessions regularly. In case of missed classes and work due to plausible reasons (such as illness or accidents) limitted assistance will be offered. Unexcused absences will result in the student being totally responsible for the make-up process.
 

Tentative schedule of classes, assignments and tests (by week)

Note: Due dates will be placed for all labs and tests. Additional material will be posted. Check the schedule regularly for updates!
  1. January 22 - 25: Overview of the Internet and the Web
  2. January 28 - February 1: Overview of the Internet and the Web (cont.)
  3. February 4 - 8: Web Browsers and Email Tools
  4. February 12 - 14: Using the Web, Web Search
  5. February 19 - 21: Basics of HTML
  6. February 26 - 28: Basics of HTML (cont.)
  7. March 4-6: HTML Images and Links
  8. March 11, 25 (No classes on March 18-20, Spring Recess): Web design
  9. March 27: Midterm Test (25%)
  10. April 1-3: HTML Tables
  11. April 8-10: HTML Frames
  12. April 15-17: HTML Forms
  13. April 22-24: Cascading Style Sheets
  14. April 29, May 1: JavaScript
  15. May 6: JavaScript
  16. May 15 (8-10a): Final Exam (comprehensive, 25%)

Lab 1: Using Vista course management system (graded maximum 5 pts.)

Objective: Learn how to use Blackboard Vista course management system

What to do?

Write a brief essay (about a half page or 150-200 words) using Notepad, Wordpad, or MS Word to explain the following:

Due date: February 3

No later than February 3, 2008 11:59 PM.

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to submit the file with your essay as an attachment for Lab 1.


Lab 2: Extracting information from web pages (maximum 5 pts.)

Objective: Learn how to extract different types of information from web pages and use the Vista Mail tool

What to do?

Load the following web page: http://luminis.ccsu.edu/cp/home/loginf in a web browser and do the following:

Due date: February 9

No later than February 9, 2008 11:59 PM.

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to submit all three files as attachments to a mail sent to Zdravko Markov (markovz). Use the Mail tool in Vista.


Lab 3: Basic HTML text formatting (maximum 5 pts.)

Objective: Learn the basics of formatting HTML documents

What to do?

Create a simple web page (HTML document) that contains some basic information about yourself or another person (real or fictitious). Your HTML page must use correctly the following tags:

Restrictions and implementation

Your HTML file must NOT include any HTML tags, not listed above. Use a plain text editor (e.g. Notepad) to create the HTML file and test it in a browser. Below is an example of a web page that conforms to the requirements of this lab:

Due date: February 23, 11:59 PM.

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to submit the HTML file of your web page as an attachment to Lab3.



 

Lab 4: Structuring HTML documents (maximum 5 pts.)

Objective: Learn how to use font properties and structure HTML documents

What to do?

Add different background color and font sizes, faces and colors to the web page created for Lab 3. Also, modify the existing text or add more so that is uses lists. Your HTML page must use correctly the following tags:

Restrictions and implementation

Use a plain text editor (e.g. Notepad) to create the HTML file and test it in a browser. Below is an example of a web page that conforms to the requirements of this lab:

Due date: March 1, 11:59 PM

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to submit the HTML file of your web page as an attachment to Lab 4 (a link is available at the class home page in Blackboard Vista).


Lab 5: Create a web site with two web pages, images and links (maximum 5 pts.)

Objective: Learn how to use images and links in  HTML documents

What to do?

  1. Create two HTML documents:
  2. Include at least one link in the original page to point to the new one and vice versa by using the <a> tag. Use anchor text with proper names (for example, "home page" and "favorite activities").
  3. Include an external link in each of both pages that opens in a new browser window.
  4. Use the <img> tag to include two images in your web site (one in each page):

Restrictions and implementation

Use a plain text editor (e.g. Notepad) to create the HTML files and test them in a browser.

Due date: March 8, 11:59 PM

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to submit all files for the web site inlcuding the two HTML files and the local image file. Attach all files as separateattachments to Lab 5 (a link is available at the class home page in Blackboard Vista).


Midterm (25%)

Topics

  1. Internet and the Web
  2. Web Browsers
  3. Using the Web, Web Search
  4. Basics of HTML
  5. HTML Images and Links

Sample problems

  1. Multiple choice questions

  2. Which of the following tags can be used to create a heading
    A. <h1>
    B. <h2>
    C. <h3>
    D. All of the above
     

  3. True/False questions

  4. Each computer on the Internet has its own IP address
    A. True    B. False
     

  5. HTML coding questions

  6. A. Add HTML tags to the following text so that the browser displays it exactly as shown below:

    This is heading level 2

    Here we start a paragraph. This line is broken here
    and then continues on the next line.

    This text is shown in italics. This text is shown underlined.

    The following is an ordered list:

    1. This is list item 1
    2. This is list item 2. It is further broken down into subitems represented as an unordered list.
    3. This is list item 3


    B. Write an HTML fragment to insert in a web page the image from a file named "picture.jpg" in an area 100 pixels high and 200 pixels wide.

    C. Write an HTML fragment to create a link to the web page with URL "http://www.ccsu.edu/" and link text "CCSU". The page should open in a new window.


Lab 6: Create a web page with tables, images and links (maximum 5 pts.)

Objective: Learn how to use tables in HTML documents

What to do?

Create an HTML document that includes:
  1. Page title
  2. Document header (level 1)
  3. A table with at least for cells
  4. Some text before and after the table

Restrictions and implementation

Use a plain text editor (e.g. Notepad) to create the HTML file and test it in a browser. Below is an example of a web page that conforms to the requirements of this lab:

Due date: April 5, 11:59 PM

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to submit the HTML file and the image files (if you use local images). Attach all files as separate attachments to Lab 6 (a link is available at the class home page in Blackboard Vista).


Lab 7: Create a web site with frame-based navigation and multiple pages

Objective: Learn how to use frames in HTML documents

What to do?

Create a web page that includes a title and three frames displaying the following:
  1. Top frame: a web page heading with a short explanation text.
  2. Bottom left frame: a navigation menu with at least three links, each one opening in the bottom right frame.
  3. Bottom right frame: displaying the page selected from the navigation menu.

Restrictions and implementation

Use a plain text editor (e.g. Notepad) to create the HTML files and test the web page in a browser. Below is an example of a web page that conforms to the requirements of this lab:

Due date: April 12, 11:59 PM

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to submit the lab. Attach all HTML files (the main page with the three frames, the heading page, the navigation page, and all pages that open in the bottom right frame) as separate attachments to Lab 7 (a link is available at the class home page in Blackboard Vista).


Lab 8: Create a web page with forms

Objective: Learn how to use HTML forms

What to do?

Create an HTML document with a form that can be used to select the courses you are taking this semester. The following components must be used:
  1. Drop down boxes
  2. Text fields
  3. Radio buttons
  4. Checkboxes
  5. Submit and Reset buttons

Restrictions and implementation

Below is an example of an HTML document that conforms to the requirements of this lab:

Due date: April 19, 11:59 PM

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to attach the HTML file to the submission of  Lab 8 (a link is available at the class home page in Blackboard Vista).


Lab 9: Create an HTML page using a style sheet

Objective: Learn how to use Cascading Style Sheets

What to do?

Create an HTML document that looks exactly like the one shown below with the name of John Doe changed to your name (both in the page title and in the heading).

Then create a CSS file and use it the HTML document above. The CSS file should include the following style definitions:

Add appropriate classes in the HTML tags where needed and an inline style definiton as explained in the text so that the HTML document displays exactly as shown below.

Due date: April 26, 11:59 PM

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to attach the HTML file and the CSS file to the submission of  Lab 9 (a link is available at the class home page in Blackboard Vista).



 

Lab 10: Create a web page with Javascript (maximum 5 pts.)

Objective: Learn how to write simple Javascript programs and use them in HTML documents

What to do?

Create an HTML document that displays in a browser as shown below and works as follows:

  1. When loaded in the browser a window pops up asking for the user name
  2. Then it shows a greeting (with the name entered) and your name (instead of John Doe) on the page title and heading
  3. When the "Display date" button is pressed it shows the current date in the format "Today is 2/6/2008"
  4. When the "Display time" button is pressed it shows the current time in the format "The time is 8:37"
  5. When the "Display calendar" button is pressed it shows the calendar of your birthday month in 2008.

Restrictions and implementation

Use the template provided here and add/modify the HTML and Javascript source as explained in the code.

Due date: May 8, 11:59 PM

What to submit?

Use Blackboard Vista (CentralPipeline>Student>Blackboard Vista>CS-110) to submit the HTML file as an attachment to Lab 10 (a link is available at the class home page in Blackboard Vista).