Exam Review Flashcards

(47 cards)

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
Where is the internet
A network of network
26
What is a css selector
Css rule uses to select what style will apply to or what it will target eg elements, classes, id
27
How is static web content served
Clients request page from web server, this then goes to the database server and works its way back with the html file
28
What are the components of a web application?
Client, request, server
29
How is dynamic web content served?
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
What is client-server architecture?
Websites, web servers, printers, enail client, online video games
31
What is dns
Domain name system- this maintains the directory of domain names and translates them to ip addresses
32
What is tcp/ip
Tra smission control protocol internet protocol
33
Describe Ip addresses
Unique. 4 octects a limited number
34
What is an HTTP Response – The response codes:
``` 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
Why isnt web development easy?
Having to code for many different browsers & view ports. Having to accommodate for the many different OS
36
What is the fold?
Everything on the top of the web page before having to scroll down. Comes from a newspaper being folded in half
37
What is a web page?
an html document
38
what is a web site?
a collection of html documents
39
What are Css fonts?
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
3 Things you need to deploy your website?
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
Filezilla – FTP Service
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
Why do you want to check to make sure it works right after you’ve deployed the website?
You’ve changed the environment! You gotta check it….
43
What are the pro tips: know some at least
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
What are two ways to access web pages
Click the link on webpage | Type in the address
45
What are the parts of a css rule set
Selector {property: value} | Eg h1 {colour: blue}
46
What are 3 attributes of meta data
Character set (charser utf-8) Name-eg key words description Content-value to be used for an itrm specificied by name attribute
47
What is a web hosting service
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