Changes

The best way to designate the background image is in your css/lesson.css file

The best way to designate the background image is in your css/lesson.css file

  body {

body {

    background-image: url(./path/to/file.png);

  background-image: url(./path/to/file.png);

  }

}

==Header==

==Header==

Start button (position to the left of play again button)

Start button (position to the left of play again button)

Play again button (right aligned)

Play again button (right aligned)

 

Page navigation controls

Next page button should be positioned just above the footer bar to the right of the screen

 

 

 

==Page Navigation==

 

The next page button should be positioned just above the footer bar to the right of the screen.

 

Previous page button should be positioned just above the footer bar to the left of the screen

Previous page button should be positioned just above the footer bar to the left of the screen

   

   

Sequence control buttons (these are the buttons that you click to go to next or previous step of lesson on the same page)

Sequence control buttons (these are the buttons that you click to go to next or previous step of lesson on the same page). To the left and right of the lesson area for back and next respectively, vertically centered to the page.

To the left and right of the lesson area for back and next respectively, vertically centered to the page.

   

   

Text

==Text==

Size – Big enough so that its clearly readable on a XO screen

 

Color – Contrasting from the background so that its distinctly visible

* Size – Big enough so that its clearly readable on a XO screen

* Color – Contrasting from the background so that its distinctly visible