Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

computing science! > Web <3 > Flashcards

Web <3 Flashcards

You may prefer our related Brainscape-certified flashcards:
Biology 101 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
Q

(CSS)

What is a margin?

A

Declares. atransparent area around the outside of an element. This pushes the element away from other adjacent elements

26
Q

(CSS)

What is padding?

A

Declares a transparent area indise the edge of the element. This pushes content in from the edge of the element

27
Q

(CSS)

What do grouping selectors do??

A

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
Q

(CSS)

What are auto margins used for?

A

To position an element in the middle of the browser’s window or within another element

29
Q

(CSS)

What can floats be used for?

A

To word-wrap text around an image

30
Q

(CSS)

What can clear:both be used for?

A

It makes the element drop below any floated elements that precede it

31
Q

(CSS)

What can display:block be used for?

A

an element takes up the entire width of the container

32
Q

(CSS)

What can display:inline be used for?

A

an element takes up only as much room as necesary

33
Q

(CSS)

What can display:none be used for?

A

The element is not visable. The space where the element should be collapses as if there was no content in that place

34
Q

(CSS)

Code to remove bullet points in nav bar

A

nav ul {list-style-type:none}

35
Q

(CSS)

Code to position list items horizontally in a nav bar

A

nav ul li {float:left;}

36
Q

(CSS)

Code to position list items horizontally in a nav bar AND spacing out each list item

A

nav ul li {float:left; WIDTH:__PX;TEXT-ALIGN:CENTRE}

37
Q

(CSS)

Code to create clickable boxes in a nav bar

A

nav ul li a {display:block}

38
Q

(CSS)

Code to control vertical alignment in a nav bar

A

nav {height:___px}

nav ul li a {……. padding:__px;}

39
Q

(CSS)

Code to add interactive colours in a nav bar

A

nav ul li a:hover {background-color:#–––;color:White}

40
Q

(JavaScript)

Why are JavaScript events such as onmouseover, onmouseout and onclick used?

A

To implement interactive web content

41
Q

(JavaScript)

Where do the events go?

A

They are placed within html elements

42
Q

(usability testing)

What is the purpose of usability testing?

A

Involves systematic observation to determine how well people can use a product

43
Q

(usability testing)

What is low-fidelity prototyping?

A

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
Q

(usability testing)

How to test links and navigation?

A
  • 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
Q

(usability testing)

What is an orphan page?

A

Pages that are not linked to any others

46
Q

(usability testing)

How to test media content?

A

-ensure the text, graphics and video display correctly (from the wireframe)

47
Q

(usability testing)

What is compatibility testing?

A

When you test your website to ensure that it works in the same way across a range of platforms (devices/webpages)

48
Q

(usability testing)

What are the types of compatibility testing?

A

Browser testing

Device type testing

49
Q

(usability testing)

What are common compatibility testing problems?

A
  • 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

computing science! (4 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions