Classroom import

ARCS motivational strategies

Gamified teaching activities

Teacher activities

Student activities

Classroom Import 1

A1, R2

Play students a video of the CSSBattle platform, and the level of this lesson is the first task of BATTLE #1.

Watch the video and extract interface operation information and operation flow.

Classroom Import 2

A2, R1

1) Teacher’s question: Students, in the first level, can you match the web page production language with the web presentation interface?

2) Students, this lesson aims to learn the use of label selectors in CSS (Cascading Style Sheets) and the setting of background color, height, and width in the box according to the video content.

1) Students raise their hands to answer the teacher’s questions.

2) Through the teacher’s explanation of the objectives of this lesson, students know what they need to learn and master in this lesson. In addition, students can also put forward their proposals for the content of the teaching objectives, such as the background color can be replaced with other colors, the width, height, and margins of the box can be set to other values, and other suggestions related to the teaching of this lesson, and jointly formulate the teaching objectives of this lesson.

Classroom Import 3

A3, R3

Teachers must review the relevant knowledge, including DIV elements in HTML, the definition of CSS tag selectors, and their uses. The teaching language is concise and vivid; for example, when describing the relationship between HTML and CSS, you can describe it as follows: HTML is equivalent to a state where a person has not yet chosen suitable clothes and jewelry, and then CSS is needed to help him achieve the dressing process.

Through the teacher’s explanation and description, students review the relevant knowledge they have learned before, and if they still have doubts, raise their hands to ask the teacher, and only after they fully understand it will they begin to enter today’s classroom for learning.