$29
Homework 2 Solution
Assignment Overview
Note: Make sure you read the warnings about academic dishonesty.
Remember, all work you submit for homework assignments MUST be your own work. Also, group efforts are not allowed for homework assignments.
For this assignment you will create a Web site about your favorite cewebrity (online celebrity), vacation resorts, and TV shows. These topics will be divided into 3 separate pages that are linked together and should explain your personal interests. You may be as creative or boring as you like, but please keep it within the bounds of good taste. Again, this assignment is to be graded purely on its technical & stylistic merits, not on the actual content of these pages (you may make up the content for these pages if you wish to). You may start with the following skeleton structure for your 3 pages:
<!DOCTYPE html
<html lang="en"
<head
<meta charset="utf-8"
<titleYour Title</title
</head
<body
</body
</html
Assignment Deadline and Submission
The project deadline is Wednesday, March 13th before 5:00PM. Make sure that your project is correctly posted on your sparky web account.
Login to your grading account before the deadline and submit all your homework files as ONE SINGLE ZIP FILE. This should include
3/5/2019 CSE/ISE 102 - Homework 2
ALL your HTML, CSS and image files. Your submission should also include a text file that has the link to your homework assignment on sparky.
Also, post a link to the assignment on the CSE/ISE 102 Discussion Board after the submission deadline.
Technical Requirements
Your Web page must adhere to the following rules:
You must write all of your own code by hand. Do not use a WYSIWYG tool for this assignment. Use Notepad or some other simple textbased tool.
You must save all of the images you use locally in a directory named "images".
Once you complete your work, post all the files for your Web site to your Sparky account. It will not be graded if it is on any other Web server.
Use the HTML 5 or XHTML 1.0 Strict standard. Once you post your Web site, you may validate the pages using the W3 service. The TA will use this same service when grading your HW, so try to eliminate all errors that pop up.
To show your readers that you have taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the HTML you should use to add this icon to your Web page:
<p
<a href="http://validator.w3.org/check?uri=referer"<img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" height="31" width="88" /</a
</p
Content Requirements
https://blackboard.stonybrook.edu/bbcswebdav/pid-4780710194-dt-CSE-content-102-SEC01-rid--3451913954102/hw2%285%291/courses/1.htm 2/5
3/5/2019 CSE/ISE 102 - Homework 2
Your Web site must have 3 pages, one about favorite cewebrity (online celebrity), vacation resorts, and TV shows. In these pages, include the following components:
Navigation Links At the top of each of these 3 pages should be links to the other two pages. You may use textual or icon (image) links for this Navigation bar of sorts, but make sure it is uniform on all three pages. This is a common Web page technique.
Description of your favorite cewebrity/vacation resorts/TV shows Each page should discuss about favorite cewebrity (online celebrity), vacation resorts, and TV shows (on a separate page for each) as well as a description about them.
Floated Tables Each Web page should use a table to display a summary of the information previously specified. All tables should be floated on either the left or right of text and should include:
Cewebrity's Page display five cewebrities neatly separated into separate columns.
Vacation Resorts's Page display five vacation resorts that you like neatly separated into separate columns.
TV Shows's Page display five TV shows that you like neatly separated into separate columns.
Floated, Linked Images Each Web page should make use of at least 1 image (this means at least 3 images total) of a favorite from your page. This may be a picture relating to a favorite cewebrity (online celebrity), vacation resorts, TV shows, TV shows, etc.. All images on your page should hyperlink to a Web page about the subject in the image. In addition, all images should be floated to the left or right of your page's text.
Document Margins narrow the width of your page by increasing the margins on the left & right of your page. You may do this inside the body tags for your pages.
Hyperlinked Proper Nouns Each Web page should supply inline hyperlinks for at least 5 proper nouns (favorite cewebrity (online celebrity), vacation resorts, TV shows, etc ..., so 15 total). These links should go to other relevant pages about the proper noun.
Author & Date of last revision Include this information at the bottom of your Web page. For the Date of last revision, I have provided a JavaScript snippet that you may simply copy and paste into the body of your document:
https://blackboard.stonybrook.edu/bbcswebdav/pid-4780710194-dt-CSE-content-102-SEC01-rid--3451913954102/hw2%285%291/courses/1.htm 3/5
3/5/2019 CSE/ISE 102 - Homework 2
<p style="text-align:center"
<script
<!--
document.write("Last Modified " + document.lastModified)
-- </script </p
Style Requirements
Your Web page also has stylistic requirements:
Fonts Each Web page must make use of at least one font different from the standard default font.
Color Each Web page must make use of a different background and font color than the standard default color. Don't go crazy with the color, overuse can produce some hideous results, but subtle color can be an effective means for attracting users.
Overall Presentation Web pages should not be sloppy or haphazard. They should easy on the eyes, otherwise no one will waste their time.
Grading Key and Requirements
Code Written by Hand (Yes or No) ?
Web Page posted on Sparky (Yes or No) ?
Validator (http://validator.w3.org/) 1 point off for every error [5 points]
Content Requirements
Navigation Links (to other 2 pages, uniform format on all 3 pages) [9 points]
Description of Favorites (1 on each page, 3 total) [9 points]
Floated Tables (1 per page, 3 total, with all proper columns [9 points]
Floated, Linked Images (1 per page, 3 total, no dead links) [6 points]
All images must be saved locally in a directory named "images" [3 points]
https://blackboard.stonybrook.edu/bbcswebdav/pid-4780710194-dt-CSE-content-102-SEC01-rid--3451913954102/hw2%285%291/courses/1.htm 4/5
3/5/2019 CSE/ISE 102 - Homework 2
Hyperlinked proper nouns (5 per page, 15 total, no dead links) [15 points]
Author & Date of Last Revision [10 points]
Post a link to the assignment on discussion board [4 points]
Subtotal: 65
Style Requirements (for all 3 pages)
Document Margins indented on left & right [5 points]
Font other than default [5 points]
Background color other than default [5 points]
Text color other than default [5 points]
Subtotal: 20
Overall Presentation (per TA judgment): [10 points]
Total: 100
https://blackboard.stonybrook.edu/bbcswebdav/pid-4780710194-dt-CSE-content-102-SEC01-rid--3451913954102/hw2%285%291/courses/1.htm 5/5
