NEW
Font size
S
M
L
XL
WorksheetsWeb Design I Spring Final Review
Total questions: 60
Worksheet time: 30mins
Name
Class
Date
1.
What is the benefit of saving images as PNG in Photoshop for web use?
a)
Ability to use transparency
b)
Faster loading times
c)
Smaller file size than JPEG
d)
Highest quality for photographs
2.
What Photoshop tool is commonly used to select specific parts of an image?
a)
Magic Wand tool
b)
Move tool
c)
Zoom tool
d)
Brush tool
3.
Why is it important to optimize images in Photoshop for web use?
a)
To improve website loading speed
b)
to increase file size
c)
To change their dimensions
d)
To make images editable in HTML
4.
Which file format should you use to save high-quality images with small file sizes for the web?
a)
JPEG
b)
BMP
c)
PSD
d)
GIF
5.
What is the advantage of using Photoshop layers in web design?
a)
They allow you to work on individual elements separately
b)
They are only for photo editing
c)
They reduce the file size of your project
d)
They automatically create HTML code
6.
What Photoshop tool is used to resize or scale an image?
a)
Transform tool
b)
Lasso tool
c)
Gradient Tool
d)
Crop tool
7.
Why would you use a grid or guides in Photoshop when designing for the web?
a)
To align elements precisely
b)
To reduce the file size
c)
To convert designs into code
d)
To make images brighter
8.
What does JavaScript allow you to do on a webpage?
a)
Make the page interactive
b)
Style the page
c)
Create databases
d)
None of these
9.
What is the correct way to write a comment in JavaScript?
a)
Both B and C
b)
A. <!--This is a comment-->
c)
B. // This is a comment
d)
C. /*This is a comment*/
10.
How do you declare a variable in JavaScript?
a)
Both A and C
b)
A. var myVariable
c)
B. variable myVariable
d)
C. let myVariable
11.
What is the output of console.log(2 + 3);?
a)
5
b)
undefined
c)
23
d)
2+3
12.
Which symbol is used for assignment in JavaScript?
a)
==
b)
=>
c)
===
d)
=
13.
Which of the following is a valid string in JavaScript?
a)
Both A and B
b)
A. "Hello, world!"
c)
B. 'Hello, world!'
d)
C. Hello, world!
14.
What is the correct way to start a function in JavaScript?
a)
function myFunction() {}
b)
function = myFunction{}
c)
function: myFunction() {}
d)
function myFunction {}
15.
Which keyword is used to create a block of reusable code?
a)
function
b)
const
c)
let
d)
if
16.
What is the result of the following code: console.log("5" + 5);?
a)
55
b)
10
c)
NaN
d)
Error
17.
What is the purpose of the let keyword in JavaScript?
a)
To create a variable that can be changed later
b)
To display output in the console
c)
To create a variable whose value cannot be changed
d)
To create a function
18.
What does the <meta name="viewport" content="width=device-width, initial-scale=1.0"> tag do?
a)
Makes the webpage responsive
b)
Adds color to the page
c)
Changes font size
d)
Makes text bold
19.
Which HTML element is used to create a container for responsive content?
a)
<div>
b)
<span>
c)
<container>
d)
<box>
20.
Which attribute is used in an <img> tag to make images responsive?
a)
width or height
b)
src
c)
style
d)
alt
21.
What does the <figure> tag do in HTML?
a)
Groups related media and captions
b)
Displays mathematical formulas
c)
Highlights text
d)
None of these
22.
Which tag is best for creating navigation links?
a)
<nav>
b)
<ul>
c)
<header>
d)
<footer>
23.
What is the purpose of media queries?
a)
To change styles based on screen size
b)
To create forms
c)
To style images
d)
To add animations
24.
Which of these is a correct media query?
a)
@media screen and (max-width: 600px){}
b)
@media screen {max-width: 600px}
c)
@media(max-width: 600px){}
d)
media-query (max-width: 600px) {}
25.
What is the default display property of a <div>?
a)
block
b)
flex
c)
inline
d)
none
26.
Which unit is best for setting responsive font sizes?
a)
rem
b)
px
c)
cm
d)
pt
27.
What property is used to create space outside of an element’s border?
a)
margin
b)
border-spacing
c)
padding
d)
outline
28.
What is the purpose of the flex property in CSS?
a)
To align items in a flexible container
b)
To change text color
c)
To create responsive forms
d)
None of these
29.
Which property controls the width of an element?
a)
width
b)
height
c)
flex-grow
d)
max-width
30.
What does max-width: 100%; do for an image?
a)
Ensures it fits within its parent container
b)
Crops the image
c)
Stretches the image
d)
Makes it always display full size
31.
How do you make a flex container wrap its items?
a)
flex-wrap: wrap;
b)
align-items: wrap;
c)
flex-grow: wrap;
d)
wrap-items: true;
32.
What does overflow: auto; do?
a)
Adds scrollbars if content overflows
b)
Makes the content responsive
c)
Automatically hides the content
d)
Removes the overflowing content
33.
What property is used to center text?
a)
text-align: center;
b)
align-center
c)
text-center
d)
margin: auto;
34.
What is the purpose of the position: relative; property?
a)
To position an element relative to its normal position
b)
To make the element responsive
c)
To fix the element on the screen
d)
None of these
35.
What is the purpose of the <link> tag in HTML?
a)
To link to external CSS files
b)
To create a table
c)
To add JavaScript
d)
To display images
36.
Which CSS property is used to make a grid layout?
a)
grid-template-columns
b)
grid-spacing
c)
grid-format
d)
grid-align
37.
How can you ensure a webpage adjusts correctly for different screen sizes?
a)
Use percentages and media queries
b)
Use fixed widths
c)
Use only px units
d)
Use only <div> tags
38.
What is the purpose of the float property in CSS?
a)
To position an element to the left or right of its container
b)
To make an element move on the page
c)
To add animations
d)
To center an element
39.
What does it mean that WordPress is open source?
a)
Anyone can inspect and modify its source code
b)
Only people with special permission can access the source code
c)
Subscribers can modify portions of the source code
40.
How can you add your logo to a header on your WordPress site?
a)
Select the Edit pencil icon, search for your site logo, and then choose your logo
b)
Select Appearance > Editor > Theme Parts, and then choose your logo
c)
Select Appearance > Customize > Site Identity, and then choose your logo
41.
Navrin needs to add a new post to his website. How should he do this?
a)
Posts > Add New
b)
Pages > Add New
c)
(+ New > Media)
42.
How are categories different than tags for posts in WordPress?
a)
Categories are hierarchical, while tags are not
b)
Categories are optional, while tags are not
c)
Categories are for specific topics, while tags are for broad ones
43.
How should you begin adding a featured image to a post from the Edit screen?
a)
Select Set featured image under Featured image in the right sidebar.
b)
Select Replace Image, choose your image, and then select Post image.
c)
Select Preview in the upper right and then select Preview in a new tab.
44.
What is not an accepted file type for your WordPress media library?
a)
.txt
b)
.jpg
c)
.pdf
d)
.mp4
45.
What is a WordPress theme?
a)
A design template for your website
b)
A type of page layout
c)
A plugin to add functionality
d)
A backup system for WordPress
46.
How can you install a new theme in WordPress?
a)
From the Appearance > Themes menu
b)
Using the Plugins menu
c)
By editing CSS files manually
d)
From the Theme Customizer only
47.
What happens if you switch your WordPress theme?
a)
Your content will remain, but the design will change
b)
All your content will be deleted
c)
Your plugins will stop working
d)
You cannot switch themes once set
48.
What is a WordPress plugin?
a)
A software add-on that extends functionality
b)
A tool for editing your site’s design
c)
A way to back up your website
d)
A block editor feature
49.
What is the primary use of WordPress pages?
a)
To create static content like About or Contact pages
b)
To manage plugins
c)
To customize themes
d)
To create blog posts
50.
What is the primary difference between a post and a page in WordPress?
a)
Pages are static, and posts are dynamic and time-sensitive
b)
Pages are used for SEO, and posts are not
c)
Posts can only be edited by administrators
d)
Posts require plugins to function
51.
How can you organize posts in WordPress?
a)
With categories and tags
b)
Through the Customizer
c)
By adding them to pages
d)
Using themes
52.
Where can you schedule a post to be published later?
a)
In the post editor under Publish settings
b)
On the Posts page
c)
Using the Media Library
d)
In the Customizer
53.
What is the Featured Image in WordPress used for?
a)
Displaying a primary image for a post or page
b)
Adding an image to the footer
c)
Creating an image gallery
d)
Adding an image header to your website
54.
What happens if you delete a file from the Media Library?
a)
The file is permanently deleted and removed from posts
b)
The file becomes inaccessible to new users but remains in use
c)
The file remains in posts where it is used
d)
The file is backed up automatically
55.
What is the Table block used for?
a)
Adding data tables to a post or page
b)
Embedding videos in rows
c)
Creating multi-column layouts
d)
Styling lists with icons
56.
What does the Gallery block allow you to do?
a)
Create a grid of multiple images
b)
Embed a video
c)
Display a single image
d)
Add captions to paragraphs
57.
How can you deactivate a plugin in WordPress?
a)
Go to Plugins > Installed Plugins and click "Deactivate"
b)
Disable it in the block editor
c)
Delete it from the Media Library
d)
Remove it from the Appearance menu
58.
What is a widget in WordPress?
a)
A small block of content that can be added to sidebars or other widget areas
b)
A design template for your website
c)
A code snippet for customizing themes
d)
A type of plugin used for SEO
59.
What is the purpose of the "Heading" block in the block editor?
a)
To format text with different heading levels (H1, H2, etc.)
b)
To display text in a single paragraph
c)
To add images to posts
d)
To insert links to other pages
60.
How can you add a hyperlink to text in a Paragraph block?
a)
Select the text and click the link icon in the block toolbar
b)
Add a new Link block
c)
Edit the HTML code of the block
d)
Use the Embed block
Reset
