CIS 1.0/Biomedical computing
Lab B2/HWB Part I
- This assignment will be given in two parts.
Part I is listed below (given in lab on Thursday
Part II will be
given in the lab on Thursday September 21).
- This assignment covers the material from unit B in our
syllabus: Algorithms and Computer Languages.
- You may find it helpful to read ch 2 (p19-37) and ch 8 (p136-151) in
the Reed text in order to complete both parts of this assignment.
- You can also refer to the lecture notes, posted on the "syllabus"
portion of the class web page (see sessions A.4 and
- This assignment is worth 10 points, or 10% of your term grade.
The assignment is due (both parts) on Tuesday October 3rd, 2006.
- For this assignment, you will create several HTML files in
- Type your name in the files and your email address as
- Save your work!!!
BEFORE YOU LEAVE THE LAB, make sure that you save your work
(both HTML files and any images files you use) by storing them
on a USB flash drive or by mailing them to yourself.
- When you are completely finished with all the steps, zip
all your files together and email the zip file to me as an
I will explain how to do this in session B.3.
- My email address is: email@example.com.
BE SURE TO ASK IN THE LAB IF YOU NEED HELP WITH ANY STEPS!!!!
PART I. CREATE FIRST HTML FILE.
Step 1. Get started.
- Start up Notepad.
In the file, you will write HTML code to do the things
- Set the title of the web page (the title is what is
displayed in the heading bar of the browser, not in the body).
- Set the background color of the page to something
other than the default (usually white).
You can do this using the body tag and the
bgcolor parameter, like this:
which sets the background color in the browser to yellow.
- Set the text color of the page to something other
than the default (usually black).
- Display text welcoming the user to your web page
(e.g., "Welcome to Prof Parsons' home page!")
- Save the file and name it with your last name followed by
the .html extension.
For example, my file would be called parsons.html.
Remember to tell Notepad not to put the "txt" extension after ".html"!
- Try opening the file with a browser and see what it looks
If any of the elements above don't work, go back into the
Notepad window, and edit the file to fix them.
The reload the file in your browser.
Keep doing this until everything looks just perfect :-)
Step 2. Add a list.
- Add to the file HTML that displays an unordered list of
five of your favorite foods.
Hint: use the
- Be sure to make the page user-friendly and by putting in
explanatory text telling what the list is
(e.g., "Here is a list of my five of my favorite things to
Step 3. Create second HTML file.
- Open a new file in Notepad.
- In this file, put HTML code that displays a recipe for one of your
five favorite foods.
The recipe should contain step-by-step, numbered, detailed
instructions for how to prepare the recipe.
Hint: use the
- Preheat the oven to 350o.
- Take the butter out of the refridgerator to
- Measure out 2 1/4 cups of flour and place it in
- Back in the first file, make a link (i.e., a href=...)
to the second file, so that when you click on the list item
for which the second file contains the recipe, you go to that
- When you save this file, name it with your last name, followed by
the number 2, followed by the .html extension.
For example, mine is: parsons2.html.
Step 4. Add a table.
- As part of the recipe (second) file, write HTML code that uses a
table to list the ingredients.
The table should have at least 2 columns: one for the amount and one
for the name of each ingredient.
Step 5. Add an image.
- In either file (first or second), write HTML code that displays a
picture (image) in the page.
This can either be a picture of yourself or of the recipe, or anything
You can download a picture from the internet.
Part II (worth 5 more points) will be available in the lab on
Wednesday September 27.