Question
A Come to RVC Welcome block (10 points) Pictures with borders (at least two, but you may choose to include more if you care to)
A Come to RVC Welcome block (10 points)
Pictures with borders (at least two, but you may choose to include more if you care to)
Three paragraphs describing a student experience at RVC
Appropriate for the content (this is a live page)
Tall enough to scroll one full page on the iMacs here in the lab
An Image Gallery Page Relating to RVC block (10 points)
Consisting of 8 to 10 images of your taking
Formatted for best loading on the web across all devices
Text content to support the images
Appropriate for the content (this is a live page)
Tall enough to scroll one full page on the iMacs here in the lab
Remaining Two (2) blocks can reflect content that you choose (10 points total) * Consisting of 3 paragraphs of text per block
* Consisting of at least one image per block
30pts: Selection of Color and Font
Font selection conveys look and feel of the site (10 points)
Must use fonts imported from Google Font Library
Fonts are legible and add clues to the content to draw users to vital content areas
Must have color / size / face additions that indicate the following
A new text piece of content on each of your content blocks (5pts over 4 pages)
Colors are complimentary and look professional. You are creating a brand with your choices, and that brand has to sell unknown potential future students on RVC. Colors CANNOT follow design from any previous text-based projects (10 points)
20pts: Look and Feel of the Site
A stylized TABLE that highlights content for your user in a formatted and easy to read manner (10 points) across all types of browser sizes (must have considerations for all three browser classes)
Balance of text (paragraphs) and media (pictures, but may be music, video as well) elements on page on all device classes (5 points)
Collection of elements (media, font, color, text, etc) work together on page rather, than against one another, on all device classes (5 points)
10pts : Navigation
a NAV panel for access to your content blocks for in-page navigation
40pts: Desktop, Tablet and Mobile Optimized
Create a modern look and feel using a wrapper and other container classes (10 points)
CSS descriptions for all three webpage types (traditional desktop, tablet, and mobile) (10 points)
Tablet and Mobile descriptions change elements that are not useful / logical with sizing restrictions
Tablet or Mobile descriptions MUST remove one container (not the image gallery) and replace it with another (10 points)
Relative spacing / sizing to ensure that differences in the resolution of the devices you designed on are not damaging to the content on devices of other resolutions - so % or EM or VH VW rather than PX etc (10 points)
40 points : Image Gallery Function Across Devices
Desktop version has hover type gallery that paints smaller thumbnail images to larger canvas area - you see this in Chapter 11 (10 points)
Tablet version changes image size so that each image takes up approximately 40% of the screen (calibrated eyeball measurement), and that 2 images load side by side on tablets. No canvas area or hover over elements to be shown as they will not work on a tablet. You see this in the grid gallery in Chapter 8 (20 points)
Mobile version of the site to have images take large portion of the screen (calibrated eyeball measurement) without more than one image per line. You also see this in the grid gallery in Chapter 9, but you're overriding the descriptions from the tablet media query with different sizing here in the smartphone media query (10 points)
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started