1. Designing Web Applications - Storyboard
  2. Quiz 1
  3. Storyboard practice 
  4. CSS features, CSS animation
  5. Assignment 1 introduction
  6. Quiz 2

Class Exercises 

1 Exercise Storyboard, 

– Looking on existing advertisement develop a storyboard, put all necessary details: like duration, delay, length of animation, elements (text, images, links), desired colour schema, etcetera. 

2  week2- 1- Create CSS animated Advertisement How to prevent corona virus  

3 week2- 2- CSS and JavaScript

From exercise two remember to do: 

  • Task 1 – Make a HTML page with two different range input elements, one will define width and other range will define height for <div> and one colour picker will define background colour for this <div>, and a second colour picker will define a font colour for this <div> 
  • Task 2 – Make a HTML page with range and colour picker and a font type selector, font weight selector to change a CSS for elements (<p>, <div>)

4 Project 1(20%) Introduction. 


Your Independent work:

1 Create  Storyboard for horizontal banner on your website,- How to prevent corona virus , 

Please state all necessary details: like duration, delay, length of animation, elements ( text, images, links), desired colour schema, etcetera. 

Develop  animation using CSS and test it. Upload on your homepage as a top horizontal banner. Please have your storyboard for your banner posted ( add  a link on your page) as well as PDH file.

3 update you homepage on dochyper:



  

  





Last modified: Thursday, 6 August 2020, 11:11 AM