Web Design & Development Flashcards

1
Q

During the analysis stage, what are the two aspects?

A

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

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

What are the two types of navigation?

A

Hierarchical structure - every page can be navigated to from the main page

Linear structure - each page is navigated to by going back and forth

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

What is used to show the design of a webpage?

A

Wireframe

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

What makes an effective user-interface design? (4)

A

Visual layout - laid out systematically and neatly

Readability - not too cluttered with text

Consistency - all font and visual layout the same

Effective navigation

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

Why are files compressed?

A

Smaller file size

Faster transmission

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

Give two factors that effect file size and describe them

A

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

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

Why would a programmer use a low-fidelity prototype?

A

Since they are cheap and can quickly be amended

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

How is an unordered and ordered list defined in html?

A

Ordered -

<ol><li>Pizza</li></ol>

Unordered -

<ul><li>Pizza</li></ul>

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

How are the following defined in HTML?

  • image
  • video
  • audio
  • hyper link
  • link to external css
A

Image -

<img></img>

Video -

Audio -

Hyper link -

<a>Name</a>

External css -

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

What is the difference between a class and an ID and what are they both defined by?

A

A class relates to many different items on a page

An ID relates to one

Class = .

ID = #

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

What are the two JavaScript functions?

A

Onmouseover

Onmouseout

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

Why is testing used?

What testing is done on a webpage? (5)

A

To remove any errors

  1. Make sure all the multimedia elements are not cropped and good quality
  2. Make sure the interactivity works properly
  3. Navigation works properly
  4. Matches user interface design
  5. Consistency across fonts and image sizes etc.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What evaluation is done on a webpage?

A

Fit for purpose

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

What are the standard file formats for the following and what compression do they use?

  • Audio
  • Images
A

WAV - lossless, larger

MP3 - lossy, smaller, quality is lost

JPEG - lossy

GIF - lossless, transparency feature

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

State the type of addressing used to add an image to a webpage

A

Relative

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

Why do the webpages appear the same in every browser

A

The code determines the appearance of the webpage not the browser