Which two of the following are primary goals of "Impressive Web Design"?
a) Solely to make the website look visually appealing.
b) To create a seamless and intuitive User Experience (UX).
c) To ensure the website is accessible to users with disabilities.
d) To use as many animations as possible.
Answers: b) To create a seamless and intuitive User Experience (UX), c) To ensure the website is accessible to users with disabilities.

For a call-to-action button to be effective, it should have which two characteristics?
a) Be placed in an illogical location to create surprise.
b) Use high contrast colors to stand out from the background.
c) Have clear, action-oriented text (e.g., "Sign Up Free").
d) Be a similar color to the background to be subtle.
Answers: b) Use high contrast colors to stand out from the background, c) Have clear, action-oriented text (e.g., "Sign Up Free").

Which two strategies are essential for creating a responsive navigation menu on mobile devices?
a) Always displaying the full horizontal menu.
b) Implementing a collapsible "hamburger" menu.
c) Using large, easy-to-tap buttons or links.
d) Requiring a double-click to open menu items.
Answers: b) Implementing a collapsible "hamburger" menu, c) Using large, easy-to-tap buttons or links.

Select the two correct statements about visual hierarchy in web design.
a) It guides the user's eye to the most important information first.
b) It is achieved by making all text the same size and color.
c) Larger fonts, bold colors, and strategic placement create hierarchy.
d) It is unimportant for user engagement.
Answers: a) It guides the user's eye to the most important information first, c) Larger fonts, bold colors, and strategic placement create hierarchy.

Which two file formats are most suitable for photographs on the web while maintaining quality?
a) .svg
b) .jpg or .jpeg
c) .png
d) .webp
Answers: b) .jpg or .jpeg, d) .webp

Identify two key benefits of using a CSS preprocessor like SASS or LESS.
a) They allow the use of variables for colors and fonts.
b) They eliminate the need for writing any HTML.
c) They enable nested rules, making CSS more organized.
d) They execute directly in the browser without compilation.
Answers: a) They allow the use of variables for colors and fonts, c) They enable nested rules, making CSS more organized.

Which two actions improve a website's Search Engine Optimization (SEO)?
a) Using meaningful <title> and <meta description> tags.
b) Writing descriptive alt text for images.
c) Hiding keywords in the background color of the page.
d) Using only images for all text content.
Answers: a) Using meaningful <title> and <meta description> tags, b) Writing descriptive alt text for images.

For optimal readability, which two typography principles should be followed?
a) Using a very fancy, decorative font for body text.
b) Ensuring sufficient contrast between text and background colors.
c) Limiting the number of different fonts used on a page (2-3 max).
d) Justifying all text blocks to create uneven word spacing.
Answers: b) Ensuring sufficient contrast between text and background colors, c) Limiting the number of different fonts used on a page (2-3 max).

Which two of the following are considered best practices for web form design?
a) Grouping related fields together logically.
b) Making the form as long as possible to gather maximum data.
c) Clearly marking which fields are required.
d) Providing vague error messages like "Error occurred."
Answers: a) Grouping related fields together logically, c) Clearly marking which fields are required.

Which two techniques are part of modern CSS layout systems (Flexbox/Grid)?
a) Using HTML tables for the entire page layout.
b) Creating flexible layouts that adapt to different screen sizes.
c) Easily aligning elements both horizontally and vertically.
d) Relying heavily on the float property for complex layouts.
Answers: b) Creating flexible layouts that adapt to different screen sizes, c) Easily aligning elements both horizontally and vertically.

Select the two correct statements about the CSS display property.
a) display: inline-block; allows an element to have a width and height like a block element but flow like an inline element.
b) display: none; removes an element from the document flow and hides it.
c) display: hidden; is the correct property for hiding an element.
d) display: block; elements do not start on a new line.
Answers: a) display: inline-block; allows an element to have a width and height like a block element but flow like an inline element, b) display: none; removes an element from the document flow and hides it.

Which two of the following are important for website security?
a) Using https:// to encrypt data transmitted between the user and server.
b) Validating and sanitizing all user input on the server-side.
c) Storing passwords in plain text in the database.
d) Making all backend code publicly visible in the HTML.
Answers: a) Using https:// to encrypt data transmitted between the user and server, b) Validating and sanitizing all user input on the server-side.

