Slides badge

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

rEVISION QUESTIONS

Revision questions

<p class="main_content">
  Arthur is a <span class="important">chemistry</span> teacher
</p>
.main_content {
  color:#222;
}
.important {
  color: #f06;
}

What colour would the word 'chemistry' be?

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?

Revision questions

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

Revision questions

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

revision questions

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.

Revision questions

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

Revision questions

  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.

Revision questions

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

Revision questions

h1 {
  background: #ddd;
  padding:15px 10px;
  color: #333;
}
.big_heading{
  background: #ddd;
  font-size:30px;
  color:#f60;
  padding: 15px 10px;
}
  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.

Revision questions

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.

Revision questions

<p onclick="this.style.backgroundColor = 'red';">Latest products</p>
Presentation Overview
Close
JB
Revision
© 2020 - 2024 J Balfour
19:08 | 23-05-2024
Join Live Session
Start Remote
Save Progress
Slideshow Outline
Presenter Mode
Widget Screen
Canvas Controls
Random Selector
Timer
Volume Meter
Binary Converter
Python Editor
Show Knox 90
Provide Feedback
Help
!
Keywords
    DragonDocs Management
    Random selector
    Sections
      Binary conversion
      Denary to binary conversion
      Binary to denary conversion
      Feedback 👍
      Accessibility

      Apply a filter:

      ×
      All slideshow files