Scribd
Upload
18 views3 pages

Midterm Exam

Uploaded by

Ayesha Rahim
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
18 views3 pages

Midterm Exam

Uploaded by

Ayesha Rahim
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

CITC 1300 Midterm Exam

Chapters 1-4

This assignment will cover the following objectives

1. Configure the body of a web page with headings, paragraphs, line breaks, divs, lists, and
blockquotes;
2. Use the new HTML5 elements - header, nav, main, footer, section, and article;
3. Create absolute, relative, and e-mail hyperlinks using the anchor element;
4. Use external, embedded and inline styles to configure element, class, id and descendant
selectors;
5. Configure margins, float, positioning, and list item markers with CSS;
6. Add graphics to web pages; and, configure background images with CSS;
7. Interpretate basic web design and organization

Instructions

HTML

 You will create a folder named, “Midterm Exam”. You will create two html files. Both of these
files will be saved in the folder.
 Create a new HTML file names “index.html”. The file should look like the following:
 Create a new HTML file named, “menu.html”. The file should look like the following:

 You may need to experiment with tags to get the correct look. Pay attention to the titles. The
email address links can either be as shown or your school email address.
 In the navigation bar, Home will navigate to the page “index.html” and Menu will navigate to the
page “Menu.html”. The links Music and Jobs will not navigate anywhere.

CSS

1. Create an external style sheet named “javajam.css” and store it in the folder with the web pages.
1. Global styles for the document (use the body element selector) with background color
#FCEBB6; text color #221811; and Tahoma, Arial, or any sans-serif font.
2. Styles for the header element selector that configure text color #8C3826, background
color #D2B48C, and centered text.
3. Styles for h1 element selector that configures 200% line height.
4. Styles for h2 element selector that configures #8C3826 text color.
5. Styles for the nav element selector that configure centered, bold text (Hint: Use the CSS
text-align and font-weight properties).
6. Styles for the footer element selector that configure background color #D2B48C, small
font size (.60em), italics, and centered text.

2. Modify the Home page to use the external sheet for colors and fonts.
1. Associate the Home page with the javajam.css external sheet
2. Configure the navigation area. Remove any <b> elements which are no longer needed
as they are configured in the CSS.
3. Configure the page footer area. Remove any <small> and <i> elements which are no
longer needed as they are configured in the CSS.
3. Modify the Menu page to use the external sheet for colors and fonts in the same way that you
did the Home page.
4. Modify all three (javajam.css, index.html, and menu.html) to configure page content that is
centered with 80% width (refer to Hands-on Practice 3.9).

The page at the end should look like:

When you are finished, zip the folder and submit to the dropbox.

You might also like