Web Flashcards
What are functional requirements?
- What the website must be able to do
- Always start with: “The website should”
What are end user requirements?
- What the users should be able to do
Always start with: “The users should”
What is the purpose of a sitemap?
- Shows how the pages are linked
- Are either linear or hierarchical
What is the purpose of a wireframe?
Shows the layout of a webpage
What is the purpose of a low fidelity prototype?
- To get feedback from end-users about the design of the website
- More detailed than a wireframe
What is consistency?
- Pages should all have a consistent appearance
- Everything should have similar colours, fonts, placement etc.
What is readability?
How easy it is for text to be read and understood
Why is compression used?
- Compression is used to take up less storage
- To either upload or download a file quicker
What is lossy compression?
Some important data will be lost. Results in a noticeable decrease in quality but smaller file size
What is lossless compression?
Important data is not lost. Overall quality of the file is not affected and has a larger file size
What is the compression of a WAV audio file?
The compression of a WAV audio file is lossless
What is the compression of a MP3 audio file?
The compression of a MP3 audio file is lossy
What is a sample rate?
- The number of sound samples captured every second
- The higher the sampling rate, the better the quality
What is the compression of a JPG file?
Lossy compression but can represent 24 bit colour
What is the compression of a GIF file?
Animated files. Can only represent 8 bit colours
What is the compression of a PNG file?
Lossless compression and can represent 24 bit colour
What are three ways to compress an image?
- Lower the resolution
- Reduce colour depth
- Reducing the window size
What is the compression of a MP4 video file?
The compression of a MP4 file is lossy
What is the compression of a AVI file?
The compression of a AVI file is lossless
What is a frame rate?
The number of frames shown per second. The more frames the higher the file size and the smoother the video
What is the Copyright Design and Patents Act?
- Give creators control over how their work is used
- Permission must be granted to use work that is copyrighted
What is the HTML code for an image?
<img></img>
What is the HTML code for a hyperlink?
<a>….</a>
What is an absolute address?
Will only lead to one address
What is a relative address?
Will take you to a page/image that is relative to your current folder
What does CSS stand for?
Cascading Style Sheets
What are examples of CSS attributes?
- Color - changes font color
- Background-color - changes the background colour
- Text-align - puts the text to the left/right/center
- Font-size - changes the size of the font
- Font-family - changes the font style
What is does a class do?
Styles multiple elements the same way
What is does an ID do?
Uniquely identify a HTML element
What does javascript do?
Adds interactivity to a webpage
What is OnMouseOver?
When you move the mouse over an object, something will happen
What is OnMouseOut?
When you move your mouse off an object, something will happen
What are examples of things you could do to test your website?
- Check hyperlinks work
- Check media loads
- Check interface matches the wireframe
- Check consistency between pages
How can you evaluate your website?
If the website meets the functional and end-user requirements then the website is fit for purpose
What is the HTML code for an audio?
<audio>
<source></source>
</audio>
What is the tag used for an ordered/numbered list?
<ol>
</ol>
What is the tag used for an unordered/bullet pointed list?
<ul>
</ul>
What is the HTML code for a video?
<video>
<source></source>
</video>
