Exam Review Flashcards

1
Q

What can be selected in CSS?

A

Elements, class, ID

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

What is an HTML Element?

A

The components of html that build the content structure of the web page.
Always have triangular brackets

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

What is an html Attribute?

A

Describes an element

A kind of meta data

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

What is an opening element?

A

Doesnt have a leading forward slash

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

Closing element?

A

Has a leading forward slash

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

What are empty or stand alone elements?

A

Doesnt need the closing element to work properly

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

What is correct nesting?

A

The tags/elements should not overlap

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

What does it mean to validate web code?

A

Running your code througg a web validator to analyze your code. It will point out an error or if you are not following W3C best practices.

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

How does html and css seperate content and presentation?

A

Html structures content
Css styles the presentation of the content
Css handles positioning, colours etc

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

How do we look at code?

A

Web inspector, right click view source, F12 inspect elements

Web inspector is more powerful because you can view the html, css, and even box model

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

What is a div?

A

General block line element, starts a new line

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

What is a span?

A

A generic line element.

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

What is a semantic div?

A

Prenames div. E.g. header, body, footer, nav, aside, section

This makes your code more readable

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

What is semantic html?

A

Using an html element the way it was intended

Ex unordered list used an an unordered list

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

What is the header elemet?

A

A semantic div
Content is displayed in web browser
Eg logo, navigation

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

What is a head element?

A

Links to external css, identifies language being used. Meta data of the page, set favicon, charactor impoduim

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

Block line element

A

Breaking elements- div

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

Inline elements

A

Non breaking elements-span

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

What is an html entity?

A

Character entity/html escape character

20
Q

Html attribution

A

Describes an html element

21
Q

How do style sheets cascade?

A

Styles can cascade from one style sheet to another, enabling multiple style sheets to be used on one html document

22
Q

3 ways to include css

A

External, embedded, inline

External-linked in head and cleanest

23
Q

What is absolute measurment?

A

Fixed size, stays the same with each viewport

24
Q

Relative measurment

A

Changes with the viewport, like percentages or em

25
Q

Where is the internet

A

A network of network

26
Q

What is a css selector

A

Css rule uses to select what style will apply to or what it will target eg elements, classes, id

27
Q

How is static web content served

A

Clients request page from web server, this then goes to the database server and works its way back with the html file

28
Q

What are the components of a web application?

A

Client, request, server

29
Q

How is dynamic web content served?

A

Client requests page from the web server, browser makes dns lookup and finds correct application server, this then goes to the databasr server and works its way back with the html file

30
Q

What is client-server architecture?

A

Websites, web servers, printers, enail client, online video games

31
Q

What is dns

A

Domain name system- this maintains the directory of domain names and translates them to ip addresses

32
Q

What is tcp/ip

A

Tra smission control protocol internet protocol

33
Q

Describe Ip addresses

A

Unique. 4 octects a limited number

34
Q

What is an HTTP Response – The response codes:

A
100 Informational Response
200 Success
300 Redirection 
400 Client Errors – Error code 418 / I’m a little teapot . Error code 420 / Enhance your calm
500 Server Errors
35
Q

Why isnt web development easy?

A

Having to code for many different browsers & view ports. Having to accommodate for the many different OS

36
Q

What is the fold?

A

Everything on the top of the web page before having to scroll down. Comes from a newspaper being folded in half

37
Q

What is a web page?

A

an html document

38
Q

what is a web site?

A

a collection of html documents

39
Q

What are Css fonts?

A

Font is the typeface. CSS Allows you to assign a specific typeface, like arial Helvetica sans-serif. Arial is the the standard sans-serif on Windows, Helvetica is the standard sans-serif on OSX

40
Q

3 Things you need to deploy your website?

A

domain name
hosting
content
Go to a domain registrar, buy an available domain, point it to your domain servers. Attach it to your hosting server. Upload your content.

41
Q

Filezilla – FTP Service

A

The most important part is that you are connected to port 22 (SFTP SSH port) so your username and pass is encrypted so anyone with network access can’t view your stuff!!!!!! Port 21 isn’t encrypted

42
Q

Why do you want to check to make sure it works right after you’ve deployed the website?

A

You’ve changed the environment! You gotta check it….

43
Q

What are the pro tips: know some at least

A
  1. What problem are we trying to solve – What outcome are you looking for?
  2. KEY to success – keep educating yourself
  3. Begin with the end in mind – have your goal in sight when you are problem solving
  4. How you say things is as important as what you say – Don’t make the user feel stupid
  5. Don’t live with broken windows – Fix problems asap or else it’ll just get worse
  6. Don’t repeat yourself – DRY – Using CSS!
  7. Stop starting start finishing
  8. Fix the problem, not the blame – fix the problem & the problem is solved! Put them blame on someone and literally nothing gets fixed now
  9. How am I being measured? – When are we measured, who measures us, when do we measure others, who do we measure? How you’re being measured has a lot to do with your success and how to be successful.
44
Q

What are two ways to access web pages

A

Click the link on webpage

Type in the address

45
Q

What are the parts of a css rule set

A

Selector {property: value}

Eg h1 {colour: blue}

46
Q

What are 3 attributes of meta data

A

Character set (charser utf-8)
Name-eg key words description
Content-value to be used for an itrm specificied by name attribute

47
Q

What is a web hosting service

A

Provides space on a server that is connected to the internet
Can be used to select/reguster a domain name
Can find unregisteted domain name and reguster it for you