This document provides instructions for several lab assignments for a CIS 273 course at Strayer University. It outlines 7 lab assignments that involve coding HTML pages with different features like headings, lists, tables, forms and style sheets. Students are instructed to complete the coding for each lab assignment, submit all files in a zip folder, and answer any written questions in the online course shell. The document provides detailed directions for each lab assignment, which involve practicing various HTML elements and CSS styling techniques.

1. STRAYER CIS 273 Week 2 Lab Assignment 1 Beginning HTML
NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-2-lab-assignment-1-beginning-html-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 1: Beginning HTML
Due CIS 273 Week 2 and worth 40 points
Deliverable: One (1) Web page (.htm)
Complete the CIS 273 Weekly lab based on the following:
Write the code for each lab assignment.
The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
When saving the file, it should be saved as
Lab_#_Lastname_First initial.htm. For example, if your name is
Mary Smith the file for Lab 1 should be saved as
Lab_1_Smith_M.htm
Any and all written answers must be entered into the online
course shell with the submission of the attached lab
assignment.
Follow the directions below to complete Lab Assignment 1:
1. Using Notepad, or a similar text editor, create an .htm file
that:
a. displays your name and the text “ Hello World!”
b. displays your name in the titlebar of the browser.

2. 2. Declare the DOCTYPE for HTML5 and create a comment
listing the lab number, the author, and the date.
3. After the text “Hello World!” write five (5) lines of code
demonstrating headers 1 through 5. The text should identify
what you are displaying. Next, write two (2) lines of regular
text.
4. Create:
a. an ordered list with three (3) line items.
b. an unordered list with three (3) line items.
c. a line of BOLD text.
d. a line of italicized text.
e. a line of underlined text.
5. All page tags should be appropriately opened and closed
using the correct tags.

3. STRAYER CIS 273 Week 2 Lab Assignment 2 Three Web Pages
with Hyperlinks NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-2-lab-assignment-2-three-web-pages-with-
hyperlinks-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 2: Three Web Pages with Hyperlinks
Due CIS 273 Week 2 and worth 40 points
Deliverable: Three (3) Web pages (.htm)
Complete the CIS 273 Weekly lab based on the following:
Write the code for each lab assignment.
The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
When saving the file, it should be saved as
Lab_#_Lastname_First initial.htm. For example, if your name is
Mary Smith the file for Lab 1 should be saved as
Lab_1_Smith_M.htm
Any and all written answers must be entered into the online
course shell with the submission of the attached lab
assignment.
Follow the directions below to complete Lab Assignment 2:
1. Create three (3) Web pages: index.htm, tips.htm, and
glossary.htm. Open and close all tags appropriately using the
correct tags.
2. Display your name in the title bar of the browser, declare the

4. DOCTYPE for HTML5, and create a comment listing the lab
number, the author, and the date.
3. Create links on each page that link to the other two (2) pages.
4. Create navigation links on each page that link to the other
two (2) pages.
5. On the home page, create an image linked to
http://strayer.edu.
6. Create alternate text for the image link that says “Strayer
University.”
7. On the glossary.htm page, create a definition list of at least
five (5) terms and their definitions.
8. In the definition list, create bold tags for the terms only (not
the definition).
9. Display the special characters “<” and “>” somewhere in the
term definitions.
10. On the glossary.htm page, create at least two (2) links to
areas on the same page

5. STRAYER CIS 273 Week 3 Lab Assignment 3 Storyboarding NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-3-lab-assignment-3-storyboarding-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 3: Storyboarding
Due CIS 273 Week 3 and worth 40 points
Deliverables: Storyboard Document depicting diagrams and
descriptions (Web pages not necessary).
Complete the CIS 273 Weekly lab based on the following:
Write the code for each lab assignment.
The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
When saving the file, it should be saved as
Lab_#_Lastname_First initial.htm. For example, if your name is
Mary Smith the file for Lab 1 should be saved as
Lab_1_Smith_M.htm
Any and all written answers must be entered into the online
course shell with the submission of the attached lab
assignment.
Follow the directions below to complete Lab Assignment 3:
1. Create a storyboard for a four (4) page Website (one (1)
home page and three (3) sub pages) and one (1) Cascading Style
Sheet (.css). Using Microsoft Word, Microsoft Visio, or Dia,
create a diagram of the layout and navigation structure.
2. Explain the effects that the Cascading Style Sheet (.css) will
have on the Web page. There must be a minimum of two (2)
changes. Be sure to include detail. (Example: The Cascading

6. Style Sheet (.css) will make the background color grey and
change all H1 font to blue.)
3. Describe what the home page will look like. (Will it have text?
Will it have headings? Will it have an image? Etc.)
4. Describe what the first, second, and third sub pages will look
like. (Will they have text? Will they have headings? Will they
have images? Etc.)

