Web desgin Flashcards

(64 cards)

1
Q

What does HTML stand for?

A

Hyper text mark up language

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What does CSS stand for?

A

Cascading style sheets

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is the html struture

A

<!DOCTYPE html>

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

<!DOCTYPE html>

A

tells brower using the latest html version

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

<html>
</html>

A

tells anything in between html tags is html

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

<head>
</head>

A

contain all info, not shown on webpage, where external files go

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

<title>
</title>

A

appears in the tab of the window

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

<body>
</body>

A

contain all content of whats seen in the page

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

what does html do

A

tells the brower what to display

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

where can CSS be

A

Inline, internal, external

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Inline?

A

Applied directly to the html tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Internal?

A

Style sheet is in head section and is applied to all relevent html elements on that page

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

External?

A

Seperate file with all style info contained, sits on the web server with the html pages

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Id’s

A

an unique identifier given to individual html elements
reffered to using ‘#’

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Classes

A
  • siminlar to id’s except can be used on multiple html elements that are not necessarily of the same type
  • reffered to using ‘.’
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

what does javascipt do

A

adds interactivity to a website

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

what is the clientside

A
  • is the computer system that is running the web browser.
  • it removes some of the load of processing away from the web server
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

what is operated by client side javascript

A

form validation
changing page layout
anything else that needs interactivity

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

initiating java script

A

button click
onclick
OnMouseOver
OnMouseOut

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

End user groups

A

groups of people most likely to use the website

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

types of end user groups

A

young people
enployes/students with special needs
inexperienced users
customer/clients
skilled expert users
people with disablites

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

end user requirements

A

facilites or features that have to be in the website to ensure that users are able to access info on the site and make use of any features

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

functional requirements

A

processes that the website must be able to carry out
e.g. diplay videos,images,text

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

two types of navigation

A

linear, hierarchical

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
linear navigation
moves from one page of the site to another in sequence
26
hierachial navigation
pages are accessed depending on their postion in the hierarchy
27
breadcrumbs
are a secondary navigation structure that shows where the user is in the scope of the website
28
wireframes
to show the desing layout of a website
29
what should wireframes show
navigational links text areas media used(file format) position and type of hyperlinks
30
low fidelity prototyping
can be created using pen and paper show to end user group and they give feedback
31
Copyright, Designs and Patents Act 1988
if we want to use something that is copyrighted we need to get permission or pay for it. Failure to do so could result in a fine of impisoment
32
what law protects copying
Copyright, Designs and Patents Act 1988
33
media files
graphics, video, audio load slower and take up storage
34
compression
process of reducing file size to reduce storage and uploading rates
35
types of compression
lossy compression lossless compression
36
lossy compression
takes out info but can never regain originial file or quality
37
lossless compression
can regain orginal image as remembers algorims but amount of compression is less
38
standard file formats
common file formats that are usable by cell aplacators and usable across all devices
39
types of audio files
MP3, Wav
40
wav compression
uncompressed or lossless compression
41
wav quality
consistant with orginal source
42
wav file size
restricted to 4 GIB
43
wav supply rate
44.1KHz - 48 KHz
44
Mp3 comression
lossy format, uses percepucal encoding
45
mp3 quality
depends on level of lossy compression applied
46
mp3 file size
unlimited
47
mp3 supply rate
44.1KHz - 48 KHz
48
types of image files
png, jpeg, GIB
49
jpeg compression
lossy plt encoding
50
GIF compression
lossless lzw endcoding
51
png compression
lossless deflate encoding
52
jpeg animation
not supported
53
gif animation
supported
54
png animation
most supported (with exceptions)
55
jpeg transparency
not supported
56
gif transparency
supported
57
png transparency
supported
58
jpeg colour depth
16777216 colours (24-bit depth)
59
gif colour depth
256 colours (8-bit depth)
60
png colour depth
16777216 colours (24-bit depth)
61
form of testing webpages
testing: user interface against interface desgin links and navigation media consistance
62
FFP?
Fitness for purpose
63
how to test hyperlinks for fitness for purpose
absoulte hyperlinks tell you the address relative hyperlinks tell you where the address is in relationship to you
64
fitness purpose
does the website do what it was meant to do based on the requirements