测评生成工具
快速创建专业的在线测评试卷
📖 使用指南 点击查看详细使用说明和功能介绍
收起 展开
📖 使用指南
点击查看详细使用说明和功能介绍
测评生成工具
免费在线测评试卷生成工具，支持多种测评类型，可自定义题目和分值，生成完整的HTML测评试卷。
主要功能
1. 多种测评类别
- 心理测评：评估心理状态和情绪
- 性格测试：了解性格特点和倾向
- 智力测试：测试智力和逻辑能力
- 职业测评：职业兴趣和能力评估
- 自定义：根据需要创建自定义测评
2. 灵活的题目设置
每个题目都支持：
- 题目内容：输入题目文本
- 题目类型：单选、多选
- 选项设置：每个选项可设置分值
- 正确答案：标记正确答案
3. 模块化管理
可添加多个模块，便于组织题目：
- 模块标题：区分不同类型的题目
- 模块内的题目：统一管理的题目组
4. 评分设置
- 及格分数：设置测评及格分数线
- 时间限制：可选设置测评时间
- 自动计分：系统自动计算总分
5. 完整的HTML代码
生成的测评包含：
- 完整的HTML结构
- 美观的CSS样式
- 响应式设计
- 交互效果
6. 实时预览
填写测评内容时，预览区域实时显示生成的HTML代码。
使用方法
- 填写测评标题和说明
- 选择测评类别
- 设置时间限制和及格分数
- 添加测评模块（可选）
- 在模块中添加题目
- 编写题目内容和选项
- 为每个选项设置分值
- 查看预览效果
- 点击"复制HTML测评"导出代码
适用场景
- 教育培训：在线测验和考试
- 心理评估：员工心理健康评估
- 人才选拔：能力测试和性格分析
- 自我认知：了解自己的性格和兴趣
- 团队建设：团队成员能力评估
常见问题
生成的测评可以直接使用吗？
是的，生成的HTML测评包含完整的结构和样式，可以保存为.html文件直接使用。
可以设置分值吗？
可以，每个选项都可以设置不同的分值，系统会自动计算总分。
支持多选题吗？
支持，可以选择单选或多选题类型。
评估心理状态和情绪
1
题目数量
0
总分
60%
及格分数
📝 测评题目
题目 #1
📄 测评预览（HTML代码）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在线测评</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
max-width: 800px;
margin: 40px auto;
padding: 20px;
background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
min-height: 100vh;
}
.assessment-container {
background: white;
padding: 40px;
border-radius: 16px;
box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}
h1 {
font-size: 32px;
color: #2c3e50;
margin-bottom: 15px;
text-align: center;
}
.category-badge {
display: inline-block;
padding: 8px 20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border-radius: 20px;
font-size: 14px;
margin-bottom: 20px;
}
.description {
color: #7f8c8d;
text-align: center;
margin-bottom: 30px;
font-size: 16px;
}
.info-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
margin-bottom: 30px;
}
.info-card {
padding: 20px;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
border-radius: 12px;
text-align: center;
}
.info-number {
font-size: 28px;
font-weight: bold;
color: #667eea;
}
.info-label {
font-size: 12px;
color: #7f8c8d;
margin-top: 5px;
}
.question {
margin-bottom: 30px;
padding: 25px;
background: #f8f9fa;
border-radius: 12px;
border-left: 5px solid #667eea;
}
.section-title {
font-size: 20px;
color: #667eea;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #667eea;
}
.question-number {
font-weight: bold;
color: #667eea;
margin-bottom: 10px;
}
.question-text {
font-size: 18px;
color: #2c3e50;
margin-bottom: 20px;
font-weight: 500;
}
.options {
display: flex;
flex-direction: column;
gap: 12px;
}
.option {
display: flex;
align-items: center;
gap: 12px;
padding: 15px 20px;
background: white;
border: 2px solid #e9ecef;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s;
}
.option:hover {
border-color: #667eea;
transform: translateX(5px);
}
.option input {
width: 20px;
height: 20px;
}
.submit-btn {
width: 100%;
padding: 18px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
border-radius: 12px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
margin-top: 30px;
}
</style>
</head>
<body>
<div class="assessment-container">
<h1>在线测评</h1>
<div style="text-align: center;">
<span class="category-badge">心理测评</span>
</div>
<div class="info-grid">
<div class="info-card">
<div class="info-number">1</div>
<div class="info-label">题目数量</div>
</div>
<div class="info-card">
<div class="info-number">0</div>
<div class="info-label">总分</div>
</div>
<div class="info-card">
<div class="info-number">60%</div>
<div class="info-label">及格分数</div>
</div>
</div>
<button class="submit-btn">提交测评</button>
</div>
</body>
</html>
💡 功能特点
- • 支持5种测评类别：心理、性格、智力、职业、自定义
- • 每个选项可设置分值，自动计算总分
- • 支持添加多个模块和题目
- • 可设置时间限制和及格分数
- • 生成完整HTML测评代码