7. STRAYER CIS 273 Week 3 Lab Assignment 4 Nested Lists and
Cascading Style Sheets NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-3-lab-assignment-3-storyboarding-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 4: Nested Lists and Cascading Style Sheets
Due CIS 273 Week 3 and worth 40 points
Deliverable: Three (3) Web pages and two (2) Cascading Style
Sheets (.css)
Complete the CIS 273 Weekly lab based on the following:
Write the code for each lab assignment.
The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
When saving the file, it should be saved as
Lab_#_Lastname_First initial.htm. For example, if your name is
Mary Smith the file for Lab 1 should be saved as
Lab_1_Smith_M.htm
Any and all written answers must be entered into the online
course shell with the submission of the attached lab
assignment.
Follow the directions below to complete Lab Assignment 4:
1. Re-create the sample Web pages listed below with nested
ordered lists and nested unordered lists. (This Web page will
be reused for each part below). (As shown in Figure 1.)
2. Create the Web page from number 1 with silver background
color set by a Cascading Style Sheet (.css). (As shown in Figure
2.)

8. 3. Create the Web page from number 1 with silver background
color and Comic Sans MS font set by a Cascading Style Sheet
(.css). (As shown in Figure 3.)
4. Re-create the Web page set from number 1 with Silver
background color and Comic Sans MS font set by a Cascading
Style Sheet (.css). Then, using in-page tags to override the CSS,
set only the font of the sentence “Here is an Unordered list with
several levels of sub-lists” to red, Arial font (different than the
rest of the page). (As shown in Figure 4.)

9. STRAYER CIS 273 Week 4 Lab Assignment 4 Nested Lists and
Cascading Style Sheets NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-3-lab-assignment-4-nested-lists-and-cascading-
style-sheets-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 4: Nested Lists and Cascading Style Sheets
Due Week 3 and worth 40 points
Deliverable: Three (3) Web pages and two (2) Cascading Style
Sheets (.css)
Complete the weekly lab based on the following:
•Write the code for each lab assignment.
•The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
Follow the directions below to complete Lab Assignment 4:
1.Re-create the sample Web pages listed below with nested
ordered lists and nested unordered lists. (This Web page will
be reused for each part below). (As shown in Figure 1.)
2.Create the Web page from number 1 with silver background
color set by a Cascading Style Sheet (.css). (As shown in Figure
2.)
3.Create the Web page from number 1 with silver background
color and Comic Sans MS font set by a Cascading Style Sheet

10. (.css). (As shown in Figure 3.)
4.Re-create the Web page set from number 1 with Silver
background color and Comic Sans MS font set by a Cascading
Style Sheet (.css). Then, using in-page tags to override the CSS,
set only the font of the sentence “Here is an Unordered list with
several levels of sub-lists” to red, Arial font (different than the
rest of the page).

11. STRAYER CIS 273 Week 4 Lab Assignment 5: Navigation Bars
and Repeated Images NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-4-lab-assignment-5-navigation-bars-and-
repeated-images-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 5: Navigation Bars and Repeated Images
Due Week 4 and worth 40 points
Deliverable: Four (4) Web pages (the home page and three
image pages) and four (4) Cascading Style Sheets (.css) (one for
each page)
Complete the weekly lab based on the following:
•Write the code for each lab assignment.
•The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
Follow the directions below to complete Lab Assignment 5:
1.Create a home page with navigation bar to the three (3) pages
with images listed below and a Cascading Style Sheet (.css) for
bisque color and Arial text.
2.Create a “single image” page with a Cascading Style Sheet
(.css) for background image, bisque color, and Arial text.
3.Create a “top line image” page with Cascading Style Sheet
(.css) for background image, bisque color, and Arial text.

12. 4.Create a “left side image” page with a Cascading Style Sheet
(.css) for background image, bisque color, and centered Arial
text.

