First Quarter of Exam Deck

Question 1

What is the web’s architecture?

Answer 1

client-server

Question 2

List and define the Web Protocols.

Answer 2

1. IP
2. TCP
3. HTTP

Question 3

What language is HTML?

Answer 3

HTML is a semantic language

Question 4

Write an HTML comment.

Answer 4

<!-- HTML Comment -->

Question 5

What makes up the project plan?

Answer 5

1. Identify goals and scope of the project
2. Identify the target audience
3. Identify the type of web site

Question 6

What is “creating a storyboard” about?

Answer 6

A storyboard is a sketch that outlines Web page components and links between web pages.

Question 7

What is “creating a Hierarchy chart” about?

Answer 7

Map relationship between Web pages (aka Hierarchy Chart)
* Crucial when creating navigation system for the web site
* Include links between pages in the web site as well as external links

Question 8

Why is Accessibility important?

Answer 8

Including accessibility into web pages widens potential auidence

Question 9

List the Link Types.

Answer 9

• Relative Link
• Absolute link
• Anchor link
• Skip link

Question 10

Name the parts of the Uniform Resource Identifier(URI)

Answer 10

Can’t upload images here so check desktop for answer

Question 11

What are the two image types?

Answer 11

• Vector
• Bitmap

Question 12

List and define the Image Formats

Answer 12

1. JPG: optimized for many colors
   - Photographs
   - Variable Compression rates
2. GIF: optimized for areas with defined borders, few colors
   - Line drawings
   - Supports transparent pixels (of a single color)
3. PNG: Includes a full alpha channel for full transparency with gradients. PNG is a non patented replacement for GIF.
4. SVG: no decrease in quality when scaled

Question 13

What are the three image attributes?

Answer 13

1. src
2. alt
3. title

Question 14

What is the difference between HTML and CSS?

Answer 14

• HTML is used to indicate the meaning of things but not to specify how they should appear.
• Cascading Style Sheets (CSS) is a presentational language is used to specify how things appear.

Question 15

What is a CSS syntax?

Answer 15

A CSS syntax contains two main parts
1. Selector - points to the HTML elements/s you want to style
2. Declaration block - the declaration block contains one or more declaration separated by semicolons. Each declaration includes a CSS property name and a value, separated by a colon.

Question 16

Write an CSS comment.

Answer 16

/* your comment */

Question 17

External vs Embedded vs Inline style sheets

Answer 17

1. Inline – CSS is the default style rules (closest to the element)
2. Embedded – CSS is defined within a <style> tag in the head section of a document (further from the element)</style>
3. External – CSS is defined with an separate file and linked, using a <link></link> tag, in the head section of a HTML document (futherest from the element)

Question 18

Explain the Box Model

Answer 18

The box model treats each HTML element as a box with some global properties to create space around the contents of a HTML element
* Margin
* Border
* Padding

Question 19

Explain div and span

Answer 19

Div and span is a generic block level element with no presentational or semantic value. Its purpose is to allow us to group together a number of elements so as to treat them as a single entity.

Question 20

List and define the type of selectors.

Answer 20

• Element/type selector:
  - applies to all HTML elements of a specific type, such as h1 elements
• id selector:
  - applies to a single element having a specific unique id
• class selector:
  - applies to all elements having a specific class attribute