Responsive Site Design Exercise

Description

2 attachments

Slide 1 of 2

attachment_1

attachment_1
attachment_2

attachment_2

Unformatted Attachment Preview

Responsive Site Design art2: Practical Exam Guide
Download ResponsiveSiteDesign-ExamFiles.zip from the Exam section in eConestoga and extract the
files to a folder you can work on from Brackets. Complete the following steps to finish the practical
portion of the exam. Once completed, zip up your site files and submit them to the attached dropbox.
1. (10%) Move the CSS from the index.html to a main.css file. Create this file in a css folder from
the root folder.
2. (10%) Reference the main.css file in the index.html file.
3. (20%) Add the following ARIA roles to the stated elements:
a. ¡nner2ole to
b. ¡vigation2ole to
c. ain2ole to
d. ïntentinfo2ole to
4. (20%) In the CSS there are 2 sections of commented code for media queries. Place the code in
the appropriate media query with the following properties:
a. Media Query 1
i. @media
ii. îly!nd ãreen-edia types
iii. ax-width/f 1024px
b. Media Query 2
i. @media
ii. îly!nd ãreen-edia types
iii. ax-width/f 768px
5. (40%) Add menu.html, directions.html, contact.html pages to the root folder. Use the
index.html as a template then make the following changes to each of the new pages:
a. Add the page name to the title tag (eg. Lighthouse Island Bistro ewPage)
b. Add your name to the copyright info in the footer
c. Change the text in the first in to the name of the page, then delete the
directly under the first tag and its text
d. Add CSS %xt-shadow/f °x 2px #eaeaea4o the
e. Add CSS %xt-shadow/f px 1px #eaeaea4o the #tag
NOTE: Make sure all page links work and the site is responsive at the 2 specified widths.

Purchase answer to see full
attachment

User generated content is uploaded by users for the purposes of learning and should be used following our honor code & terms of service.



^{Have a similar assignment? "Place an order for your assignment and have exceptional work written by our team of experts, guaranteeing you A results."}

Our Service Charter

1. Professional & Expert Writers: Eminence Papers only hires the best. Our writers are specially selected and recruited, after which they undergo further training to perfect their skills for specialization purposes. Moreover, our writers are holders of masters and Ph.D. degrees. They have impressive academic records, besides being native English speakers.

2. Top Quality Papers: Our customers are always guaranteed of papers that exceed their expectations. All our writers have +5 years of experience. This implies that all papers are written by individuals who are experts in their fields. In addition, the quality team reviews all the papers before sending them to the customers.

3. Plagiarism-Free Papers: All papers provided by Eminence Papers are written from scratch. Appropriate referencing and citation of key information are followed. Plagiarism checkers are used by the Quality assurance team and our editors just to double-check that there are no instances of plagiarism.

4. Timely Delivery: Time wasted is equivalent to a failed dedication and commitment. Eminence Papers are known for the timely delivery of any pending customer orders. Customers are well informed of the progress of their papers to ensure they keep track of what the writer is providing before the final draft is sent for grading.

5. Affordable Prices: Our prices are fairly structured to fit in all groups. Any customer willing to place their assignments with us can do so at very affordable prices. In addition, our customers enjoy regular discounts and bonuses.

6. 24/7 Customer Support: At Eminence Papers, we have put in place a team of experts who answer all customer inquiries promptly. The best part is the ever-availability of the team. Customers can make inquiries anytime.