ISTA 230 Introduction to Web Design (Spring 2017)

Assignment 4: Online Cookbook

Due Date: February 23, 2017 before 11:59pm

Overview: This assignment will test your understanding of CSS, HTML, and, specifically, HTML lists.

If you have any questions or concerns regarding this assignment, please don't hesitate to contact your instructor at or at 520-276-6433.

Assignment: For this assignment, you will be creating an online cookbook. This site will provide visitors with at least five (5) recipes, a list of ingredients for each recipe, and a glossary of related cooking terms.

You have been provided a plain-text version of the related cooking terms and their definitions. You will need to supply at least five recipes to for your website. You can use any online resources or printed cookbooks for your recipes. Once you have selected your recipes, your job is to create a fully functional website based on the specifications listed below. Using your ISTA 230 web account, you will be required to log in to the ISTA 230 server and create a directory named "assignment4" in your root directory. All files for the assignment should be uploaded to this directory. You are responsible for creating all HTML and CSS files for this assignment.

Using what we have learned in class, you are to take your recipes, their ingredients, and related cooking terms and create a small website that meets the following criteria:


Your work will be graded on the following criteria:

To check if your HTML and CSS validate properly, use the ISTA 230 HTML and CSS Validators:

To evaluate the accessibility of your web pages, use the Accessibility Developer Tools extension for Google Chrome:

Turn In: All of your files for this assignment must have been uploaded to your user account on the ISTA 230 web server by 11:59p on February 23, 2017. Any files uploaded after that will be considered late and your grade will be adjusted accordingly.

Glossary Terms

Below are the glossary terms for you to use on your website. Note that some terms may have more than one definition. Similarly, two terms may share a single definition.

BakeTo cook in an oven
BeatTo mix ingredients together using a fast, circular movement with a spoon, fork, whisk or mixer
BlendTo mix ingredients together gently with a spoon, fork, or until combined
BoilTo heat a food so that the liquid gets hot enough for bubbles to rise and break the surface
BroilTo cook under direct heat
BrownTo cook over medium or high heat until surface of food browns or darkens
ChopTo cut into small pieces
CupA small, bowl-shaped container for drinking from, typically having a handle and used with a matching saucer for hot drinks.

Form (one's hand or hands) into the curved shape of a cup.

A measurement equal to 8 US fluid ounces
DiceTo cut into small cubes
DrainTo remove all the liquid using a colander, strainer, or by pressing a plate against the food while tilting the container

To scrape food against the holes of a grater making thin pieces
GreaseTo lightly coat with oil, butter, margarine, or non-stick spray so food does not stick when cooking or baking
KneadTo press, fold and stretch dough until it is smooth and uniform, usually done by pressing with the heels of the hands
MarinateTo soak food in a liquid to tenderize or add flavor to it (the liquid is called a "marinade")
MashTo squash food with a fork, spoon, or masher
MinceTo cut into very small pieces, smaller than chopped or diced pieces
MixTo stir ingredients together with a spoon, fork, or electric mixer until well combined
PreheatTo turn oven on ahead of time so that it is at the desired temperature when needed (usually takes about 5 to 10 minutes)
SautéTo cook quickly in a little oil, butter, or margarine
SimmerTo cook in liquid over low heat (low boil) so that bubbles just begin to break the surface
SteamTo cook food over steam without putting the food directly in water (usually done with a steamer)
Stir FryTo quickly cook small pieces of food over high heat while constantly stirring the food until it is crisply tender (usually done with a wok)

Sample Output:

Sample Recipe Page Sample Recipe Page