Web Design and Development Revision

1. Give examples for each of the following (they can be anything):
   1. CSS class
   2. CSS ID
   3. CSS property
   4. CSS rule
2. For each of the following provide an example (they can be anything):
   1. Absolute path
   2. Relative path
   3. Internal link
   4. External link

Answer the following questions:

1. Which image file type supports full and partial transparency?
2. Which image file type supports full transparency but not partial transparency?
3. Which image file type supports no transparency but offers 24-bits colour depth and is ideal for photographs?

Answer the following questions:

1. State three ways in which a website can be tested.
2. Videos on a website are often subject to copyright. State the law which covers copyright.
3. A website has low-readability.
   1. Explain what is meant by readability
   2. Provide an example of how readability on a website could be low

Look closely at the image below. What is this an example of and why?

Write the CSS for the following:

1. Make all links colour #f06, font size 20 point and Arial.
2. Change all elements with the class .big to be font size 40 pixels
3. All images have a background colour that is white.

Write the HTML for the following:

1. A link to Google
2. A paragraph with an ID of big
3. An image of dog.png

1. Write the CSS for the following:
   1. Make the element with the ID logo positioned to the right side
   2. Make sure that any floating images do not overlap into the footer element
   3. Write a rule that make all H1 elements 40px and have 15 pixels padding at the top and bottom and 10 pixels padding on the left and right.
2. Explain the difference between margins and padding
3. Explain the difference between and inline and a block element

1. A low-fidelity prototype is shown for a contact page. The requirements for the page are that it must have a contact email and a link to the booking page. State 4 reasons why this LFP is not fit for purpose.

1. Rewrite the following CSS with grouping selectors to make it more efficient

1. Answer the following questions:
   1. Which semantic elements can be used over and over again within the <main> element?
   2. List the five semantic elements in order in which they would appear on a webpage.
   3. Write a form to take in two numbers between 1 and 10 called A and B. These numbers are required.

Answer the following questions:

1. State the difference between end-user and functional requirements
2. What is the name of the programming language used to add in onmouseover events?
3. The following code is added to an image
   
   
   

   What does this code do?

4. Rewrite the code above to call the JavaScript function changeBackground when the element is clicked.