Te Kete Ipurangi Navigation:

Te Kete Ipurangi
Communities
Schools

Te Kete Ipurangi user options:


Senior Secondary navigation


RSS

Programme 2 – Digital media: Web

Developed by Jennifer Gottschalk, Whangaparaoa College, 2018

This programme uses the pedagogy of flipped learning. It is based around an eBook tutorial that includes embedded video. Students are provided with detailed instructions and walk-throughs showing how to create a fully functioning, refined website using HTML and CSS. No prior coding knowledge is assumed and all the software used is open source. 

Students will:

  • design and develop a basic web page
  • ensure that their outcome is easy to use
  • be ethical when designing and creating their outcome.

Programme 2 – Digital media: Web materials

 

Videos

  1. Folder structure
  2. Colours
  3. Wireframe
  4. Index hello world
  5. Add CSS
  6. First validation
  7. HTML layout
  8. Grid layout
  9. Grid areas
  10. Colour console
  11. More colours
  12. Google fonts
  13. Links
  14. Main text
  15. Sidebar
  16. Sidebar (v2)
  17. Insert logo
  18. Fix logo
  19. Rounded corners
  20. Footer includes
  21. Contact part 1
  22. Contact part 2
  23. Contact part 3
  24. Contact image
  25. Contact side bar
  26. Centre image
  27. Copyright images
  28. Side images
  29. Subpages
  30. Usability testing
  31. Colourblind testing
  32. Colourblind testing (v2)
  33. Subpages testing

Last updated September 23, 2020



Footer: