COMPUTER SCIENCE 0478

Time Allowed: 30 minutes

======================================================================

(8) Global Positioning System is support human environments. All the people should to know
about the GPS so need to make a new web page.
A wireframe and style guide have been provided. [20]

Web Design Style Guide

Table
 Create table to insert the image and text with width 80%.
 Two columns and four rows.
 No border line.

Banner
 Position the banner as shown on the wireframe. Width and height of the banner will be
“1000”px and “100”px.
 The banner image can be found in the HTML_GPS folder.
 The background color of the banner should be set to “aqua” color.

Text
 Position the text as shown on the wireframe. The text can be found as “background text”
file in the HTML_GPS folder.
 Text should be set to 'Lucida Sans', 'Lucida Sans Regular'.
 Color should be set to blueviolet.
 The background color should be set to “bisque” color.
 Don’t forget to make the break<br> as in the wireframe.
Background information
 Import Background.html from the HTML_GPS folder as an iFrame into the page.
 Size of the iframe is set to width and height should be "450"px 300"px and position the
iFrame as shown on the wireframe.

Video
 Display the video as in the wireframe position.
 When the video appear in the wireframe, it will autoplay.

Footer
 Set the background colour to grey.
 Insert the text ‘More Information’.
 Text is link with the website named “https://www.geotab.com/blog/what-is-gps”
 Style the text to be right align.

Using the information provided, create the web page and save as Q08FINISHED.html