Web Design Fundamentals

• A. To style web pages
• B. To structure the content of web pages ✓
• C. To make web pages interactive
• D. To control the layout of web pages

Why: HTML stands for HyperText Markup Language and is used to structure the content of web pages.

• A. <paragraph>
• B. <h1> ✓
• C. <style>
• D. <link>

Why: <h1> is a valid heading tag in HTML, used for the main heading of a webpage.

• A. Computer Style Sheets
• B. Cascading Style Sheets ✓
• C. Colorful Style Sheets
• D. Creative Style Sheets

Why: CSS stands for Cascading Style Sheets, which is used to style and layout web pages.

• A. <title> ✓
• B. <header>
• C. <meta>
• D. <caption>

Why: The <title> tag is used to define the title of a webpage, which appears in the browser tab.

• A. <style href="style.css">
• B. <link rel="stylesheet" href="style.css"> ✓
• C. <css href="style.css">
• D. <connect href="style.css">

Why: The correct syntax for linking an external CSS file is <link rel="stylesheet" href="style.css">.

• A. HyperText Markup Language ✓
• B. HyperText Machine Language
• C. High Technology Markup Language
• D. HyperText Marking Language

Why: HTML stands for HyperText Markup Language, which is the standard language for creating web pages.

• A. <head>
• B. <body>
• C. <html> ✓
• D. <root>

Why: The <html> tag is used to define the root of an HTML document, enclosing all other elements.

• A. <p> This is a paragraph. </p> ✓
• B. <paragraph> This is a paragraph. </paragraph>
• C. <p> This is a paragraph.
• D. <p>This is a paragraph.

Why: The correct way to write a paragraph in HTML is using the <p> tag, and it should be properly closed with </p>.

• A. href ✓
• B. src
• C. link
• D. url

Why: The href attribute is used in HTML to specify the URL of a linked document, such as in anchor tags (<a>).

• A. To define the main heading of the webpage
• B. To provide a title for the webpage that appears in the browser tab ✓
• C. To define the structure of the webpage
• D. To link external resources

Why: The <title> tag is used to provide a title for the webpage that appears in the browser tab, helping users identify the page.

• A. Cascading Style Sheets ✓
• B. Colorful Style Sheets
• C. Creative Style Sheets
• D. Computer Style Sheets

Why: CSS stands for Cascading Style Sheets, which is used to describe the look and formatting of a document written in HTML.

• A. <style>
• B. <link> ✓
• C. <script>
• D. <css>

Why: The <link> tag is used to link an external CSS file to an HTML document.

• A. font-color
• B. text-color
• C. color ✓
• D. text-style

Why: The 'color' property is used to change the text color in CSS.

• A. selector { property: value; } ✓
• B. { selector: property: value; }
• C. selector property: value;
• D. property: value; selector

Why: The correct syntax for a CSS rule is 'selector { property: value; }'.

• A. .class
• B. #id
• C. element
• D. All of the above ✓

Why: All of the above are valid CSS selectors: '.class' for classes, '#id' for IDs, and 'element' for element selectors.

• A. To make websites look the same on all devices
• B. To ensure websites adapt to different screen sizes ✓
• C. To increase website loading speed
• D. To improve website SEO

Why: Responsive design ensures that websites adapt to different screen sizes, providing an optimal viewing experience across devices.

• A. font-size
• B. position
• C. flexbox ✓
• D. color

Why: Flexbox is a CSS property used to create responsive layouts by allowing elements to flex and adjust based on available space.

• A. To change the font color based on user preferences
• B. To apply different styles based on device characteristics ✓
• C. To animate elements on a webpage
• D. To hide elements on mobile devices

Why: Media queries in CSS are used to apply different styles based on device characteristics, such as screen size or resolution.

• A. <meta name="viewport" content="width=device-width, initial-scale=1.0"> ✓
• B. <meta name="viewport" content="width=1024, initial-scale=1.0">
• C. <meta name="viewport" content="width=800, initial-scale=1.0">
• D. <meta name="viewport" content="width=500, initial-scale=1.0">

