• Home
  • Blog
  • Create a Web Page that has JPG MP3 and CSS

Create a Web Page that has JPG MP3 and CSS

0 comments

Part A:

Deliverable: One (1) Web page including supporting files (.jpg and .mp3)
FINISHED EXAMPLE SCREENSHOT ATTACHED

Note: The audio and image file required for this assignment can be found below.

Directions to download: Right click on each file and save to your computer.

  1. Re-create the Web page shown below in which you:
  2. Insert the image .jpg file with the dimensions of 300px wide and 200px high.
  3. Insert the audio .mp3 file with controls 300 wide and 35 high.
  4. Insert and format the “Press the go arrow to hear the message” caption with the text font type set to Arial.
  5. Validate that the sound does not start automatically.

Part B:

Deliverables: One (1) Web page and one (1) Cascading Style Sheet (.css), including the image file.

Imagine that you have just started your own freelancing business. You have been hired to create a Web page for a company of your choice that announces the item of the week, month, or year. (e.g., Car of the Year, Pet of the Month, Sandwich of the Week, etc.)

  1. Create a Cascading Style Sheet (.css) that applies a minimum of background color and font.
  2. Create one (1) Web page and a heading tag that overrides the Cascading Style Sheet (.css) font settings and makes the font of the heading different from the rest of the page.
  3. The page must also include:
    1. An image depicting the item of the week, month, or year.
    2. At least three (3) hyperlinks to Websites of associated interest to the item and a brief description of what they are about.
    3. Example: Click here to visit Strayer University
    4. This link will take you to the University’s main page where you can find further information.
  4. At the bottom of the page, create a link that would allow the user to email you with questions using the mailto: tag and your email address.
    1. Note: When the email opens the subject line should automatically say, “More Information Please”.
  5. Create a footer displaying the Copyright symbol (using the character entity reference), the year, and your name.
    1. Example: © 2018 Sadia Haleem
  6. Include a piece of JavaScript in the page.

About the Author

Follow me


{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}