网页设计教学大纲样本问题 | AI生成和翻译

Home 2025.12 English 中文

---

广东省高等教育自学考试

课程：Web设计与制作（实践） 课程代码：13168 (全英文翻译及格式化版本)

（前言第一至第七部分已提供。以下为完整文档的第八部分 试题示例，详细且清晰的英文版。）

VIII. 试题示例（含完整详情）

1. HTML5网页设计题（典型题 – 每题15分，共2题 = 30分）

题目描述 根据提供的参考图片/截图，按照以下操作设计并完成网页：

具体要求

1. 在“D:\考生文件夹”中，新建一个文件，命名为“考生姓名_html题.html”（将考生姓名替换为你的实际姓名）。
2. 插入指定的图片“logo.jpg”，并将其宽度设置为600像素，同时水平居中显示。
3. 标题使用二级标题(<h2>)，并居中显示。
4. 将文本“百度”设置为指向https://www.baidu.com的超链接，并在新窗口中打开。
5. 按照参考图片中所示，添加所需的段落文本、列表及其他元素。

评分要点

• 正确的HTML5文档类型声明和基本结构
• 所有必需标签的正确使用和嵌套
• 图片显示正确，属性完整（alt、width、居中）
• 超链接功能正确并在新窗口中打开（target="_blank"）
• 页面在Chrome、Firefox和Edge中显示一致且正确

2. CSS3页面设计题（典型题 – 每题20分，共2题 = 40分）

题目描述 根据提供的效果图，设计网页并完成以下操作：

具体要求

1. 在“D:\考生文件夹”中，新建一个文件，命名为“考生姓名_CSS题.html”。
2. 使用<table>创建“课程成绩表”的HTML结构。
3. 使用内部CSS（在同文件中<style>标签内）实现以下样式：
   • 主标题“课程成绩表”：32px，蓝色，居中
   • 表格外边框：2px实线蓝色
   • 表格内边框：1px实线浅蓝色
   • 奇数行：深蓝色背景，白色文本
   • 偶数行：浅蓝色背景，黑色文本
   • 所有文本在适当位置垂直和水平居中

评分要点

• 正确的HTML表格结构（<table>、<thead>、<tbody>、<tr>、<th>、<td>）
• 准确使用CSS选择器（标签、类、:nth-child(odd/even)等）
• 正确的边框设置（包括border-collapse: collapse）
• 背景色和文本颜色的正确应用
• 在多个浏览器中显示一致

3. HTML5 + CSS3综合题（1题 = 30分）

题目描述 根据提供的布局图，使用DIV + CSS设计一个完整的网页，其结构如下：

具体要求

1. 在“D:\考生文件夹”中，新建一个文件，命名为“考生姓名_综合题.html”。
2. 使用HTML5语义标签和DIV将页面划分为以下部分：
   • 顶部标题区（header）
   • 水平导航菜单（居中）
   • 中间内容区：左侧边栏 + 右侧主内容
   • 底部页脚区
3. 具体样式：
   • 头部：背景色/图片，居中的<h1>标题
   • 导航菜单：使用<ul><li>，水平排列，居中，带悬停效果
   • 左侧边栏：固定宽度，带边框，包含登录表单或用户信息
   • 右侧主区域：使用<ul>或段落显示文章列表或内容
   • 页脚：背景色，带边框，居中显示“准考证号: XXXXX”和考生姓名
4. 整体页面宽度居中（例如，max-width 1200px，margin: 0 auto）

评分要点

• 结构（HTML）与表现（CSS）分离清晰
• DIV ID/class的正确使用（例如，#container、#header、#nav、#sidebar、#main、#footer）
• 根据需要正确使用float、width、margin、padding、box-sizing: border-box
• 导航的正确悬停效果（a:hover）
• 响应式居中和整洁布局，无重叠
• 在Chrome、Firefox和Edge中显示和功能一致

至此，本考试大纲的英文翻译及格式化版本已全部完成。

---

Back

x-ai/grok-4.1-fast

Donate