WEB DEVELOP
Oluwatoyin
HW05_HTML_CSS_Images_Colors_PopupPenguins_NoServer.pdf
Northeastern Illinois University CS 300: Client Side Web Development Professor Yehuda Gutstein HW 05 – HTML & CSS Images & Colors – Popup Penguins
Due Dates: HW is due prior to the start of the next class. Objectives
• Set up an HTML page using the basic page elements.
• Be able to use HTML5 semantic elements to structure a web page.
• Properly use images, CSS selectors Basic Requirements
• Properly use and indent all tags.
• Set up page with <html>, <head> and <body> tags. Assignment Details Using the skills gained so far, make a simple game to play with your friends and family. See if you can find all the penguins without waking the yeti!
• All required images are included in a zip folder.
• Place a series of hideouts on the page. When you hover over an image, you should see the mound with a question mark. When you click on a mound, you should either display a penguin or a yeti. There should only be one yeti on the page.
• The game does not require any functionality declaring a winner or loser.
• Definition of Complete: You can hover over an image and make another image appear
Sample Screenshots
Northeastern Illinois University CS 300: Client Side Web Development Professor Yehuda Gutstein HW 05 – HTML & CSS Images & Colors – Popup Penguins
Submit your assignment 1. Combine all work files into a zip folder (include all HTML, CSS, font, and image files).
Keep the file structure the same as it was when you were working on the assignment.
2. Submit the zip folder via desire2learn in the appropriate Assignment folder in order to receive credit. While you may also submit screenshots, you are required to submit the actual code files, not just screenshots of the code.
