Also another question, could someone please differentiate between Layout Diagrams, Mock-ups and Story Boards?
Thanks
Story board: focuses more on the relationship between pages of a website, and the navigation. Also somewhat summaries what each pages consists of and how it helps fulfil the needs of the client. A more detailed layout diagram will have the name of the webpage, client; the name and size of each file on the webpage (e.g. a picture).
By VCAA definition, there is no distinct difference between the two, however, a for a better understanding:
Layout diagrams: primarily focus on the position of objects in a solution rather than its actual appearance.
Mockups: are photorealistic, show exactly what the final solution will appear like. Contain the type, colour, size of font. Basically, they're very detailed. 
Also, if you don't already know about this, vceit.com is pretty helpful for IT students. 
