Web Design Unit 1: Getting Started

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What is the purpose of the Copyright concept on the internet?

  • Prevents others from accessing a website
  • Allows others to access a website anonymously
  • Controls what can be accessed, published, or viewed on the internet
  • Prevents others from taking credit for the work done by the original creator (correct)

What is the difference between a web designer and a web developer?

  • A web designer only works on the front-end, while a web developer works on the back-end
  • A web designer designs the website's layout, while a web developer builds the website (correct)
  • A web developer designs the website's layout, while a web designer builds the website
  • A web developer only works on the back-end, while a web designer works on the front-end

What is the purpose of metadata in HTML?

  • To create a hyperlink
  • To describe what a webpage is about (correct)
  • To define the structure of a website's content
  • To add images to a webpage

What is the purpose of the to tags in HTML?

<p>To define headings on a webpage (C)</p> Signup and view all the answers

What is the purpose of the tag in HTML?

<p>To create a horizontal rule (A)</p> Signup and view all the answers

What is the difference between an ordered list and an unordered list in HTML?

<p>An ordered list has numbers, an unordered list has bullets (D)</p> Signup and view all the answers

How do you scale an image to keep its original ratio?

<p>By specifying both width and height attributes (B)</p> Signup and view all the answers

What are the two components of an attribute in HTML?

<p>Name and value (D)</p> Signup and view all the answers

Which HTML tag does every item in a list need to be wrapped in?

<p>(D)</p> Signup and view all the answers

Which HTML tag contains all the information for the whole table?

<p>(C)</p> Signup and view all the answers

In which HTML tag are table headers typically placed?

<p>(D)</p> Signup and view all the answers

What is the range of values for RGB colors?

<p>0 to 255 (C)</p> Signup and view all the answers

What is the hexadecimal code for the color white?

<p>#FFFFFF (C)</p> Signup and view all the answers

What is the purpose of CSS?

<p>To add style and design to a web page (B)</p> Signup and view all the answers

What is the difference between 'color' and 'background-color' in CSS?

<p>Color is for text, background-color is for the background (D)</p> Signup and view all the answers

How can you select multiple classes in CSS?

<p>By separating them with commas (D)</p> Signup and view all the answers

Flashcards are hidden until you start studying

Study Notes

Unit 1: Getting Started - What is the Web?

  • The internet is a network of networks
  • Complications of the internet: copyright, anonymity, and censorship
  • Browser: a program on a computer that allows browsing web pages on the internet
  • Web designer vs web developer: roles in creating a website

Unit 2: HTML - Structuring Websites

  • HTML (Hyper-Text Markup Language): code that defines the meaning and structure of a website's content
  • Metadata: data about data (e.g. title, which describes what the page is about)
  • HTML tags: define the content of a website
  • Structure of an opening tag: ``
  • Structure of a closing tag: ``
  • 5 essential tags in every website: not specified
  • Tags:
    • Heading 1-6: -
    • Paragraph of text: <p>
    • Emphasized text: <em>
    • Bold text: <b>
    • Horizontal rule: ``
    • Line break: <br>
  • Image tag attributes:
    • Source: src
    • Width: width
    • Height: height
    • Alternate: alt
  • Scaling an image to keep its original ratio: not specified
  • Difference between unordered and ordered lists:
    • Unordered list: </b></em></p><em><b>
    • Ordered list: </b></em><em><b>
  • List item: ``
  • Tables:
    • Table: ``
    • Table row: ``
    • Table header: ``
    • Table data: ``
  • HTML Colors:
    • More than 140 named colors available
    • Colors can be created through a combination of red, green, and blue (RGB)
    • RGB values range from 0 to 255
    • Hexadecimal colors: #RRGGBB (e.g. #FF0000 = red)

Unit 3: CSS - Styling Websites

  • CSS (Cascading Style Sheets): adds style and design to a web page
  • CSS rule: Selector { Property: value; }
  • Difference between color and background-color: not specified
  • Selecting elements in CSS:
    • By tag: affects all elements with the specified tag
    • By class: affects only elements with the specified class name
    • By ID: affects only the element with the specified ID
  • Class name rules: cannot start with a number or contain spaces
  • Selecting multiple classes: not specified
  • Order of CSS style application: not specified

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

More Like This

Web Page Basics Quiz
5 questions

Web Page Basics Quiz

EarnestDalmatianJasper avatar
EarnestDalmatianJasper
Web Design Using HTML
24 questions
Use Quizgecko on...
Browser
Browser