New Era – Elementary 2 #12

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .tab-group { margin: 25px 0; } .tab-buttons { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; } .tab-buttons button { padding: 10px 18px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 6px; font-weight: bold; } .tab-buttons button.active { background-color: #ffca28; } .tab-content { display: none; background-color: #fff8e1; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .tab-content.active { display: block; } h2 { color: #2e7d32; margin-top: 0; } textarea { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #ccc; } .vocab-tooltip { border-bottom: 1px dotted #333; cursor: help; font-weight: bold; color: #2e7d32; } .vocab-tooltip:hover::after { content: attr(data-tooltip); position: absolute; background: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; transform: translate(-50%, -120%); } .answer-tooltip { border-bottom: 1px dotted #666; cursor: help; font-weight: bold; color: #1976d2; } .answer-tooltip:hover::after { content: attr(data-answer); position: absolute; background: #1976d2; color: white; padding: 8px 12px; border-radius: 4px; font-size: 13px; white-space: nowrap; transform: translate(-50%, -120%); }

产出

任务选择

任务一自我介绍

下面的图介绍一下自己

要求
  • 内容包括姓名专业学习计划
  • 使用本课学习的词语语言点
  • 时间1—2分钟
结构

📝 大家好……

为什么这个名字

📚 我的专业……

为什么学习这个专业

🎯 很多学习计划比如:……

任务二采访报告

采访两位同学问问他们名字专业学习计划在班上报告

任务三小演讲

下面几个方面介绍一下现在

  • 班上多少同学
  • 他们什么名字为什么这个名字
  • 他们为什么学习汉语什么学习计划

產出

任務選擇

任務一自我介紹

下面的圖介紹一下自己

要求
  • 內容包括姓名專業學習計劃
  • 使用本課學習的詞語語言點
  • 時間1—2分鐘
結構

📝 大家好……

為什麼這個名字

📚 我的專業……

為什麼學習這個專業

🎯 很多學習計劃比如:……

任務二採訪報告

採訪兩位同學問問他們名字專業學習計劃在班上報告

任務三小演講

下面幾個方面介紹一下現在

  • 班上多少同學
  • 他們什麼名字為什麼這個名字
  • 他們為什麼學習漢語什麼學習計劃

Output/Production

Task Selection

Task 1: Self-Introduction

Look at the diagram below and introduce yourself.

Requirements
  • Content must include name, major, and study plans.
  • Use vocabulary and grammar points learned in this lesson frequently.
  • Time: 1-2 minutes.
Structure

📝 Dàjiā hǎo, wǒ jiào…

❓ Wǒ wèishénme jiào zhège míngzì ne?

📚 Wǒ de zhuānyè shì…

❓ Wǒ wèishénme xuéxí zhège zhuānyè ne?

🎯 Wǒ yǒu hěnduō xuéxí jìhuà, bǐrú:…

Task 2: Interview Report

Interview two classmates, ask them about their names, majors, and study plans, and give a report in class.

Task 3: Mini Speech

Introduce your current class from the following aspects:

  • How many students are in the class?
  • What are their names? Why do they have these names?
  • Why do they study Chinese? What study plans do they have?

Output/Production

Task Selection

Task 1: Self-Introduction

Look at the diagram below and introduce yourself.

Requirements
  • Content must include name, major, and study plans.
  • Use vocabulary and grammar points learned in this lesson frequently.
  • Time: 1-2 minutes.
Structure

📝 Hello everyone, my name is…

❓ Why do I have this name?

📚 My major is…

❓ Why do I study this major?

🎯 I have many study plans, for example:…

Task 2: Interview Report

Interview two classmates, ask them about their names, majors, and study plans, and give a report in class.

Task 3: Mini Speech

Introduce your current class from the following aspects:

  • How many students are in the class?
  • What are their names? Why do they have these names?
  • Why do they study Chinese? What study plans do they have?
document.querySelectorAll(‘.tab-group’).forEach(group => { const buttons = group.querySelectorAll(‘.tab-btn’); const contents = group.querySelectorAll(‘.tab-content’); buttons.forEach(button => { button.addEventListener(‘click’, () => { buttons.forEach(btn => btn.classList.remove(‘active’)); contents.forEach(content => content.classList.remove(‘active’)); button.classList.add(‘active’); document.getElementById(button.dataset.tab).classList.add(‘active’); }); }); });

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *