In this assignment, you will create three documents: two HTML and one CSS. The HTML documents will display text and images and be formatted by the CSS document. On one of the HTML documents, you will create a simple Javascript function to update the image when an HTML button is pressed.
Zip the HTML, CSS, and image files together, then upload the .zip file to Blackboard
See attached “Assignment05-IDS 200-Spring2020.docx”for all insturction
Due in 4 Day
4 attachments
Slide 1 of 4
attachment_1
attachment_1
attachment_2
attachment_2
attachment_3
attachment_3
attachment_4
attachment_4
UNFORMATTED ATTACHMENT PREVIEW
IDS 200 Spring 2020 Assignment 5 Due Friday 05/01/2020 60 points Instructions Submission Guidelines This assignment may be submitted for full credit until Friday, May 1st at 11:59pm. Because of the imminent end of the semester, late submissions will not be accepted and extensions will not be given. All assignments are to be submitted using the Blackboard upload facility. It is strongly recommended to submit your assignment early, in case problems arise with the submission process. Assignment For this assignment, you will write some simple HTML, CSS, and JavaScript code. You are given three image files and will build two HTML documents and one CSS document. The file names should be your NetID, the letters A/B/C, and the appropriate extension. If your NetID is jsmith6, your HTML pages should be jsmith6A.html, jsmith6B.html, and jsmith6C.css. The two HTML files, the CSS file, and the three images should be combined in a .zip file before being uploaded to Blackboard. Your code should contain the following elements/features: 1. The CSS document will apply standard formatting to both HTML documents: a. At each page top, a banner image (banner_2020.jpg) b. Set the header text to appear green and in the Calibri font 2. HTML document A: a. Within an tag: “Day vs. Night?” b. Within a tag: Day: The time of light, or interval between one night and the next; the time between sunrise and sunset, or from dawn to darkness; hence, the light; sunshine; – also called daytime. c. Within a second tag: Night: That part of the natural day when the sun is beneath the horizon, or the time from sunset to sunrise; the time between dusk and dawn, when there is no light of the sun, but only moonlight, starlight, or artificial light. d. The text in the tags should be black and in the default style, except for the words Day, Night, sunrise, sunset, sun, moonlight, which should appear in bold and in their displayed color (e.g., the word sunrise should be red, sunset should be orange). e. The tags in a), b), & c) should not be nested with each other 3. HTML document B: a. Within an tag, the image “day.jpg” should be shown. b. A button with the label “Change to nighttime!”. When the button is pressed, a script will execute causing the “day.jpg” image to be replaced with “night.jpg”. c. Additional button pressing will produce no further changes. 4. The three images (from 1a, 3a, and 3b) should be zipped along with your three documents. All the files should be at the same folder depth, i.e., no subfolders. Evaluation Your assignment will be graded according to whether all the required elements are present and in the correct formats and all required functionalities are operable.
Purchase answer to see full attachment
Tags: programming language Programming Code CSS document JavaScript code HTML button