Website Design & Development Flashcards
Describe what the end-user and functional requirements are.
End-user – describes the group of people most likely to use the website. E.g. Children, employees, etc.
Functional requirements – things that the website must be able to do e.g. Search a database.
What is a Linear structure?
users move from one page to another in sequence
▭→▭→▭→▭
What is a Hierarchical structure?
pages are accessed dependent upon their position within the hierarchy.
▭
↕
↕↔↕↔↕↔↕
▭ ▭ ▭ ▭
↓
▭Name and describe the two types of links.
Internal links take the user to another page within site,
External links take the user to a different site.
Name and describe the two types of addressing.
Absolute fixed address that can’t change and includes all information such as server address, path and filename
<img></img>
Relative flexible address that only contains the path to the page being linked to on the same server
<img></img>
What is one thing that takes an effective userface design?
consistency across multiple pages:
All pages of website should follow the same design rules, so that the user knows what to expect.
What law prevents someone from stealing someones text, graphics, video and audio of their website?
Copyright, Designs and Patents Act 1988
The text, graphics, video and audio contained within this website are protected.
The user is prevented from making, using or distributing copies without the owner’s permission.
Compare sound files
wav – uncompressed, high quality, large file size.
mp3 – lossy compression, good quality, smaller file size.
Compare picture files.
jpeg – lossy compression which reduces file size but transparency & animation not supported
gif – lossless compression, animation & transparency supported, 8-bit colour.
png – lossless compression, animation & transparency supported, 48-bit colour
Describe the factors affecting file size and quality.
Graphic Resolution – the more pixels per inch, the better the quality, but the larger the file size.
Colour Bit Depth – more bits, more colours, but a larger file size.
Sampling Rate - the more samples taken per second, more realistic the audio, but the larger the file size
why is compression needed?
Compression is the process of reducing the size of a file. Compression is needed to save backing storage, or the time used to send the file between two computers
- Lossy compression will remove data and result in a lower quality of file.
- Lossless compression will rearrange the way data is stored which means the quality will remain the same.
what is an ID in HTML?
you use it to give an element its own unique ID. CSS can then be applied to it. An ID can only be used once in an HTML document.
HTML - <p> Introduction Paragraph </p>
CSS - #intro {color: black; font-family: verdana;}
what is an Class in HTML?
worked similar to an ID, but can be applied to multiple HTML tags.
HTML - <p class="“important”"> This is important </p>
CSS - .important {background-color: yellow; text-align: center;}
Give an example of a sector
H1 {color: blue; font-size: 12px;font-family: verdana;text-align: center;}
explain what happens in the following java script
Line 1:
Line 2: function mouseOver() {
Line 3: document.getElementById(“demo”).style.color = “red”;
Line 4: }
Line 5: function mouseOut() {
Line 6: document.getElementById(“demo”).style.color = “black”;
Line 7: }
Line 8:
Line 2-4 – when the mouse it over an element with the ID “demo” the colour will change to red.
Lines 5-6 – when the mouse it moved away from the above element the colour will change to black.
