Web Design and Development Flashcards

You may prefer our related Brainscape-certified flashcards:
1
Q

What are the stages of development in website development?

A

Analysis, Design, Implementation, Evaluation.

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

What requirements are plotted during analysis?

A

End User Requirements, Functional Requirements.

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

What are the End User Requirements?

A

The End User Requirements are the tasks that users expect the website will be able to perform.

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

What are the Functional Requirements?

A

Functional Requirements are processes the website must be able to perform, Information it must be capable of holding to perform said processes, and the ability to be accessible on all devices and browsers.

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

What are the Requirements used for?

A

The requirements clarify the design of the website and are used to evaluate if the system is fit for purpose.

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

What is plotted during the design stage?

A

During design, the website structure and navigation are plotted.

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

Where do we put a yellow bar when we plot the navigation of a website?

A

A yellow bar is used to indicate multi-links between webpages.

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

Where would we use linear navigation instead of hierarchical navigation?

A

Linear navigation is commonly used for purchases and forms.

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

What does wire framing show?

A

Wire framing shows us the visual structure of a webpage.

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

What elements does a wire frame diagram display?

A

Nav bars, Text, Media, Form inputs, interactable elements, intended positioning of hyperlinks.

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

What is a low fidelity prototype?

A

A low fidelity prototype is a pen and paper sketch of a webpage. It has more detail than a wire frame diagram.

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

What is the website tested to see?

A

The website is tested to see if it is functional, that all links work, UI design matches, Media displays and layout is consistent.

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

What are absolute and relative addresses?

A

Absolute addresses are the full addresses. Relative addres are addresses relative to the location they are referenced from.

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

What web page areas do we learn in higher?

A

header nav main footer

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

What are all the new elements in higher?

A

header nav section footer main form

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

What does the header section commonly contain?

A

normally contains the company name and logo alongside one heading (h1 h2 etc) element or more

17
Q

What are all the elements of a form?

A

select, text, number, radio, textarea, submit.

18
Q

Why is external CSS generally the best?

A

It can affect multiple webpages, saving repetition and meaning things only need to be changed once.

19
Q

What is an ID?

A

An ID is unique to one element and can be targeted with CSS and Javascript.

20
Q

What is a Class?

A

Multiple elements can be part of one class. They can be targeted with CSS and Javascript.

21
Q

How do we type class and id selectors?

A

.classname{} #idname{}

22
Q

In order from outermost to innermost, what are the layers of the box model?

A

Margin, Border, Padding, Content.

23
Q

What do we call something that changes when hovered over with the mouse using JavaScript onMouseOver/Out?

A

A Roll Over.

24
Q

What does onclick do in JavaScript?

A

onclick performs something when the element is clicked.

25
Q

What is usability testing?

A

Usability testing tests how well people can use the product.

26
Q

What is a Persona?

A

A persona relates to the age or experience the tester should exhibit during the test.

27
Q

What is a test case?

A

A test case details actions the testers must execute to verify something works.

28
Q

What is a scenario?

A

A scenario is something the testers are asked to try to use the site to do.

29
Q

What copy of the website structure do the testers use when testing the site?

A

The testers use a low fidelity prototype to test the website.

30
Q

What do observers note while testers are testing a website?

A

Observers note any difficulties experienced and what alterations are needed.