Recipe Webpage

Due: 12 November 2014, 8:30am
Turn it in
HER A341 | Fall 2014
Instructor: Aaron Ganci


In this assignment, you will design a webpage for a recipe. You will need to write HTML and CSS to present the content in a usable, interesting format.

Grading criteria

  • Web page is live, accessible via the Internet
  • Design is usable, legible, and uses principles of good design
  • Use of the following tags:
    • <class>
    • <id>
    • <h1>
    • <div>
    • <span>
    • <img>
    • <a>
    • <ol>
    • <ul>
    • <li>

Recipe elements


Cheddar Bacon Cheeseburger Donut Delight



An easy-to-prepare if-you-dare recipe, it should take about 10 minutes to prepare and 15 minutes to cook.

Ingredients (format as a list)

1 1/2 pounds ground beef
3 tablespoons freshly chopped parsley leaves
2 tablespoons grated onion
House Seasoning, recipe follows
2 tablespoons butter
3 eggs
6 slices bacon, cooked
3 hamburger buns or 3 English muffins or 6 glazed donuts

Directions (format as numbered list)

Mix the ground beef, chopped parsley and grated onion together in a large mixing bowl. Season liberally, with House Seasoning. Form 3 hamburger patties.

Heat a large cast iron skillet over medium-high heat and spray with non-stick cooking spray. Add the burgers and cook until desired temperature, 4 to 5 minutes per side for medium-rare.

Fry bacon in a hot pan until crisp. Remove and drain on paper towels. Set aside.

While burgers are cooking, heat a non-stick pan, over medium heat. Add 2 tablespoons butter. Crack 3 eggs into the pan. Cook until the yolks are just set and still slightly runny and remove.

Place burger patties on English muffins or buns, and if desired, on glazed donuts, as the buns. Top each burger with 2 pieces of bacon and a fried egg.

Attribution (link these URLs)

Recipe from

Image from

Learning Objectives

At the end of this project, you will be able to:

  • Write a very basic web page involving both HTML and CSS.
  • Publish a live web page.
  • Use a wide variety of tags to properly markup content.


Category % of total
Assignments 60%
Glossary Webpage 5%
Recipe Webpage 5%
Wireframing Assignment 5%
Visual Spec Assignment 10%
Bootstrap Site #1 10%
Bootstrap Site #2 20%
Test 30%
Participation 10%

*Categories and percentage breakdown subject to change.

Late work

Every assignment in this course will be due at the beginning of the class of its defined due date. Work that is not handed in via the method requested by the instructor (OnCourse, email, etc) by the predetermined time will be considered late. The consequences of late submission fall on sliding scale, increasing in severity over time. If late work is handed in within the following parameters, the grade will be reduced in the following ways:

Due date/time – same day, end of class -10%
Same day, end of class – same day, end of day (11:59pm) -15%
Next day (midnight – 11:59pm) -20%
Any subsequent day -50%
Grading scale
A+ 100-98
A 97-93
A- 92-90
B+ 89-87
B 86-83
B- 82-80
C+ 79-77
C 76-73
C- 72-70
D+ 69-67
D 66-63
D- 62-60
F 59-0