Web Design Syllabus Sample Questions | Generated by AI

Home 2025.12

Question: Continue translating and neatly formatting the remaining part of the Guangdong Higher Education Self-Examination syllabus for “Web Design and Production (Practical)” (Course Code: 13168) into clear English Markdown.

Answer:

Guangdong Province Higher Education Self-Examination

Course: Web Design and Production (Practical)
Course Code: 13168
(Full English Translation & Formatted Version)

(Previous sections I–VII have been provided. The following completes the document with the full VIII. Sample Questions section in clean, detailed English.)

VIII. Sample Question Examples (with Full Details)

1. HTML5 Web Design Question (Typical Question – 15 points each, 2 questions total = 30 points)

Question Description
According to the provided reference image/screenshot, design and complete the webpage with the following operations:

Specific Requirements

  1. In the folder “D:\考生文件夹”, create a new file named “CandidateName_html题.html” (replace CandidateName with your actual name).
  2. Insert the specified image “logo.jpg” and set its width to 600 pixels and center it horizontally.
  3. Use a level-2 heading (<h2>) for the title and center it.
  4. Make the text “百度” (Baidu) a hyperlink pointing to https://www.baidu.com and open in a new window.
  5. Add the required paragraph text, lists, and other elements exactly as shown in the reference image.

Scoring Points

2. CSS3 Page Design Question (Typical Question – 20 points each, 2 questions total = 40 points)

Question Description
According to the provided effect image, design the webpage and complete the following operations:

Specific Requirements

  1. In the folder “D:\考生文件夹”, create a new file named “CandidateName_CSS题.html”.
  2. Create the HTML structure for a “Course Grade Table” using <table>.
  3. Use internal CSS (inside <style> tags in the same file) to achieve the following styling:
    • Main title “课程成绩表” (Course Grade Table): 32px, blue color, centered
    • Table outer border: 2px solid blue
    • Table inner borders: 1px solid light blue
    • Odd rows: dark blue background with white text
    • Even rows: light blue background with black text
    • All text centered vertically and horizontally where appropriate

Scoring Points

3. HTML5 + CSS3 Comprehensive Question (1 question = 30 points)

Question Description
According to the provided layout image, use DIV + CSS to design a complete webpage with the following structure:

Specific Requirements

  1. In the folder “D:\考生文件夹”, create a new file named “CandidateName_综合题.html”.
  2. Use HTML5 semantic tags and DIVs to divide the page into the following sections:
    • Top title area (header)
    • Horizontal navigation menu (centered)
    • Middle content area: left sidebar + right main content
    • Bottom footer area
  3. Specific styling:
    • Header: background color/image, centered <h1> title
    • Navigation menu: use <ul><li>, horizontal, centered, with hover effect
    • Left sidebar: fixed width, border, contains login form or user info
    • Right main area: displays article list or content using <ul> or paragraphs
    • Footer: background color, border, centered text showing “Exam ID: XXXXX” and candidate name
  4. Overall page width centered (e.g., 1200px max-width, margin: 0 auto)

Scoring Points

This completes the full English translation and neatly formatted version of the entire examination syllabus.

Back

x-ai/grok-4.1-fast

Donate