Web Design & Development Flashcards
During the analysis stage, what are the two aspects?
End user requirements - how the webpage is designed specific to it’s users. Eg. Colourful for young children
Functional requirements - what the website is supposed to do
What are the two types of navigation?
Hierarchical structure - every page can be navigated to from the main page
Linear structure - each page is navigated to by going back and forth
What is used to show the design of a webpage?
Wireframe
What makes an effective user-interface design? (4)
Visual layout - laid out systematically and neatly
Readability - not too cluttered with text
Consistency - all font and visual layout the same
Effective navigation
Why are files compressed?
Smaller file size
Faster transmission
Give two factors that effect file size and describe them
Colour depth - the number of bits used for the colour code of each pixel
Resolution - high resolution has a large number of small bits
- low resolution has a small number of large pixels
Why would a programmer use a low-fidelity prototype?
Since they are cheap and can quickly be amended
How is an unordered and ordered list defined in html?
Ordered -
<ol><li>Pizza</li></ol>
Unordered -
<ul><li>Pizza</li></ul>
How are the following defined in HTML?
- image
- video
- audio
- hyper link
- link to external css
Image -
<img></img>
Video -
Audio -
Hyper link -
<a>Name</a>
External css -
What is the difference between a class and an ID and what are they both defined by?
A class relates to many different items on a page
An ID relates to one
Class = .
ID = #
What are the two JavaScript functions?
Onmouseover
Onmouseout
Why is testing used?
What testing is done on a webpage? (5)
To remove any errors
- Make sure all the multimedia elements are not cropped and good quality
- Make sure the interactivity works properly
- Navigation works properly
- Matches user interface design
- Consistency across fonts and image sizes etc.
What evaluation is done on a webpage?
Fit for purpose
What are the standard file formats for the following and what compression do they use?
- Audio
- Images
WAV - lossless, larger
MP3 - lossy, smaller, quality is lost
JPEG - lossy
GIF - lossless, transparency feature
State the type of addressing used to add an image to a webpage
Relative