Why: The viewport meta tag <meta name="viewport" content="width=device-width, initial-scale=1.0"> is commonly used in responsive design to ensure proper scaling on different devices.

• A. It reduces the need for mobile apps
• B. It improves user experience on all devices ✓
• C. It increases website loading time
• D. It limits the number of visitors to a website

Why: A major benefit of using responsive design is that it improves user experience on all devices by ensuring the website is accessible and functional across different screen sizes.

• A. To make web pages look visually appealing
• B. To enhance readability and communication of content ✓
• C. To increase website loading speed
• D. To improve website navigation

Why: Web typography primarily focuses on how text is displayed on a website to ensure it is easy to read and effectively communicates the intended message.

• A. .doc
• B. .ttf ✓
• C. .xls
• D. .ppt

Why: TrueType Font (.ttf) is a common font format used on the web for displaying text.

• A. The size of the text
• B. The style of the text (e.g., bold, italic)
• C. The typeface or font used for the text ✓
• D. The color of the text

Why: The 'font-family' property in CSS defines the typeface or font used for the text on a web page.

• A. Arial
• B. Comic Sans MS
• C. Times New Roman
• D. All of the above ✓

Why: Arial, Comic Sans MS, and Times New Roman are all system fonts that are typically available on most operating systems.

• A. To increase the size of the text
• B. To ensure the text is displayed even if the preferred font is not available ✓
• C. To change the color of the text
• D. To make the text italic

Why: A fallback font is used in 'font-family' to ensure that the text is still displayed in a readable format if the preferred font is not available on the user's system.

• A. To make the website look more complex
• B. To create visual harmony and improve readability ✓
• C. To increase the file size of the website
• D. To make the website harder to navigate

Why: A well-chosen color scheme enhances the user experience by ensuring visual elements are cohesive and easy to read.

• A. RGB ✓
• B. XYZ
• C. LMN
• D. OPQ

Why: RGB (Red, Green, Blue) is a widely used color model in web design for digital displays.

• A. To make text invisible
• B. To improve readability and focus ✓
• C. To reduce the use of colors
• D. To make the layout more confusing

Why: Contrast helps in making text and elements stand out, which improves readability and user focus.

• A. Float layout
• B. Grid layout ✓
• C. Flexbox layout
• D. Absolute positioning

Why: Grid layout is a technique that divides the page into a structured grid of rows and columns for better alignment and organization.

• A. To make the website slower
• B. To ensure the website looks good on all devices ✓
• C. To increase the number of errors in the code
• D. To make the website less accessible

Why: A responsive layout ensures that the website adapts to different screen sizes, providing a good user experience on all devices.

• A. To make a website look visually appealing
• B. To create a product that is easy to use and provides value to the user ✓
• C. To increase the number of advertisements on a website
• D. To make the website load as quickly as possible

Why: The primary goal of UX design is to ensure that the product is user-friendly, accessible, and provides value to the user.

• A. Designing for the designer's preferences
• B. Ignoring user feedback during the design process
• C. Involving users in the design and testing process ✓
• D. Creating a design that is complex and challenging for users

Why: Involving users in the design and testing process is a key principle of user-centered design, as it ensures the product meets their needs.

• A. The speed at which a website loads
• B. The ability of users to achieve their goals efficiently and effectively ✓
• C. The number of features available on a website
• D. The visual appeal of a website's layout

Why: Usability refers to how easily and effectively users can achieve their goals on a website.

• A. Using unclear navigation menus
• B. Providing clear and consistent labeling for buttons and links ✓
• C. Making the website difficult to navigate intentionally
• D. Ignoring user feedback after the website is launched

Why: Providing clear and consistent labeling helps users understand and interact with the website more easily.

• A. To represent the designer's preferences
• B. To identify and understand the target audience ✓
• C. To increase the number of website visitors
• D. To make the website visually unique

Why: User personas are used to represent and understand the target audience, helping designers create experiences that meet their needs.