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
-
Folder structure
-
Colours
-
Wireframe
-
Index hello world
-
Add CSS
-
First validation
-
HTML layout
-
Grid layout
-
Grid areas
-
Colour console
-
More colours
-
Google fonts
-
Links
-
Main text
-
Sidebar
-
Sidebar (v2)
-
Insert logo
-
Fix logo
-
Rounded corners
-
Footer includes
-
Contact part 1
-
Contact part 2
-
Contact part 3
-
Contact image
-
Contact side bar
-
Centre image
-
Copyright images
-
Side images
-
Subpages
-
Usability testing
-
Colourblind testing
-
Colourblind testing (v2)
-
Subpages testing
Last updated September 23, 2020
TOP