Web <3 Flashcards

1
Q

(analysis)

What is an end user?

A

The people who are going to be using the website

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

(analysis)

What is an end user requirement?

A

The tasks end users wish to be able to do whilst using the website

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

(analysis)

What is a functional requirement?

A

Processes and activicties that the system has to perform

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

(design)

what is a heirarchical structure?

A

They display the navigation of all the webpages throughout a website

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

(design)

what is a wireframe?

A

User-interface planning for a website

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

(design)

What is contained in a wireframe?

A

nav bars, text elements, meadia and forms/form inputs

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

(html)

What are the SEMANTIC elements of a web page?

A

main, nav, header, section and footer

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

(html)

What is element of a web page which is NOT semantic?

A

DIV

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

(html)

What is contained within the header element?

A

Page banners (often with a title, graphics, logos or a link to a home page)

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

(html)

What is contained within the nav element?

A

The navigation bar

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

(html)

What is contained within the main ?

A

Page content (graphics, text, sound, text, sound and video)

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

(html)

What is contained within the footer element ?

A

General info (external links, contact details, FAQs, copyright info or legal agreements)

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

(forms)

What are the form elements?

A
Input:-
-text
-number
-textarea
-radio
-submit
Select
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

(forms)

What are the types of validation?

A

Length, presence and range

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

(forms)

Length check?

A

Maxlength=”__”

Limits characters available

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

(forms)

Presence checks?

A

Required

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

(forms)

Range checks?

A

min=”__” max=”_”
Makes sure the number is between the RANGE of __ and __

(duh)

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

(forms)

What is the purpose of Button (OnClick) ?

A

Visual aknowledgement for users/candidates when the submit button is clicked

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

(forms)

Button (OnClick) code?

A

onclick=”alert(‘______’)”

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

(forms)

What is the benifate of Button (OnClick) ?

A

Helpful to candiates who are not yet experiencing a response generated by server-side processing?

21
Q

(forms)

What is the select element used for?

A

To create a list of possible inputs –> less user error

22
Q

(ID attributes)

What is an ID attribute?

A

The ID attribute specifies a unique id for a html element (the value must be unique)

23
Q

(CSS)

Define CSS

A

Cascading Style Sheet

24
Q

(CSS)

What are the CSS declerations that control the appearance and position of html page elements?

A
margins/padding
display - block, inline, none
float - left/right
clear - both
sizes - height and width
25
(CSS) | What is a margin?
Declares. atransparent area around the outside of an element. This pushes the element away from other adjacent elements
26
(CSS) | What is padding?
Declares a transparent area indise the edge of the element. This pushes content in from the edge of the element
27
(CSS) | What do grouping selectors do??
Grouping selectors ... group the selectors (duh) Grouping selectors using commas reduces the amount of code required and is more efficient than writing each CSS declaration separately
28
(CSS) | What are auto margins used for?
To position an element in the middle of the browser's window or within another element
29
(CSS) | What can floats be used for?
To word-wrap text around an image
30
(CSS) | What can clear:both be used for?
It makes the element drop below any floated elements that precede it
31
(CSS) | What can display:block be used for?
an element takes up the entire width of the container
32
(CSS) | What can display:inline be used for?
an element takes up only as much room as necesary
33
(CSS) | What can display:none be used for?
The element is not visable. The space where the element should be collapses as if there was no content in that place
34
(CSS) | Code to remove bullet points in nav bar
nav ul {list-style-type:none}
35
(CSS) | Code to position list items horizontally in a nav bar
nav ul li {float:left;}
36
(CSS) | Code to position list items horizontally in a nav bar AND spacing out each list item
nav ul li {float:left; WIDTH:__PX;TEXT-ALIGN:CENTRE}
37
(CSS) | Code to create clickable boxes in a nav bar
nav ul li a {display:block}
38
(CSS) | Code to control vertical alignment in a nav bar
nav {height:___px} nav ul li a {....... padding:__px;}
39
(CSS) | Code to add interactive colours in a nav bar
nav ul li a:hover {background-color:#–––;color:White}
40
(JavaScript) | Why are JavaScript events such as onmouseover, onmouseout and onclick used?
To implement interactive web content
41
(JavaScript) | Where do the events go?
They are placed within html elements
42
(usability testing) | What is the purpose of usability testing?
Involves systematic observation to determine how well people can use a product
43
(usability testing) | What is low-fidelity prototyping?
Low-fidelity prototyping helps to eliminate design problems at an early stage, before money has been spent implementing the design. The testers use low fidelity prototypes under a variety of conditions whilst being observed.
44
(usability testing) | How to test links and navigation?
- test the nav bar links take you to the right pages - test external links - test that all pages link to the homepages - test all internal links work - check to make sure there is no orphan pages
45
(usability testing) | What is an orphan page?
Pages that are not linked to any others
46
(usability testing) | How to test media content?
-ensure the text, graphics and video display correctly (from the wireframe)
47
(usability testing) | What is compatibility testing?
When you test your website to ensure that it works in the same way across a range of platforms (devices/webpages)
48
(usability testing) | What are the types of compatibility testing?
Browser testing Device type testing
49
(usability testing) | What are common compatibility testing problems?
- changes in font size - changes in the user interface - alignment issues - changes in CSS style and colour - scroll bar related issues - content or label overlapping - broken tables or frames