When optimizing website performance, which two are effective strategies?
a) Using uncompressed, high-resolution images directly from a camera.
b) Minifying CSS and JavaScript files to reduce their file size.
c) Loading all resources, including those below the fold, with high priority.
d) Leveraging browser caching for static assets.
Answers: b) Minifying CSS and JavaScript files to reduce their file size, d) Leveraging browser caching for static assets.

Which two JavaScript concepts are fundamental to making web pages dynamic and interactive?
a) XML sitemaps
b) Event handling (e.g., click, submit events)
c) Manipulating the DOM (Document Object Model)
d) Writing inline CSS styles
Answers: b) Event handling (e.g., click, submit events), c) Manipulating the DOM (Document Object Model)

Identify two advantages of using semantic HTML5 tags (like <article>, <nav>, <footer>).
a) They provide no meaningful information over <div> tags.
b) They improve accessibility for screen readers.
c) They make the HTML code easier to read and maintain.
d) They automatically apply complex styling.
Answers: b) They improve accessibility for screen readers, c) They make the HTML code easier to read and maintain.

Which two of the following are common steps in a professional web design workflow?
a) Immediately starting to code without a plan.
b) Creating wireframes and mockups.
c) Gathering requirements and defining the target audience.
d) Skipping testing on different browsers and devices.
Answers: b) Creating wireframes and mockups, c) Gathering requirements and defining the target audience.

Select the two correct methods for including CSS in an HTML document.
a) Using the <script> tag.
b) Using an external file linked with the <link> tag in the <head>.
c) Using inline styles with the style attribute.
d) Using the <css> tag.
Answers: b) Using an external file linked with the <link> tag in the <head>, c) Using inline styles with the style attribute.

Which two Git commands are used to save your work to a local repository?
a) git push
b) git commit
c) git add
d) git pull
Answers: b) git commit, c) git add

Which two principles are key to the "Mobile-First" design approach?
a) Designing the complex desktop version first, then simplifying for mobile.
b) Starting the design process for the smallest screen size first.
c) Using media queries to add complexity for larger screens.
d) Ignoring mobile users entirely.
Answers: b) Starting the design process for the smallest screen size first, c) Using media queries to add complexity for larger screens.

For effective color scheme design, which two tools/concepts are useful?
a) Choosing colors completely at random.
b) Using a color wheel to find complementary or analogous colors.
c) Ensuring text has sufficient color contrast for readability.
d) Using a very wide and varied palette of 10+ primary colors.
Answers: b) Using a color wheel to find complementary or analogous colors, c) Ensuring text has sufficient color contrast for readability.

Which two of the following are true about Web Accessibility (a11y)?
a) It only benefits a very small minority of users.
b) Providing keyboard navigation is an important aspect.
c) It is a legal requirement in many regions.
d) It makes websites less usable for everyone else.
Answers: b) Providing keyboard navigation is an important aspect, c) It is a legal requirement in many regions.

Identify two characteristics of a well-designed logo or branding element.
a) It should be extremely complex and detailed.
b) It should be scalable and recognizable at different sizes.
c) It should be relevant to the company's identity.
d) It must be animated.
Answers: b) It should be scalable and recognizable at different sizes, c) It should be relevant to the company's identity.

Which two HTTP status codes indicate a client-side error?
a) 200 OK
b) 404 Not Found
c) 500 Internal Server Error
d) 403 Forbidden
Answers: b) 404 Not Found, d) 403 Forbidden

Select the two correct statements about the box-shadow property.
a) It can create a sense of depth for elements.
b) Its values can include horizontal offset, vertical offset, blur, spread, and color.
c) It affects the size of the element's content box.
d) It is only used for text elements.
Answers: a) It can create a sense of depth for elements, b) Its values can include horizontal offset, vertical offset, blur, spread, and color.

Which two of the following are important for maintaining a consistent brand identity across a website?
a) Using a consistent color palette and typography.
b) Changing the logo design on every page.
c) Maintaining a uniform style for buttons and other UI elements.
d) Allowing each page to have a completely different layout structure.
Answers: a) Using a consistent color palette and typography, c) Maintaining a uniform style for buttons and other UI elements.