Web Design Course Practice Questions | Generated by AI

Home 2025.11

Here are 30 multiple-choice questions based on the Web Design and Production (14352) course outline. They cover all chapters proportionally and match the style of the National Self-Study Examination.

  1. Which protocol is primarily used for secure transmission of web pages? A) FTP B) HTTP C) HTTPS D) SMTP

  2. A website that does not require server-side processing for content changes is called: A) Dynamic website B) Static website C) Progressive Web App D) Portal website

  3. In website planning, the document that describes goals, target users, site structure, and timeline is known as: A) Site Map B) Wireframe C) Website Proposal (策划书) D) Functional Specification

  4. Which of the following is NOT a principle of good navigation design? A) Consistency across pages B) Maximum 3-click rule C) Using more than 10 items in main menu D) Clear labeling

  5. The correct basic structure of an HTML5 document must include which tag for semantic header? A) <head> B) <header> C) D)

  6. Which HTML tag is used to embed video in HTML5? A) B)

  7. In the DOM tree, the <body> element is typically a child of which element? A) <html> B) <head> C) D) <meta />

  8. Which CSS property controls the space between the content and the border of an element? A) margin B) padding C) border-spacing D) outline

  9. Which selector has the highest specificity? A) .header B) div C) #nav D) header

  10. To make a layout responsive on mobile devices, which CSS feature is most commonly used? A) @import B) @media queries C) @font-face D) @keyframes

  11. Which layout technique uses “display: flex” as its core property? A) Float layout B) Grid layout C) Flexbox layout D) Absolute positioning

  12. Which attribute must be added to an tag to meet accessibility requirements? A) title B) alt C) longdesc D) src

  13. In JavaScript, which event is triggered when a user clicks a button? A) onsubmit B) onchange C) onclick D) onfocus

  14. Dreamweaver’s “Live View” is primarily used for: A) Writing server-side code B) Previewing how the page looks in a browser C) Directly editing CSS rules D) Uploading files via FTP

  15. Which file transfer method is most commonly used to upload website files to a web server? A) HTTP B) SMTP C) FTP D) SSH

  16. Which tool is provided by Google to test website loading speed and performance? A) Google Analytics B) Google Search Console C) Google PageSpeed Insights D) Google Lighthouse

  17. The process of making a website adapt automatically to different screen sizes is called: A) Adaptive design B) Responsive design C) Mobile-first design D) Fluid design

  18. Which of the following is a Progressive Web App (PWA) feature? A) Requires constant internet connection B) Can be installed on the device home screen C) Only works in Chrome browser D) Cannot use HTTPS

  19. Adding “https://” and an SSL certificate primarily improves website: A) Loading speed B) Search ranking only C) Security and trust D) Design aesthetics

  20. Which tag is the proper HTML5 semantic replacement for <div id="footer">? A) B) C) <footer> D)

  21. In CSS Grid, the property that defines the number and size of columns is: A) grid-template-rows B) grid-template-columns C) grid-gap D) grid-area

  22. To center a block element horizontally in modern CSS, the most common method is: A) text-align: center B) margin: 0 auto C) float: center D) position: absolute with left: 50%

  23. Which of the following is NOT a valid value for the “position” property? A) static B) relative C) fixed D) center

  24. The main purpose of using “meta viewport” tag in the <head> section is: A) Improve SEO B) Control layout on mobile browsers C) Set character encoding D) Define page author

  25. In website testing, “cross-browser compatibility” means the site should work properly on: A) Only Internet Explorer B) Multiple browsers and versions C) Only mobile browsers D) Only the latest Chrome

  26. Which of the following file formats supports transparency and animation? A) JPG B) PNG C) GIF D) Both B and C

  27. For basic SEO, which HTML element is most important for search engines? A) B) C) <h1> D) All of the above

  28. When using Dreamweaver, “Template” feature is mainly used for: A) Creating reusable page layouts B) Writing JavaScript C) Managing database connections D) Compressing images

  29. In the practical exam, candidates are usually required to submit their website files via: A) Email attachment B) Cloud link C) USB disk or CD with candidate number D) Online upload platform

  30. Which of the following is considered the most important trend in modern web design emphasized in recent years? A) Flash animations B) Fixed-width layouts C) Responsive and mobile-first design D) Table-based layouts

Back Donate