IDS 200 DePauw University IDS HTM and HTML Documents Project

+44 222 444 1122

Give us a call

11 Vancouver St, London

Get direction

IDS 200 DePauw University IDS HTM and HTML Documents Project

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

  • Description: https://www.studypool.com/img/icons/open_in_full-24px-min.png

attachment_1

attachment_1

Description: https://www.studypool.com/img/icons/open_in_full-24px-min.png
Description: https://www.studypool.com/uploads/questions/490993/thumb_20200425222838assignment05_ids_200_spring2020_page_0.jpg
  • Description: https://www.studypool.com/img/icons/open_in_full-24px-min.png

attachment_2

attachment_2

Description: https://www.studypool.com/img/icons/open_in_full-24px-min.png
Description: https://www.studypool.com/uploads/questions/490993/preview_20200425222836night.jpg
  • Description: https://www.studypool.com/img/icons/open_in_full-24px-min.png

attachment_3

attachment_3

Description: https://www.studypool.com/img/icons/open_in_full-24px-min.png
Description: https://www.studypool.com/uploads/questions/490993/preview_20200425222837day.jpg
  • Description: https://www.studypool.com/img/icons/open_in_full-24px-min.png

attachment_4

attachment_4

Description: https://www.studypool.com/img/icons/open_in_full-24px-min.png
Description: https://www.studypool.com/uploads/questions/490993/preview_20200425222838banner_2020.jpg

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

Description: https://www.studypool.com/img/discuss/honorcode-new.png

OUR ORDER DATABASE

With over 10 years in the online academic market, we have accumulated thousands of previously completed questions and answers across the globe. You can gain access to them for a very small fee.

Want to complete your own work?