13. STRAYER CIS 273 Week 6 Lab Assignment 6 Working with
Tables NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-6-lab-assignment-6-working-with-tables-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 6: Working with Tables
Due CIS 273 Week 6 and worth 40 points
Deliverable: One (1) Web page and one (1) Cascading Style
Sheet (.css).
Complete the CIS 273 Weekly lab based on the following:
Write the code for each lab assignment.
The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
When saving the file, it should be saved as
Lab_#_Lastname_First initial.htm. For example, if your name is
Mary Smith the file for Lab 1 should be saved as
Lab_1_Smith_M.htm
Any and all written answers must be entered into the online
course shell with the submission of the attached lab
assignment.
Follow the directions below to complete Lab Assignment 6:
1. Create a Web page and a Cascading Style Sheet (.css) that
adds color to the page.
2. Re-create the Web page and the table as shown.
3. Create a caption for a student’s name.

14. 4. Create a 1px table border.
5. Create CIS 273 Weekday headings.
6. Create time headings.
7. Create multiple column coverage as shown for:
1. “Homeroom”.
2. “Dismissed”.
8. Create multiple column coverage and a centered bold tag for
“ Lunch” as shown.
9. Create multiple row coverage for “Gym” on Monday from
2:00 and 3:00 as shown.

15. STRAYER CIS 273 Week 7 Lab Assignment 7 Form Page NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-7-lab-assignment-7-form-page-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 7: Form Page
Due CIS 273 Week 7 and worth 40 points
Deliverables: One (1) Web page and one (1) Cascading Style
Sheet (.css)
Complete the CIS 273 Weekly lab based on the following:
Write the code for each lab assignment.
The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
When saving the file, it should be saved as
Lab_#_Lastname_First initial.htm. For example, if your name is
Mary Smith the file for Lab 1 should be saved as
Lab_1_Smith_M.htm
Any and all written answers must be entered into the online
course shell with the submission of the attached lab
assignment.
Follow the directions below to complete Lab Assignment 7:
Note: The CGI bin script does not work for us because we do not
have a server to run it on.
Therefore, we will use the code listed here instead of the .js
files.

16. In order to have the Submit and Cancel buttons clear the fields,
put this line in your code:
After your <head> tag:
<meta charset="utf-8" />
And this line after your <body> tag:
<form id='sampleform' method='post' action='' >
The above code will help the fields clear without taking you
away from the page.
1. Re-create the Web page with a form, and create a heading
that states your name and the purpose of the page. Example:
“Mary Smith’s Sample Form Page” states the purpose of the
page.
2. Create an entry field for:
1. “Name”.
2. “Street Address”.
3. “City”.
4. “State (abbr.)”.
3. Create the formstxt.css sheet and apply it to the page.
4. Enter your city and state as the default values for the fields.
5. Use local tags on the page to override the .ccs and set the size
of the font for “Student Information” to 16 pt.
6. Create the “Submit” and “Cancel” buttons.
7. Validate that the buttons clear the name and street address
when selected.

17. STRAYER CIS 273 Week 8 Assignment Single Page Website NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-8-assignment-single-page-website-recent
For more classes visit
http://www.uopassignments.com
Assignment: Single Page Website
Due CIS 273 Week 8 and worth 140 points
Deliverables: One (1) Web page and one (1) Cascading Style
Sheet (.css), including the image file.
Imagine that you have just started your own freelancing
business. You have been hired to create a Web page for a
company of your choice that announces the item of the CIS 273
Week, month, or year. (e.g., Car of the Year, Pet of the Month,
Sandwich of the CIS 273 Week, etc.)
Create a Cascading Style Sheet (.css) that applies a minimum of
background color and font.
Create one (1) Web page and a heading tag that overrides the
Cascading Style Sheet (.css) font settings and makes the font of
the heading different from the rest of the page.
The page must also include:
An image depicting the item of the CIS 273 Week, month, or
year.
At least three (3) hyperlinks to Websites of associated interest
to the item and a brief description of what they are about.
This link will take you to the University’s main page where you
can find further information.

18. At the bottom of the page, create a link that would allow the
user to email you with questions using the mailto: tag and your
email address.
Note: When the email opens the subject line should
automatically say, “More Information Please”.
Create a footer displaying the Copyright symbol (using the
character entity reference), the year, and your name.
Example: © 2012 Mary Smith
Include a piece of JavaScript in the page.
The specific course learning outcomes associated with this
assignment are:
Describe the structure of the World Wide Web as
interconnected hypertext documents.
Create and validate HTML documents.
Create presentations using Cascading Style Sheets and DHTML.
Summarize Web standards in terms of specifications,
guidelines, software, and tools.
Write clearly and concisely about Web design and development
using proper writing mechanics and technical style
conventions.

