CIS 4004: Web-Based Information Technology Project Two

CIS 4004: Web-Based Information Technology Project Two

$30.00

Download Details:

  • Name: Project-2-yd7add.zip
  • Type: zip
  • Size: 854.75 KB
Category:

Description

Rate this product

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.

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: Task 1 CIS 4004: Project Two

• CSS specifications (continued): – Define

elements to have background color #191970, text color #FFE4C4, font-size = small, font-style = italic, and text-align = center. – Define an identifier named address that specifies text color #191970 with font-size 13pt, and font-family calibri. – Select

elements to have background color #191970 and align the text in the center. – Select

  • elements to have color #FFE4C4. – Target elements inside elements insideelements to have color #A52A2A, font-family Calibri, and a font size of 1.4em. – Target elements inside

    elements to have color #A52A2A. • Adopt a good organized strategy for your CSS files (we’ll discuss this in class). Project Two: Task 1

  • • The second task for this project is to modify the index.html markup utilize the CSS found in the bistro.css stylesheet. • Within the markup in index.html do the following: – If you do not already have a
    element that contains the address and phone number, add one now and assign to it the id named address. • After making these changes your main page should look like the one shown on the next slide. Project Two: Task 2 Our color palette for this website is: #00BFFF – medium blue – used for main page background #191970 – dark blue – used for banner and footer backgrounds and some text on main background #221811 – very dark gray/black – used primarily for text #A52A2A – reddish orange – used for headers for

    on menu page #FFE4C4 – sand – used for text in headers and lists Add the lines with the color designations above to a comment near the top of your CSS file.
    The third task in Project Two is to apply the bistro.css file to the menu.html page. • Do this in the same manner as which you modified the index.html page. • Note: if you did not use description lists for the menu items in the first project, please update your markup to use description lists in this project. • After applying the stylesheet to this page, your page should look like the one shown on the next slide. • Please note that I’ve placed a new menu.txt file on WebCourses which contains the updated text for the menu page. Project Two: Task 3
    The deliverables for this assignment are to be submitted via WebCourses no later than 11:59pm Sunday September 23, 2018 are: 1. Two valid HTML5 documents containing the semantically correct markup for the index/home and menu pages. (40 pts – 20 pts for each page) 2. A document containing screen captures for both HTML5 validations (both passing!) (10 pts – 5 pts for each valid page). 3. A valid CSS stylesheet named bistro.css, with styles defined as outlined in this document. (35 pts). 4. A document containing a screen capture of the validation of the stylesheet (5 pts). 5. A screen shot of a browser rendering of the home page and the menu page. (10 pts – 5 pts for each screen shot).

 

Related products