wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Web Design Standard 2 - Web Development Fundamentals Quiz

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Given a web page layout with a header, sidebar, main content, and footer, which tag would you use to mark the sidebar?

a)

<main>

b)

<aside>

c)

<header>

d)

<footer>

2.

You are tasked with creating a web page that meets W3C standards. Which of the following actions best demonstrates your understanding of these standards?

a)

Using inline styles for all elements

b)

Separating CSS into an external stylesheet

c)

Using deprecated HTML tags

d)

Ignoring semantic HTML elements

3.

Which of the following best describes the purpose of validating a website using online tools?

a)

To increase the website’s loading speed

b)

To ensure the website follows web standards and is free of code errors

c)

To improve the website’s color scheme

d)

To add more images to the website

4.

You are given the following JavaScript code snippet: ```javascript let numbers = [1, 2, 3, 4, 5]; for(let i = 0; i < numbers.length; i++) { if(numbers[i] % 2 === 0) { console.log(numbers[i]); } } ``` What is the output of this code?

a)

1, 3, 5

b)

2, 4

c)

1, 2, 3, 4, 5

d)

5, 4, 3, 2, 1

5.

A web developer needs to choose between client-side and server-side validation for a form. Which scenario best illustrates when server-side validation is necessary?

a)

When you want to check if a field is empty before submitting the form

b)

When you need to verify if a username already exists in the database

c)

When you want to change the color of a button on click

d)

When you want to display a popup message after form submission

6.

You are planning a website project. How would you ensure your HTML and CSS code meets W3C standards before uploading it to your online career portfolio?

a)

Use only inline styles for all elements

b)

Validate your code using the W3C Markup and CSS Validation Services

c)

Avoid using any CSS at all

d)

Only test your website in one browser

7.

A client wants a color scheme for their website that is easy to adjust for both print and digital formats. Which color formatting model should you recommend and why?

a)

RGB, because it is used for print materials

b)

CMYK, because it is best for digital screens

c)

HSL, because it allows for easy adjustment of hue, saturation, and lightness

d)

CMYK, because it is best for print and allows for precise color control

8.

You are designing a navigation bar with drop-down menus. Which combination of HTML and CSS techniques would best achieve this while adhering to W3C standards?

a)

Use `

` elements for layout and inline styles for drop-downs.

b)

Use semantic `

c)

Use only `

` elements and internal CSS.

d)

Use deprecated tags like `` for styling.

9.

A user reports that your website looks different in various browsers. What strategic steps should you take to address this issue while maintaining W3C compliance?

a)

Ignore the issue since it works in your browser

b)

Use browser-specific code hacks

c)

Validate your HTML and CSS, and test your site in multiple browsers to ensure cross-browser compatibility

d)

Remove all CSS to make the site look the same everywhere

10.

What is JavaScript primarily used for in web development?

a)

Server-side scripting

b)

Database management

c)

Front-end development

d)

Operating system development