Example Year 8 HTML & CSS Vodcasts
- Setting up a folder structure
- Introduction to Dreamweaver
- Creating Hyperlinks
- Linking files from index.html
- Setting up div id structure
- Setting up CSS
- CSS continued
- CSS continued
- Creating a nav bar
- Inserting rollover images
- Setting up images classes for header images
- Asset files zipped web | main css nav
Example Practice_exam_year11 to teach general div id structure with CSS rules
CSS design for web app
Dreamweaver practice exam. Download zip.
Technology teachers involved in responsive mobile web app design and development for secondary students.
This file might help you to get things started. Zipped version.
This file might help you to get things started with responsive web + smooth scroll. Zipped version.
Responsive mobile web app with entire div as a hyperlink using div class (Nav 1 only).
This file uses one media screen query to adjust <680 pixels . Zipped version
sample_extended_response | sample_product_response