HTML
CSS
Bonus
Personal Website Project
Digital Citizenship
100
This tag holds the content that is seen on the HTML page.
What is the <body> tag?
100
This symbol is used to create a CSS class selector.
What is a period (.)?
100
This is what WWW stands for.
Bonus, for triple points: This is the difference between the Web and the Internet.
What is the World Wide Web?
Bonus: What is the Internet is a global network of networks while the Web, also referred formally as World Wide Web (www) is collection of information which is accessed via the Internet. (Analogy: if the internet were a train station, the web would be a train.)
100
This is the number of web pages your personal website should have.
Bonus, for triple points: These are the 4 required web page themes.
What is 4?
Bonus: What are the "About Me", "Skill/Talent", "Personal Value", and "Bonus" web pages?
100
This refers to the responsible use of technology by anyone who uses computers, the Internet, and digital devices to engage with society on any level.
Bonus question: This is the name of the documentary drama we recently watched in class.
What is digital citizenship?
Bonus: What is "The Social Dilemma"?
200
This tag holds content like the title, stylesheets, and meta information that is not seen on the HTML page.
What is the <head> tag?
200
This CSS property changes the color of text.
What is the "color" property?
200
This CSS property describes the space between elements.
What is "margin"?
200
This is the number of CSS properties you should use on your website at a minimum.
What is 10?
200
According to Common Sense Media, this is using media in a way that feels healthy and in balance with other life activities (family, friends, school, hobbies, etc.).
What is media balance?
300
This helps to add specificity to HTML tags. These are special words used inside the opening tag to control the element's behavior.
Hint: src, alt, rel, id, etc. are examples of these.
What are HTML attributes?
300
When writing CSS, this is what selects the part of the page you want to change.
What is the selector?
300
This type of Creative Commons licensing allows others to use a work as long as they don't change it or remix it.
What is CC-BY-ND?
300
This is the number of CSS classes you should use on your personal website. This is also the number of RGB colors you should use.
What is 2?
300
The ruler of this technologically advanced fictional nation was dedicated to wellbeing of his country's citizens and global society at large. This place is one which Ms. Dunlap hopes we can invent on the web via our creations.
What is Wakanda?
400
This is the location where you apply a class to an HTML element.
What is the opening tag?
400
This is what you call a group of CSS properties and values within curly braces.
What is a rule set?
400
These are the 4 problem solving steps in programming.
What is Define, Prepare, Try, and Reflect?
400
This is the minimum length of your About Me page's text.
What is two paragraphs?
400
These behaviors are those intended to help other people. These actions are characterized by a concern for the rights, feelings, and welfare of other people/society. The behavior can include feeling empathy and concern for others.
What is prosocial behavior?
500
This tag can be used as a container for anything on the page.
What is a <div> tag?
500
These are 4 ways you can add style to an HTML element.
Hint: One way involves using HTML text styling tags. Can you recall the 3 HTML tags we learned for styling text?
What is inline, internal, and external CSS? What are the <b>, <i>, and <u> tags?
https://www.w3schools.com/css/css_howto.asp
500
This is called the language of the Web.
What is JavaScript?
500
This is how you add comments in HTML.
Bonus: This is how you add comments in CSS.
What is <! -- INSERT COMMENT -->?
Bonus: What is /* INSERT COMMENT */?
500
These are the 9 themes of digital citizenship.
(Credit for mentioning at least 8 digital citizenship related topics)
What is...
