PROJECT 1: PHOTO GALLERY
You have been hired as a web designer for a fictitious company called Creative Genius Web Design. Your first day on the job, your supervisor asks you to create a simple, five-image photo gallery web page. Photo galleries provide an interactive way to view image content on websites.
Screenshot image of what your web page photo gallery should look like when completed. This is a screenshot – The images are not clickable.
A complete photo gallery must feature the following components on the HTML web page:
1. A Title (e.g. Animals in Character in the screenshot above)
2. Five thumbnail images (refer to “Sourcing Free, High-Resolution Images on the Internet” below)
3. Large image area to display a larger version of the selected thumbnail image
4. Descriptive captions that are relevant to the image being displayed (50 words or less)
A complete photo gallery must provide the following functionality:
(a) Display the matching caption when the thumbnail image is hovered over.
(a) Add a border to a thumbnail image when it is clicked, remove the border when another thumbnail image is clicked (hint: use a for loop that targets CSS classes)*
(b) Display the selected thumbnail in the large image area (hint: use an if/else statement)*
(c) Add or alter any element in the DOM
NOTE 1:* (a) and (b) above may be combined into one function.
The zipped file attached to this assignment provides the folder structure that is required for this project. Instructions for how to unzip the file on a PC or a Mac can be found at visit http://www.wikihow.com/Extract-Files. Individual files have also been provided. All files must be externally linked in their respective image, style, and script folders. Points will be deducted if embedded or inline styles are used where not instructed.
Please submit the following to your Assignments Folder:
1. Host your working photo gallery online using the Nova Server
2. Submit the HTML files you used to create the webpage to your project Assignments Folder
3. Write a Project Reflection (see description below)
Answer the following questions when you submit your assignments files.
a. What is the theme of your design?
b. Where did you find your photos (include URL if image was downloaded from the Internet)?
c. What modifications did you make to the images (describe what you did to complete the assignment)?
d. What issues or challenges did you face completing this project?
Please submit your Project Reflection as a Microsoft Word document or just copy and paste your answers in your Assignments Folder’s text box when you submit your assignment along with the rest of the required project files.
Your pages should validate without errors using the W3C HTML Markup Validation Service at http://validator.w3.org.
How to do this:
If there are errors, correct them. Ignore errors on the image tag where “.” and “%” are indicated.
This assignment will require you to interact with the DOM. The links below highlight specific concepts and topics that you will need to learn in order to complete this assignment successfully.
1. Types of Mouse Events
2. Targeting IDs
3. Creating Loops
4. Targeting and Altering HTML
5. Getting and Passing Attributes
Sourcing Free, High-Resolution Images on the Internet
This assignment will require you to find or create and resize five images to use in the photo gallery. You do not have to spend any money to acquire images, but you will need some knowledge of photo editing software to resize the images that you use to the appropriate 800×400 pixel size.
Here are some sites that offer free, high-resolution photos. Please remember to provide links to the location of the images you use in your Project Reflection.
NOTE: Be careful. Make sure you don’t download any install programs to view images. If the site asks you to install software onto your computer, try another site, or simply perform a browser search for “free stock photos”. If a site requires creating a free account, this is generally not a problem.
Use Your Own Photos
If you are particularly talented in the area of photography, feel free to use your own images and photos. Indicate the source of your photography in your Project Reflection.
Due Date: November 7
Late Penalty: 10% (2 points out of 20 total for the assignment) reduction each day (24-hour period, starting at the midnight due date deadline) the assignment is late. For example, if you are three days late, your grade will be deducted 6 points, leaving you with a 6/20, which is a grade of 70 (C). After 5 days, late assignments will not be accepted or graded. Your Assignments folder will be closed at this point as well and you will not be able to to physically submit the assignment.
Why Choose Us
We value our clients. For this reason, we ensure that each paper is written carefully as per the instructions provided by the client. Our editing team also checks all the papers to ensure that they have been completed as per the expectations.
Professional Academic Writers
Over the years, our Acme Homework has managed to secure the most qualified, reliable and experienced team of writers. The company has also ensured continued training and development of the team members to ensure that it keep up with the rising Academic Trends.
Our prices are fairly priced in such a way that ensures affordability. Additionally, you can get a free price quotation by clicking on the "Place Order" button.
We pay strict attention on deadlines. For this reason, we ensure that all papers are submitted earlier, even before the deadline indicated by the customer. For this reason, the client can go through the work and review everything.
At Papers Owl, all papers are plagiarism-free as they are written from scratch. We have taken strict measures to ensure that there is no similarity on all papers and that citations are included as per the standards set.
Customer Support 24/7
Our support team is readily available to provide any guidance/help on our platform at any time of the day/night. Feel free to contact us via the Chat window or support email: email@example.com.
Try it now!
How it works?
Follow these simple steps to get your paper done
Place your order
Fill in the order form and provide all details of your assignment.
Proceed with the payment
Choose the payment system that suits you most.
Receive the final file
Once your paper is ready, we will email it to you.
Papers Owl has stood as the world’s leading custom essay writing services providers. Once you enter all the details in the order form under the place order button, the rest is up to us.
At Papers Owl, we prioritize on all aspects that bring about a good grade such as impeccable grammar, proper structure, zero-plagiarism and conformance to guidelines. Our experienced team of writers will help you completed your essays and other assignments.
Admission and Business Papers
Be assured that you’ll definitely get accepted to the Master’s level program at any university once you enter all the details in the order form. We won’t leave you here; we will also help you secure a good position in your aspired workplace by creating an outstanding resume or portfolio once you place an order.
Editing and Proofreading
Our skilled editing and writing team will help you restructure you paper, paraphrase, correct grammar and replace plagiarized sections on your paper just on time. The service is geared toward eliminating any mistakes and rather enhancing better quality.
We have writers in almost all fields including the most technical fields. You don’t have to worry about the complexity of your paper. Simply enter as much details as possible in the place order section.