Design (web) Flashcards
Describe the structure of a website
All of the pages that will be part of the website
Links between internal pages using arrows to indicate link direction
Links to external pages using arrows to indicate link direction
Use wireframes for user-interface design
The wireframe should include:
navigational links
consistency across multiple pages
relative vertical positioning of media (i.e. where media will appear vertically on the page)
file formats of the media (text, graphics, video, audio)
Describe the implications of the Copyright, Designs and Patents Act in relation to web content
To ensure people are rewarded for their work
To give the copyright holder protection from their work being copied or stolen
In terms of web content, this applies specifically to:
text
graphics
video
audio
Compare WAV and MP3 audio file formats
WAV
Uncompressed
High quality sound
Standard for audio CDs
Large file sizes make WAV less suitable for streaming, and requires more storage space
Sample rate of 44.1KHz
MP3
Lossy compression
Removes high and low frequencies generally not heard by human ear
Compression results in file size around one tenth of original
Small file sizes make MP3 more suitable for streaming, and requires less storage space
Sample rate of 44.1KHz
Compare JPEG, GIF and PNG graphics file formats
JPEG
Lossy compression
24 bit colour depth (16,777,216 colours)
No animation
No transparency
Used to store photographs
GIF
Lossless compression
8 bit colour depth (256 colours)
Animation
Transparency
Not suitable for photographs, good for cartoons and animations
PNG
Lossless compression
24 bit colour depth (16,777,216 colours)
No animation
Transparency
Used to store photographs
Describe the how resolution can affect file size and quality
The resolution of an image is the total number of pixels in the image.
The higher the resolution:
the better the image quality
the larger the file size
The lower the resolution:
the lower the image quality
the smaller the file size
Describe the how colour depth can affect file size and quality
The colour depth is a measure of the number of bits used to store the colour for each pixel in an image.
A colour depth of:
8 bits gives 256 different colours
16 bits gives 65,536 different colours
24 bits gives 16,777,216 different colours
The higher the colour depth:
the greater the number of colours meaning a better image quality
the larger the file size
The lower the colour depth:
the smaller the number of colours meaning a lower the image quality
the smaller the file size
Describe the how sampling rate can affect file size and quality
The sample rate is a measure of how many times per second a sound is sampled.
The higher the sample rate:
the better the audio sample quality
the larger the file size
The lower the sample rate:
the lower the audio sample quality
the smaller the file size
Describe the need for compression
The purpose of compression is to reduce the size of a file.
A compressed file:
downloads / streams more quickly
takes up less space in memory / backing storage
Compression can be:
lossless:
none of the original data is lost
file tends to be larger compared to lossy compression
lossy:
some of the original data is lost although compression algorithms attempt to minimise the loss of quality
file tends to be smaller compared to lossless compression
Describe and use low-fidelity prototyping from a wireframe design
A low-fidelity prototype is a sketch of the proposed web page with more detail than the wireframe.
A low-fidelity prototype will include:
any actual heading and paragraph text
sketched versions of any images or video
graphic artist to create a low-fidelity prototype of a web page.