19. STRAYER CIS 273 Week 8 Lab Assignment 8 Adding Sound NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-8-lab-assignment-8-adding-sound-recent
For more classes visit
http://www.uopassignments.com
Lab Assignment 8: Adding Sound
Due CIS 273 Week 8 and worth 40 points
Deliverable: One (1) Web page including supporting files (.jpg
and .mp3)
Complete the CIS 273 Weekly lab based on the following:
Write the code for each lab assignment.
The code is to be submitted in a single compressed folder (zip
file) to the online course shell. The file must contain all .htm
files, along with any other files that may be necessary for your
project to run (ex: text files, images, etc.).
When saving the file, it should be saved as
Lab_#_Lastname_First initial.htm. For example, if your name is
Mary Smith the file for Lab 1 should be saved as
Lab_1_Smith_M.htm
Any and all written answers must be entered into the online
course shell with the submission of the attached lab
assignment.
Follow the directions below to complete Lab Assignment 8:
Note: The audio and image file required for this assignment can
be found below.
Directions to download: Right click on each file and save to
your computer.

20. 1. Re-create the Web page shown below in which you:
2. Insert the image .jpg file with the dimensions of 300px wide
and 200px high.
3. Insert the audio .mp3 file with controls 300 wide and 35 high.
4. Insert and format the “Press the go arrow to hear the
message” caption with the text font type set to Arial.
5. Validate that the sound does not start automatically.

21. STRAYER CIS 273 Week 10 Technical Project Sample Website
Project NEW
Check this A+ tutorial guideline at
http://www.uopassignments.com/cis-273-strayer/cis-
273-week-10-technical-project-sample-website-project-
recent
For more classes visit
http://www.uopassignments.com
Technical Project: Sample Website Project Due Week 10 and
worth 200 points
This assignment consists of three (3) sections: a narrative, a
storyboard, and a business Website. You must submit all three
(3) sections for the completion of this assignment.
The assignment is to be submitted in a single compressed
folder (zip file) to the online course shell.
Section 3 must contain all .htm files, along with any other files
that may be necessary for your project to run (ex: text files,
images, etc.). When saving the compressed folder (zip file), it
should be saved as TechincalProject_Lastname_First initial.zip.
For example, if your name is Mary Smith, the file for submission
should be saved as Techincal Project_Smith_M.htm
Select a business that you are interested in. (e.g., pet store,
travel site, fishing gear, appliances, automobiles, housewares,
furniture, etc.). Imagine that you have just been hired to create
a four (4) page hierarchical Website for the business you
selected. Section 1: Narrative Write a half (½) page paper in
which you:
1. Create a narrative that describes the site to your prospective
client.
Section 2: Storyboard Imagine that your narrative has been
approved. Use Word, Visio, or Dia to:
2. Create a storyboard diagram depicting the layout of your

22. Website.
Section 3: Business Website In order to receive full credit for
this section, you will need to submit:
One (1) screen shot of your emailed data from the guestbook.
One (1) CSS style sheet.
Four (4) Web pages.
3. Create your Website based on the following requirements:
a. Create a Cascading Style Sheet (.css) for all pages, which:
i. Applies a background color.
ii. Applies style to font.
iii. Changes the ordered list markers to anything other than the
default.
iv. Changes the unordered list markers to anything other than
the default.
v. Applies style to a copyright footer.
b. Include:
i. A graphic or logo on the home page.
ii. A navigation bar with links to every other page on the home
page.
iii. A guestbook registry on the home page using the mailto: tag
with an entry field for:
a. A person’s name.
b. An email address.
iv. A piece of JavaScript on the home page.
c. Create a submit button for the guestbook registry that will
email the information to your email address. Note: Test the
function and take a screen shot of the emailed information you
receive. You must submit the screen shot in your zipped file of
deliverables as proof.
d. Create three (3) sub pages that include:
i. The same graphic / logo.
ii. A navigation bar with links to every other page.
iii. An ordered list of at least two (2) items, and then at least

23. two (2) unordered list entries under each ordered list item
where one (1) of the items must be a hyperlinked to a Website
(the hyperlink should not show the address printed on the
page).
Note: Each of the three pages should have unique lists.
Example:
A. Food
• Dry food
• Wet food
• Canned food
B. Toys
• Indoor
• Outdoor