Here are 50 additional high-quality exam practice questions specifically tailored to the “Web Design and Production” (14352 网页设计与网站建设) self-study exam, based on the official syllabus and textbook (Fang Qigui, 2021 edition). They are divided by chapter and question type to match the real exam pattern.
Chapter 1: Introduction to Web Technologies (基础知识)
Multiple-choice: The protocol responsible for secure web page transmission is called ___.
A. FTP B. HTTP C. HTTPS D. SMTP
Short answer: Briefly explain the difference between a static website and a dynamic website (give one example each).
Multiple-choice: Which of the following is NOT a mainstream web browser in 2025?
A. Chrome B. Edge C. Internet Explorer D. Firefox
Chapter 2: Website Planning and Design Principles
Short answer: List the four main parts that must be included in a complete website proposal (网站策划书).
Multiple-choice: The most commonly used navigation structure for medium-to-large websites is:
A. Linear B. Hierarchical C. Full mesh D. Star
Essay: Why is it important to conduct target audience analysis before designing a website? (6 points)
Short answer: What are the three core principles of visual design in web pages? (color, layout, typography)
Chapter 3: HTML Fundamentals
Multiple-choice: Which HTML5 semantic tag should be used to represent the main navigation area of a page?
A. <header> B. <nav> C. <section> D. <aside>
Fill-in-the-blank: The correct way to embed a video that supports multiple formats is to use the __ tag and provide multiple elements.
Short answer: Write the complete HTML code to create a hyperlink that opens in a new window and points to https://www.tsinghua.edu.cn.
Error correction: Find and correct the error in the following code: <img src="logo.png" alt="Company Logo"> (missing closing tag or width/height in old exam style)
Chapter 4: CSS Styling and Layout
Multiple-choice: Which property is used to make a flex container arrange items in a row on large screens and column on small screens?
A. flex-direction B. flex-wrap C. media query D. grid-template
Short answer: Write a media query that applies styles only when the screen width is 768px or smaller.
Multiple-choice: In the CSS box model, which property defines the space between the border and the content?
A. margin B. padding C. border D. outline
Practical (theory): Write CSS code using Flexbox to center a div both horizontally and vertically on the page.
Chapter 5: Multimedia and Interactive Elements
Short answer: Why must every tag have an alt attribute? Explain its role in accessibility.
Multiple-choice: Which JavaScript event is triggered when a user clicks a button?
A. onmouseover B. onchange C. onclick D. onsubmit
Short answer: Write a simple JavaScript form validation that checks whether the input box is empty when the form is submitted.
Chapter 6: Website Construction and Tools
Multiple-choice: In Adobe Dreamweaver, the panel used to manage files and folders of the entire site is called ___.
A. Properties B. Files C. Insert D. CSS Designer
Short answer: List three advantages of using templates (.dwt) in Dreamweaver when building multi-page websites.
Essay: Describe the complete workflow of creating a website using Dreamweaver from site definition to final upload (8–10 points).
Chapter 7: Testing, Deployment, and Maintenance
Multiple-choice: The most common tool/protocol for uploading website files to a server is:
A. HTTP B. FTP C. SSH D. SMTP
Short answer: Name four common items that must be checked during website compatibility testing.
Short answer: Explain what an SSL certificate is and why HTTPS is mandatory for modern commercial websites.
Multiple-choice: Which Google tool is most commonly used to test page loading speed?
A. Analytics B. Search Console C. PageSpeed Insights D. Lighthouse
Chapter 8: Advanced Topics and Case Studies
Short answer: What are the three core features of a Progressive Web App (PWA)?
Essay: Taking JD.com or Taobao as an example, analyze how responsive design is implemented on desktop and mobile (8 points).
Multiple-choice: Which of the following meta tags is most important for mobile responsiveness?
A.
B.
Comprehensive / Mixed Questions
29–35. Multiple-choice (7 questions covering all chapters, typical exam style)
36–40. Short answer (5 questions, 6–8 points each)
41–43. Design/coding questions (write HTML + CSS code for a given layout, e.g., three-column responsive layout, company homepage with banner + navigation + footer)
44–45. Case analysis (given a poor website screenshot or description, point out at least 5 design or technical problems and propose improvements)
46–50. Practical simulation questions (describe step-by-step how to complete tasks in Dreamweaver or pure code, e.g., “How to insert a rollover image”, “How to create an editable region in a template”, “How to use FTP in Dreamweaver to upload the entire site”).
These questions closely match the difficulty, scope, and distribution of real past papers from Gansu, Jiangsu, Guangdong, Beijing, etc. (2021–2025).
Practice them chapter by chapter, and combine with building at least 3 complete small websites (personal homepage, corporate site, product showcase) — this is the fastest way to pass both theory and practical exams. Good luck!