Description

• This assignment has three main objectives:
(1) To give you some practice altering an existing webpage.
(2) To apply CSS to alter the presentation of a webpage.
(4) To begin to work with color schemes for webpages.
Project Two
CIS 4004: Project Two Page 3 © Dr. Mark Llewellyn
• Begin this assignment with the two webpages that you created
for Project One. Project One created the main (index) page
and a menu page for the Lighthouse Bistro web site.
• The wireframe for each of the two pages you developed in
Project One is shown below (note the slight modification for
the contact id):
Project Two
header
navigation
content (main)
footer
contact id (div)
CIS 4004: Project Two Page 4 © Dr. Mark Llewellyn
• Copy the index.html and menu.html files from your
Project One folder into a new folder named Project Two.
• As your project becomes more sophisticated, it will be a good
idea to begin organizing the files of the project now. So put
your markup and CSS is separate folders as shown below.
Project Two: Task 1
Project Two folder
HTML folder CSS folder
index.html menu.html bistro.css
Images folder JavaScript folder
CIS 4004: Project Two Page 5 © Dr. Mark Llewellyn
• Your first task for Project Two is to create a valid external
style sheet, named bistro.css.
• Code the CSS to the following specifications:
– Select elements to have background color
#00BFFF, text color #221811, and font-family Verdana.
– Select

elements to have text color #FFE4C4 and a
line height of 200%.
– Select

elements to have text color #FFE4C4.
– Select

elements to have text color #FFE4C4 and

elements to have color #221811.
Project Two: Task 1
CIS 4004: Project Two Page 6 © Dr. Mark Llewellyn
• CSS specifications (continued):
– Define