- [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