Homework #1 Solution

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 page containing information about your favorite food. You can choose any food that you wish. The actual content you write about the food, whether you like it or not, will not factor into the grading process. This assignment is to be graded purely on its technical & stylistic merits, not on the validity of its information content. Also, please make sure that all content is tasteful and appropriate for a course project.







Assignment Deadline and Submission




The project deadline is Wednesday, Feb. 20th 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 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 using a simple text editor such as Notepad++, TextWrangler, etc. Do not use a WYSIWYG tool for this assignment.




Once you complete your work, post your Web page to your Sparky account. It will not be graded if it is on any other Web server.










/4
2/4/2019 CSE/ISE 102 - Homework 1




Use the HTML 5 standard. Once you post your Web page, you may validate it 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




Your Web page must include the following components




 
Introductory Statement ­ The Web page should have an introductory paragraph that draws in the Web surfer to the site.




 
Ordered List ­ The Web page should use at least one ordered list. You may use it for whatever purpose you like, but it must make sense and fit in with the point of the Web site.




 
Unordered List ­ The Web page should use at least one unordered list. Again, don't just throw one in, it should be there for good reason.




 
Images ­ The Web page should make use of at least 3 images. These may be images of inside, outside, whatever, as long as they are relevant to the page.




 
Quotations ­ The Web page should contain at least one quote from a reviewer. For these, you must use the blockquote tag.




 
Hyperlinked References ­ The Web page should contain a list of references with hyperlinks to each reference. You should also include inline hyperlinks to any proper nouns in your page. All together you should have at least 10 hyperlinks in your page.




 
Author & Date of last revision ­ Include this information at the bottom of your Web page. For the Date of last revision, I have




https://blackboard.stonybrook.edu/bbcswebdav/pid-4753801-dt-content-rid-34023364_1/courses/1194-CSE-102-SEC01-54102/hw1%281%29.html 2/4
2/4/2019 CSE/ISE 102 - Homework 1




provided a JavaScript snippet that you may simply copy and paste into the body of your document:




<p style="text-align:center"




<script type="text/javascript"




<!--




document.write("Last Modified " + document.lastModified)




 
-- </script </p




Style Requirements




Your Web page also has stylistic requirements:




 
Fonts ­ The Web page must make use of at least one font different from the standard default font.




 
Color ­ The 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 using a simple text editor (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







Introductory Statement [10 points]







Ordered List [10 points]







Unordered List [10 points]







Images (at least 3) [10 points]







Blockquote [10 points]







Hyperlinks (at least 10) [10 points]







Author & Date of Last Revision [6 points]







Post a link to the assignment on discussion board [4 points]







https://blackboard.stonybrook.edu/bbcswebdav/pid-4753801-dt-content-rid-34023364_1/courses/1194-CSE-102-SEC01-54102/hw1%281%29.html 3/4
2/4/2019 CSE/ISE 102 - Homework 1




Subtotal: 70







Style Requirements







Font other than default [5 points]







Background color other than default [5 points]







Text color other than default [5 points]







Subtotal: 15







Overall Presentation (per TA judgment): [10 points]







Total: 100












































































































































































https://blackboard.stonybrook.edu/bbcswebdav/pid-4753801-dt-content-rid-34023364_1/courses/1194-CSE-102-SEC01-54102/hw1%281%29.html 4/4