Download PrepIQ NWCA Presentation Development and the Web Ultimate Exam and more Exams Technology in PDF only on Docsity!
Development and the Web
Ultimate Exam
Question 1. Which of the following best describes the purpose of audience analysis in professional presentation development? A) Selecting a font style B) Determining the length of the presentation C) Tailoring content to audience needs D) Choosing a venue Answer: C Explanation: Audience analysis identifies who will view the presentation, allowing the presenter to customize language, depth, and examples to suit that specific group. Question 2. In the PARC design framework, which principle refers to grouping related items together to reduce visual clutter? A) Proximity B) Alignment C) Repetition D) Contrast Answer: A Explanation: Proximity means that elements that are close to each other are perceived as related, helping users process information quickly. Question 3. Which HTTP status code indicates that the requested resource has been permanently moved to a new URL? A) 200 B) 301 C) 302 D) 404 Answer: B Explanation: A 301 status signals a permanent redirect, informing browsers and search engines to update the resource’s location.
Development and the Web
Ultimate Exam
Question 4. Which HTML element is most appropriate for marking up a navigation menu? A) B) C) D) Answer: B Explanation: The \ element semantically represents a block of navigation links, improving accessibility and SEO. Question 5. Which CSS selector targets all elements that have a class attribute containing the word “button”? A) .button B) #button C) [class~="button"] D) button Answer: C Explanation: The attribute selector [class~="button"] matches any element whose class list includes “button” among other classes. Question 6. In JavaScript, which keyword is used to declare a block-scoped variable that cannot be reassigned? A) var B) let C) const D) static Answer: C
Development and the Web
Ultimate Exam
Answer: B Explanation: Padding creates inner spacing between the element’s content and its border, part of the box model. Question 10. Which meta tag is most important for controlling how search engines index a page? A) B) C) D) Answer: D Explanation: The robots meta tag directs crawlers on whether to index, follow links, or archive the page. Question 11. In a presentation, what is the primary purpose of a “call to action” slide? A) Summarize data B) Provide background information C) Prompt the audience to take a specific next step D) List references Answer: C Explanation: A call to action explicitly tells the audience what you want them to do after the presentation, such as contacting sales or visiting a website. Question 12. Which of the following best describes a “relative URL”? A) Begins with “http://” or “https://” B) Points to a resource on a different domain C) Is defined in relation to the current document’s location D) Uses an IP address instead of a domain name
Development and the Web
Ultimate Exam
Answer: C Explanation: Relative URLs omit the scheme and domain, relying on the current document’s path to locate the target resource. Question 13. Which HTML5 element should be used to embed a video file that supports native playback controls? A) B) C) D) Answer: C Explanation: The \ element provides built-in controls, supports multiple source formats, and is semantically appropriate for video content. Question 14. Which JavaScript method adds a new element as the last child of a specified parent node? A) prepend() B) appendChild() C) insertBefore() D) replaceChild() Answer: B Explanation: appendChild() adds the supplied node to the end of the parent’s list of child nodes. Question 15. Which of the following is an example of a “breakpoint” in responsive web design? A) A CSS selector for B) A media query that applies styles when the viewport is 768 px wide or less C) A JavaScript function that toggles a menu
Development and the Web
Ultimate Exam
C) transition D) transform Answer: C Explanation: The transition shorthand defines the property, duration, timing function, and delay for smooth state changes. Question 19. Which HTML attribute is required to associate a \ element with a form control for accessibility? A) id B) name C) for D) placeholder Answer: C Explanation: The for attribute’s value must match the id of the associated form control, linking the label for screen readers and click activation. Question 20. Which of the following best explains the purpose of a “sitemap.xml” file? A) Defines the visual layout of a website B) Lists all image assets for caching C) Provides search engines with a structured list of URLs for indexing D) Stores user authentication data Answer: C Explanation: A sitemap.xml is an XML file that tells crawlers what pages exist, their priority, and update frequency, aiding SEO. Question 21. Which of the following is a legal consideration when using a stock photograph in a corporate presentation? A) Ensuring the image size is less than 500 KB
Development and the Web
Ultimate Exam
B) Adding a caption that describes the image content C) Verifying that the license permits commercial use and providing attribution if required D) Converting the image to grayscale Answer: C Explanation: Copyright law requires that the user respects the licensing terms, which may include commercial-use permission and attribution. Question 22. Which JavaScript event is most appropriate for validating a form field when the user leaves the input? A) click B) submit C) blur D) focus Answer: C Explanation: The blur event fires when an element loses focus, allowing validation after the user finishes typing. Question 23. In CSS Grid, which property defines the number and size of columns? A) grid-rows B) grid-template-columns C) grid-gap D) grid-auto-flow Answer: B Explanation: grid-template-columns specifies explicit column tracks, including repeat functions and fixed or flexible sizes. Question 24. Which of the following statements about IPv6 addresses is true?
Development and the Web
Ultimate Exam
A) Using HTML tags that describe the meaning of the content rather than its appearance B) Writing HTML in all uppercase letters C) Embedding CSS directly inside HTML elements D) Using only \ and \ for layout Answer: A Explanation: Semantic tags (e.g., , ) convey the purpose of the content, improving accessibility and SEO. Question 28. Which of the following is a primary advantage of using version control (e.g., Git) in web development projects? A) Automatically compresses images B) Enables tracking changes and collaborative editing C) Generates SEO meta tags D) Provides built-in code linting Answer: B Explanation: Version control records revisions, allows multiple contributors to work simultaneously, and facilitates rollback if needed. Question 29. Which CSS property would you use to ensure that text remains legible when a user zooms the page on a mobile device? A) font-size: 12px; B) font-size: 0.75em; C) font-size: 100%; D) font-size: 1rem; Answer: D Explanation: rem units are relative to the root element’s font size, scaling appropriately with user-controlled zoom settings.
Development and the Web
Ultimate Exam
Question 30. Which of the following is a key component of the WCAG 2. “Perceivable” principle? A) Provide text alternatives for non-text content B) Ensure keyboard operability C) Use consistent navigation across pages D) Offer multilingual support Answer: A Explanation: “Perceivable” requires that information be presented in ways users can perceive, including alt text for images and captions for video. Question 31. Which HTTP method is idempotent and typically used to retrieve data without causing side effects? A) POST B) GET C) PUT D) PATCH Answer: B Explanation: GET requests retrieve resources and can be repeated safely without altering server state, making them idempotent. Question 32. Which of the following best describes the purpose of a “wireframe” in the early stages of a web project? A) To define the final color palette B) To illustrate functional layout and content hierarchy without visual design details C) To test server performance under load D) To write JavaScript unit tests Answer: B Explanation: Wireframes are low-fidelity sketches that map out placement of elements and navigation flow, focusing on usability rather than aesthetics.
Development and the Web
Ultimate Exam
Question 36. Which JavaScript function is used to parse a JSON string into a JavaScript object? A) JSON.stringify() B) JSON.parse() C) eval() D) parseInt() Answer: B Explanation: JSON.parse() converts a JSON-formatted string into a native JavaScript object. Question 37. Which of the following best explains why using “absolute positioning” for most layout elements is discouraged in responsive design? A) It automatically scales images. B) It removes elements from the normal document flow, making adaptation to different screen sizes difficult. C) It improves page load speed. D) It enhances SEO. Answer: B Explanation: Absolutely positioned elements ignore surrounding content, causing layout breakage on varying viewport dimensions. Question 38. Which of the following is a recommended practice when embedding a YouTube video in a presentation for corporate use? A) Use the default “YouTube” branding in the player controls B) Enable autoplay to start the video automatically when the slide loads C) Use the “nocookie” embed URL to reduce tracking cookies D) Hide the video’s title and description Answer: C
Development and the Web
Ultimate Exam
Explanation: The “nocookie” domain (youtube-nocookie.com) limits third-party cookies, aligning with privacy policies. Question 39. Which of the following best describes a “meta description” in SEO? A) The title displayed in the browser tab B) A short summary that appears under the page title in search results C) The URL slug of the page D) A hidden comment for developers Answer: B Explanation: Meta descriptions provide concise summaries that search engines may display beneath the title, influencing click-through rates. Question 40. In a presentation, which of the following techniques is most effective for managing a Q&A session? A) Reading each question verbatim before answering B) Ignoring duplicate questions to save time C) Repeating the question to the entire audience before responding D) Providing a detailed answer regardless of time constraints Answer: C Explanation: Repeating the question ensures everyone hears it, clarifies context, and gives the presenter a moment to formulate a concise answer. Question 41. Which of the following CSS values creates a linear gradient that transitions from blue at the top to white at the bottom? A) background: gradient(blue, white); B) background: linear-gradient(to bottom, blue, white); C) background: radial-gradient(blue, white); D) background: conic-gradient(blue, white); Answer: B
Development and the Web
Ultimate Exam
D) Flexbox eliminates the need for media queries. Answer: B Explanation: Flexbox’s alignment properties (justify-content, align-items) simplify centering and distributing space both horizontally and vertically. Question 45. Which of the following is the most appropriate method for measuring the return on investment (ROI) of a digital presentation project? A) Counting the number of slides created B) Calculating (Net Profit – Cost of Project) ÷ Cost of Project × 100% C) Measuring the file size of the final presentation D) Surveying the presenter’s satisfaction level Answer: B Explanation: ROI quantifies financial return relative to the investment cost using the standard formula. Question 46. Which HTML attribute is used to specify the language of a document for accessibility and SEO? A) lang B) xml:lang C) charset D) meta Answer: A Explanation: The lang attribute on the \ tag declares the primary language, aiding screen readers and search engines. Question 47. Which of the following best explains the purpose of a “favicon” for a website? A) To provide a large banner image for the homepage B) To display a small icon in browser tabs and bookmarks, aiding brand recognition
Development and the Web
Ultimate Exam
C) To serve as a fallback image when CSS fails D) To improve server response time Answer: B Explanation: Favicons are tiny icons that appear in tabs, bookmarks, and address bars, helping users identify the site quickly. Question 48. Which of the following is a recommended practice when creating a handout to accompany a presentation? A) Include every slide verbatim to ensure completeness B) Summarize key points and provide space for notes C) Use dense paragraphs to maximize information density D) Print in black and white regardless of the slide colors Answer: B Explanation: Handouts that highlight main ideas and allow note-taking reinforce learning without overwhelming the reader. Question 49. Which of the following JavaScript data structures is best suited for storing a collection of unique values? A) Array B) Object C) Set D) Map Answer: C Explanation: A Set automatically enforces uniqueness of its elements, making it ideal for distinct collections. Question 50. Which of the following CSS techniques helps prevent “layout shift” caused by images loading slowly? A) Using the float property on images
Development and the Web
Ultimate Exam
A) order B) flex-direction C) align-self D) flex-wrap Answer: A Explanation: The order property assigns an integer to each flex item, determining its visual placement independent of source order. Question 54. Which of the following is a common security concern when embedding third-party scripts on a web page? A) Increased page load speed B) Cross-Site Scripting (XSS) vulnerabilities if the script is compromised C) Automatic SEO improvements D) Reduced bandwidth usage Answer: B Explanation: External scripts can be altered to inject malicious code, leading to XSS attacks if not properly vetted. Question 55. Which of the following best describes “ARIA” in the context of web accessibility? A) A CSS animation library B) A set of HTML attributes that define roles, states, and properties for assistive technologies C) A JavaScript framework for building single-page applications D) A server-side language for generating dynamic content Answer: B Explanation: Accessible Rich Internet Applications (ARIA) attributes enhance semantic meaning for users of screen readers and other assistive tools.
Development and the Web
Ultimate Exam
Question 56. Which of the following is the most appropriate way to indicate a required field in an HTML form? A) Adding an asterisk (*) in the label text only B) Using the required attribute on the input element C) Setting the background color to red D) Including a placeholder that says “required” Answer: B Explanation: The required attribute triggers native browser validation and informs assistive technologies that the field must be completed. Question 57. Which of the following HTTP response headers is used to control caching behavior of a web resource? A) Content-Type B) Set-Cookie C) Cache-Control D) Authorization Answer: C Explanation: Cache-Control directives (e.g., max-age, no-cache) tell browsers and intermediaries how to store and reuse the response. Question 58. Which of the following is a key characteristic of a “flat design” aesthetic in presentations? A) Heavy use of gradients and shadows B) Minimalist elements, solid colors, and simple typography C) 3-D icons and textures D) Complex background patterns Answer: B Explanation: Flat design emphasizes simplicity, using clean lines, solid colors, and minimal decorative effects.
