COURSE ASSIGNMENTS

Below are each of the course assignments. Students MUST complete each assignment individually on or before the indicated date.

Assignment 1

Using any text editor of your choosing, create your own HTML template, saving it with the file name "Template.html"; keep a copy of the file on both your hard disk (after creating an appropriately named folder) and on a floppy disk (under the same folder name).

While creating the template, precede each of the tags with a comment that explains, in your own words, the purpose of the tag. Be sure to use the appropriate HTML syntax when adding the comments, since you will be using this template in subsequent assignments.

Add your name and section number, also as HTML comments, above the opening HTML tag, print the completed template file, and bring the prinout to class.

Assignment 2

Begin creating your own Home Page. This will be an appropriately named HTML document with a Title, a Header line (or lines) containing your name, the course and section number and an ordered list of all the assignments for this course (as they appear in the Course Schedule).

Keep the file on both your hard disk and floppy disk.

Add your name and section number at the beiginning of the file as HTML comments, print the completed file, and bring the prinout to class.

Assignment 3

Using the Search Engine of your choice, find an "official link icon" (other than the one that was demonstrated in class) to a site that is of interest to you and download it to your computer. Add the icon to the Home Page you created in Assignment 2, with a link to the icon's site. Make "Assignment 3" in the ordered list on your Home Page a link to the icon. Please note that the link should be to the image on your Home Page using a target fragment (the NAME anchor and #) and NOT TO THE ICON'S SITE. Be sure that you also include a return inline link at the icon so that anyone viewing your page can easily navigate back to the beginning of the Assignment List without using the browser's BACK button.

Keep the file on both your hard disk and floppy disk.

Assignment 4

Create a folder under your account on the CIS Server, naming it CS212, and then upload the Home Page you have created thus far to that folder. You will need to use WS_FTP to create the folder and do the upload, so if you have not yet installed WS_FTP, you will need to do so now.

To verify that you have done the upload correctly, you (or anyone accessing the CS212 page) should be ale to click on your name in the Class List for your section and go DIRECTLY to your Home Page WITHOUT having to search through folders or subfolders.

After you have completed the upload and verified that you have done it successfully, bookmark your home page in your browser.

Assignment 5

Include a horizontal line at the end of the ordered list of assignments, and then add to your Home Page a table containing your class schedule for the semester. Each of the rows should have a header cell with the starting and ending times of each of the six day time blocks and each of the columns should have a header cell for the five days of the week (six if you have a Saturday class). Identify each course you are taking by its course number and section number and, on a second line in the same cell, the room in which it meets. Days and times when you have no classes or other activities can be left blank. Include borders in the table.

Center the table on the page and include an appropriate caption above the table. Create an inline reference link to the table at the appropriate assignment reference in the ordered list of assignments and a return link back to the ordered list at the end of the table.

Assignment 6

Copy the table with your class schedule for the semester that you completed in Assignment 5 and then modify the copy by adding a single ROW at the top of the table; beginning in the cell immediately above the Monday column, span only the header cell columns containing the days of the week. This new "spanned cell" should have an appropriate text legend (i.e., "Days of the Week") and be in an offsetting background color of your own choosing.

After adding this new row, insert a new COLUMN between the row headers containing the starting and ending times and the column for Monday. The heading for this column is "Block". Beginning with the first time block, span all the table rows and enter the block letters A through G in this row spanned cell so that the letters are reasonably well aligned with the times in the adjacent column to the left. Add another offsetting color of your choosing to this new colum.

In your Home Page, add this new table below the table from Assignment 5, along with an appropriate inline link from the ordered list and a return link back to the list at the end of the table.

Assignment 7

Build a frame display containing at least three separate pages. The choice of what to include in each of the frames is yours; they can be pages you have created in other assignments or new pages. In designing the frame layout, the orientation must include BOTH rows and columns.

Size the frames appropriate to the individual pages you are using and adjust the margin(s) so that the individual pages are displayed with reasonable spacing relative to the frame borders. If an entire page fits within the size of its frame, remove the scroll bars. Frame borders are to be fixed (i.e., the borders cannot be dragged to change the size of any frame).

Upload this frame display to your account on the CIS server. Create a link from your Home Page to the frame display and add to at least one of the frames a link back to the Assignment List on your Home Page.

Assignment 8

In the frame display you created in Assignment 8, add names for each of the frames and make one of the frames the default target. Then create a series of inter-frame links, including links that use at least two of the Magic Target references.

In creating your links, be sure that they are logical, reasonably intuitive and that navigating between the frames can be done easily. Since loading new pages into existing frames may be inconsistent with fixed sizing, allow one or more of the frames to be resized by dragging the border.

Assignment 9

Create a data collection form, the specific contents of which are to be of your own choosing; examples would be a questionnaire (e.g., on politics or personal preferences) or a survey (e.g., food or leisure activities). Your home directory on the CIS Server is to be the URL to which the contents are to be sent. The form must include at least one text box; at least one set of radio buttons; at least one set of check boxes; and at least one list box. Use your own judgement in setting sizes and default values, based on the content and subject matter of the form. The form must also include a "Send" (or equivalently labeled) button and a "Reset" (or equivalently labeled) button.

The form that you create should be a separate document that can be loaded via a hyperlink from one of the frames that you created in the frame display assignments. The target is to be one of the other frames in your frame display.

Assignment 10

Using any of the events described in class, add at least two of them, using JavaScript, to one of the frames that you created in Assignments 7 and 8. The action that occurs can be whatever you like (e.g., a message display in the status bar, the loading of a new page, or a modification to an existing page display). Based on the first event and associated action that you choose, the second event should be logically appropriate (i.e., the second action should undo or revise the first action).

In addition, add a simple JavaScript program that uses a conditional statement to determine and implement one of two separate actions.

Assignment 11

At the top of your Home Page, add the appropriate JavaScript program statements to display the current day and date using a statement of the form "Today is {day of the week}, {month} {day}, {year}"; the statement is to be centered in the line in which it appears. That is, using the due date of this assignment as an example, the statement should display and read as follows:

To conform to the current concerns regarding the year 2000, make sure that you make the determination of the year in the display "Year 2000 Compliant".

Assignment 12

Use the required JavaScript program statements to create a function that will set up a Remote Window, using whatever size and display features you feel are appropriate; that is, the width and height should be consistent with whatever content you will be placing in the window, and such features as resizing, toolbar and scrollbar should be made available if any one, or more, will make it easier for a visitor to use the Remote Window or to navigate back and forth between the Remote Window and the main window. After creating the Remote Window function, add content to the Remote Window so that it contains at least two valid links to either local or external sites of your own choosing.

PROJECT Description

Create a web page (or pages) that a person with your same major would find useful; it can be a single page, with internal and/or external hypertext links, or multiple pages (with appropriate means of moving between pages). The only requirement is that you use a form on one of the pages, but use of other techniques learned in class, including JavaScript, is strongly encouraged. Put a prominently placed hypertext link on your personal Web Page (index.html) allowing easy access to this project and upload the HTML file(s) to the CIS Web Server.

Make sure to place a link on your home page that allows easy access to this project page. Use an appropriate GIF or JPEG image and the word PROJECT as the hot spot.

The project will be graded on usefulness for the major, appropriateness of the use of HTML and JavaScript and ease of navigation.

The project must be completed prior to the end of the last class on

Turn in a listing of the HTML file(s) at the beginning of the last class meeting.