NEW
Font size
WorksheetsWeb Design EOPA Practice
Total questions: 67
Worksheet time: 34mins
Which of the following is a valid HTML tag?
h1
<>
<h1>
>h1<
What does HTML stand for?
Hidden Text Meta Language
Hyper Text Markup Language
Hidden Theme Markdown Level
Hyper Text Markdown Language
Which of the following is an example of metadata about a webpage?
The title of the webpage
The body of the webpage
An <h1> tag on the webpage
All of the above
What is the function of the <br> tag?
Create a line break on the resulting webpage
Create a horizontal line on the resulting webpage
Italicize text
Bold text
Which of the following is the correct HTML code to creat a hyperlink that displays Click Me and links to google.com?
Which of the following lines of HTML code will insert an image into a webpage?
True or False: As long as you cite your sources, you can put any image you find online on your website.
True
False
Which of the following actions will help you avoid violation of copyright laws?
Always cite the source of the image
Check the copyright of the image to make sure it can be used by others without permission
Limit your searches to public domain images
All of the above
Which of the following HTML code snippets would produce the following web page:
Which of the following tags defines a table row?
<table>
<tr>
<th>
<td>
Which of the following tags defines a table header?
<table>
<tr>
<th>
<td>
Which of the following HTML code snippets will generate the attached table?
Which of the following HTML code snippets is the proper way to set the background color of an <h1> tag to be blue?
Which of the following is a valid color in HTML?
"blue"
"rgb(255, 0, 0)"
"#00FF00"
All of the above
All of the colors you see on a computer screen are the result of a mixture of the same three colors. What are those colors?
red, yellow, blue
green, orange, purple
red, green, blue
red, green, yellow
Why do we use CSS?
HTML wasn't intended to be able to style web pages, CSS allows us to add style
Separate the content of a web page from the design of a web page
Easily modify the look and feel of a web site even at a large scale
All of the above
Which of the following is a valid CSS rule?
Which of the following code snippets will select all <img> tags on a page and give them a height of 200 pixels?
Which of the following code snippets will select all HTML elements with the class "alert" and set their color to be red?
Which of the following CSS rules will select the HTML element with the id logo and set the font size for that element to 60 pixels?
What is the function of the Cascade in CSS?
The Cascade is a set of guidelines to make your site look beautiful
The Cascade helps you write styling for your websites quickly by providing easy templates to use
The Cascade determines which CSS rules will be applies when multiple rules for an item are contradictory
The Cascade will make sure there are no types in your CSS rules
In what order does the Cascade look at factors to determine which CSS rule to follow?
Order, Important, Specificity
Importance, Order, Specificity
Specificity, Importance, Order
Importance, Specificity, Order
Assume you have two files for your website, and these files exist in the same folder:
home.html
style.css
Which of the following is the proper was to apply the CSS code inside style.css to the home.html file?
Assume you have two files for your website, and these files exist in the same folder:
index.html
about.html
Which of the following is the proper way to link to the about.html page from the index.html page?
What are IFrames?
Buttons that link to other websites
Videos uploaded to your website
The number of views your website has
HTML pages embedded inside of other HTML pages
What is the function of the div tag?
To define a section of an HTML page
To group a block of elements together to format them with CSS
To efficiently apply the same style to several different elements
All of the above
Which of the following correctly uses div to style multiple elements the same way?
What is the difference between <span> and <div>?
<span> is better for styling text, while <div> is better for styling images
<span> is for styling multiple elements, while <div> is for styling single elements at a time
<span> is used to group and style inline elements, while <div> creates a line break
<span> is used to style elements, while <div> is used to embed parts of other websites
Which of the following selects all p tags with the class alert and makes them red?
How can I select all h1 tags that are immediate children of div tags?
What is the reasoning behind the Don't Repeat Yourself principle?
It helps you stay under the HTML file character limit
Repeated code makes it harder to read and edit
HTML files with repeated code will take a very long time to load
It makes a more clean and organized website for the user
What are some ways to cut down on repetitive code in your website?
Group together multiple selectors with commas
Strategically plan ahead to make sure the site is coded concisely
Use a div to style multiple elements
All of the above
Which of the following will turn the h1 tag blue as the mouse hovers over it?
Which of the following will insert an exclamation point after every h2 element?
Which of the following is not a property that can hide the visibility of an element?
opacity
hidden
visibility
display
Who might need to look something up in HTML/CSS documentation?
A student learning about web development
A web developer using a new feature
A person building a personal website as a hobby
All of the above
The Inspector would be a useful tool for which of the following tasks?
Starting to write the HTML and CSS based on a design
Testing what small CSS changes will do to the site presentation
Finalizing changes made to the styling of the website
All of the above
Which of the following is not a part of the box model?
padding
background
border
margin
For the given div, what is the size of the right padding?
15px
10px
5px
20px
True or False: An image can have more than one CSS filter.
True
False
Which of the following applies a grayscale filter to all images?
Which of the following defines an animation increase-font that increases the font size from 5px to 20px?
Which of the following applies an animation named grayscaleFilter over 10 seconds to every img tag?
What would be the resulting difference if the line transition: width 2x, height 2s; was removed from the first CSS rule?
Images would not longer get larger as the mouse hovers over them
The transition would happen over 10s, since this is the default duration
Images will no longer show up on the website
There would no longer be a smooth transition for the image:hover rule
What is the difference between .container and .container-fluid?
.container-fluid keeps margins to the left and right of the content, while .container fills the entire width of the window
.container-fluid is responsive to the window size, while .container creates a fixed width that never changes, regardless of window size
.container-fluid constantly updates to fit the width of the window, while .container will update occasionally as the window is resized
.container should be used in headers, while .container-fluid is used for p tags
True or False: Is is impossible to have more than one jumbotron on a give page.
True
False
Which of the following creates a responsive jumbotron on your website?
How many columns fit in a single row in the bootstrap grid system?
4
8
12
It depends on the screen size
What is the smallest device that will display these columns side by side?
Desktop Computer
Laptop
Tablet
Smart Phone
What is the correct way to add a default-styled button to an <a> tag?
Whcih of the following will correctly display a page header with subtext?
Which of the following correctly creates a thumbnail of the CodeHS logo that links to https://codehs.com?
Which of the following creates a table that is responsive to screens of different sizes?
Which page should the following nav-tabs be added to?
home.html
profile.html
messages.html
It should be added to every page on the website.
Fill in the Blank: contents of a navbar need to go inside a _____ div.
.navbar
.nav-tabs
.active
.container
Why might you decide to use a dropdown menu on your website?
To group options together in a way that makes sense
To have a simple interface without too many buttons
To save space and keep a clean wesite layout
All of the above
True or False: Only people who are new to Bootstrap need to look at documentation.
True
False
True or False: it is plagiarism to copy code from Bootstrap examples to your own website.
True
False
Which of the following is not part of the Design Cycle?
Empathize
Ideate
Educate
Test
What is the first step of the Design Cycle?
Prototype a few solutions you come up with for the problem
Gain empathy and understanding for the group you are designing for
Define a specific problem to solve
Generate ideas for many potential solutions
Which of the following is not a strategy to help build empathy for your users?
Explain the correct solution to your user
Observe users and their behavior in the context of their lives
Engage with and interview users
Immerse yourself in the experience of your user
Why is it important to maintain a beginner's mindset while building empathy for your user?
It helps you avoid applying your own assumptions to a situation
It helps you design solutions for yourself, rather than your user group
It helps you understand the problem without having to interact with your user group
It helps you use your familiarity with a situation to solve a problem for your user group
What is the goal of the "define" step of the design cycle?
Come up with a list of all the problems that your users face
Use your findings from the empathy phase to decide if you are interested in the project still
Come up with some solutions for the problems you observed your user groups facing
Use your findings from the empathy phase to come up with one specific problem that needs to be solved for your users
Which of the following does not need to be included in a POV statement?
The user
Their needs
Potential solutions
Your insights
Which of the following is NOT good method for a group brainstorm?
Building on the ideas of others
One conversations at a time
Encourage wild ideas
Shoot down ideas that aren't considered good ideas
What is a prototype?
Anything physical that lets a user interact with your idea
A storyboard illustrating a step by step process
A mock-up of a website drawn on paper
An experience that a user goes through
Which of the following is NOT a good testing method?
Listen to the questions your user asks
Correct your user if they are using your prototype incorrectly
Take notes about how your user interacts with your prototype
Have your user constantly talk through their experiences
