Web Design and Development

Question 1

What are the stages of development in website development?

Answer 1

Analysis, Design, Implementation, Evaluation.

Question 2

What requirements are plotted during analysis?

Answer 2

End User Requirements, Functional Requirements.

Question 3

What are the End User Requirements?

Answer 3

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

Question 4

What are the Functional Requirements?

Answer 4

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.

Question 5

What are the Requirements used for?

Answer 5

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

Question 6

What is plotted during the design stage?

Answer 6

During design, the website structure and navigation are plotted.

Question 7

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

Answer 7

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

Question 8

Where would we use linear navigation instead of hierarchical navigation?

Answer 8

Linear navigation is commonly used for purchases and forms.

Question 9

What does wire framing show?

Answer 9

Wire framing shows us the visual structure of a webpage.

Question 10

What elements does a wire frame diagram display?

Answer 10

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

Question 11

What is a low fidelity prototype?

Answer 11

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

Question 12

What is the website tested to see?

Answer 12

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

Question 13

What are absolute and relative addresses?

Answer 13

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

Question 14

What web page areas do we learn in higher?

Answer 14

header nav main footer

Question 15

What are all the new elements in higher?

Answer 15

header nav section footer main form

Question 16

What does the header section commonly contain?

Answer 16

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

Question 17

What are all the elements of a form?

Answer 17

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

Question 18

Why is external CSS generally the best?

Answer 18

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

Question 19

What is an ID?

Answer 19

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

Question 20

What is a Class?

Answer 20

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

Question 21

How do we type class and id selectors?

Answer 21

.classname{} #idname{}

Question 22

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

Answer 22

Margin, Border, Padding, Content.

Question 23

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

Answer 23

A Roll Over.

Question 24

What does onclick do in JavaScript?

Answer 24

onclick performs something when the element is clicked.

Question 25

What is usability testing?

Answer 25

Usability testing tests how well people can use the product.

Question 26

What is a Persona?

Answer 26

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

Question 27

What is a test case?

Answer 27

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

Question 28

What is a scenario?

Answer 28

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

Question 29

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

Answer 29

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

Question 30

What do observers note while testers are testing a website?

Answer 30

Observers note any difficulties experienced and what alterations are needed.