Web Design and Development Flashcards
What are the stages of development in website development?
Analysis, Design, Implementation, Evaluation.
What requirements are plotted during analysis?
End User Requirements, Functional Requirements.
What are the End User Requirements?
The End User Requirements are the tasks that users expect the website will be able to perform.
What are the Functional Requirements?
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.
What are the Requirements used for?
The requirements clarify the design of the website and are used to evaluate if the system is fit for purpose.
What is plotted during the design stage?
During design, the website structure and navigation are plotted.
Where do we put a yellow bar when we plot the navigation of a website?
A yellow bar is used to indicate multi-links between webpages.
Where would we use linear navigation instead of hierarchical navigation?
Linear navigation is commonly used for purchases and forms.
What does wire framing show?
Wire framing shows us the visual structure of a webpage.
What elements does a wire frame diagram display?
Nav bars, Text, Media, Form inputs, interactable elements, intended positioning of hyperlinks.
What is a low fidelity prototype?
A low fidelity prototype is a pen and paper sketch of a webpage. It has more detail than a wire frame diagram.
What is the website tested to see?
The website is tested to see if it is functional, that all links work, UI design matches, Media displays and layout is consistent.
What are absolute and relative addresses?
Absolute addresses are the full addresses. Relative addres are addresses relative to the location they are referenced from.
What web page areas do we learn in higher?
header nav main footer
What are all the new elements in higher?
header nav section footer main form
What does the header section commonly contain?
normally contains the company name and logo alongside one heading (h1 h2 etc) element or more
What are all the elements of a form?
select, text, number, radio, textarea, submit.
Why is external CSS generally the best?
It can affect multiple webpages, saving repetition and meaning things only need to be changed once.
What is an ID?
An ID is unique to one element and can be targeted with CSS and Javascript.
What is a Class?
Multiple elements can be part of one class. They can be targeted with CSS and Javascript.
How do we type class and id selectors?
.classname{} #idname{}
In order from outermost to innermost, what are the layers of the box model?
Margin, Border, Padding, Content.
What do we call something that changes when hovered over with the mouse using JavaScript onMouseOver/Out?
A Roll Over.
What does onclick do in JavaScript?
onclick performs something when the element is clicked.
What is usability testing?
Usability testing tests how well people can use the product.
What is a Persona?
A persona relates to the age or experience the tester should exhibit during the test.
What is a test case?
A test case details actions the testers must execute to verify something works.
What is a scenario?
A scenario is something the testers are asked to try to use the site to do.
What copy of the website structure do the testers use when testing the site?
The testers use a low fidelity prototype to test the website.
What do observers note while testers are testing a website?
Observers note any difficulties experienced and what alterations are needed.
