University of Canberra Web Design and Programming (7175 & 6691)

• [2 marks] Responsive Design using Bootstrap and Theme

Check responsive design for background image, image/video, bootstrap rows and columns, text font size, and image file size

• [0.5 mark] Home page
• [0.5 mark] Page for companies and organisations
• [0.25 mark] Page for emerging technologies
• [0.25 mark] Page for world map
• [0.25 mark] Page for contact, about and other useful information
• [0.25 mark] Overall

• [2 marks] Colour, Font and Typography
• Check the following on website and report – use Web Design lecture
• [0.25 mark] Colour values
• [0.25 mark] Colour scheme to choose colours 
• [0.25 mark] Sans serif fonts
• [0.25 mark] Font sizes
• [0.25 mark] Typography – web safe font, web font
• [0.25 mark] Typography – contrast, scale, tone
• [0.5 mark] Overall
• [2 marks] Space and using Padding and Margin

Check space, padding, margin, alignment, full-width page on different screen sizes (desktop, laptop, tablet, and mobile phone)

• [0.5 mark] Home page
• [0.5 mark] Page for companies and organisations
• [0.25 mark] Page for emerging technologies
• [0.25 mark] Page for world map
• [0.25 mark] Page for contact, about and other useful information
• [0.25 mark] Overall

• [2 marks] Parallax Scrolling
• [0.5 mark] First background image
• [0.5 mark] Second background image
• [0.5 mark] Parallax scrolling working
• [0.5 mark] Overall
• [2 marks] Bootstrap Carousel
• [0.5 mark] Images and text on 6 slides for Wikipedia, Forbes, IBM, Industry 4.0 news, Infochips and Department of Industry, Innovation and Science
• [0.5 mark] Correct hyperlinks on 6 slides to the 6 websites
• [0.5 mark] Bootstrap Carousel working
• [0.5 mark] Overall

• [2 marks] jQuery Elastic Grid

• Check jQuery elastic grid on Emerging Technologies page
• Check using CSS :hover selectors and HTML <figure> elements on Home page
• [0.5 mark] 6 blocks T1, …, T6 for CSS :hover selectors and HTML <figure> elements on Home page: working and linking to 6 groups on Emerging Technologies page
• [1.0 mark] 24 square blocks for elastic grid on Emerging Technologies page
• [0.5 mark] Elastic grid working
• [2 marks] Google Map 

Check Google Map on World Map page

• [0.5 mark] Display of map of the entire world
• [0.5 mark] Display of 6 markers for 6 companies and organisations
• [0.5 mark] Design of 6 Info windows
• [0.5 mark] Overall

• [1 mark] Overall