Long-term plan unit: 10.4А Web-development |
School: |
||||
Date: |
Teacher name: |
||||
Grade: |
Number present: |
absent: |
|||
The topic of the lesson:
|
Introducing Multimedia |
||||
Learning objectives(s) that this lesson is contributing to |
10.4.2.4 4 use HTML tags to insert multimedia objects into a webpage |
||||
Assessment criteria |
- Demonstrates the skill of creating, saving and opening your own webpage. - Demonstrates knowledge of web document structure - Uses CSS for the webpage |
||||
Success criteria |
All learners will be able to know: - Demonstrates the skill of creating, saving and opening your own web page. Most learners will be able to know: Know what CSS is and could use some codes Some learners will be able to know: Know and use HTML tags to insert multimedia objects into a webpage |
||||
Language objectives
|
Useful phrases for dialogue / writing Website, webpage, HTML, CSS, tag, cascading style sheet • HTML is used for ,,,, • We use tags for .... • Tags are ... • I used (a) title tag ... to ... • Cascading style sheet is designed to |
||||
Value links |
Group work , co-operation, time management |
||||
Cross curricular links |
English |
||||
Previous learning |
Tags, document structure
|
||||
Plan |
|||||
Planned lesson stages |
Planned activities |
Resources |
|||
Beginning
0-1
2-5 |
Question for students: - Can you remember what we discussed in our previous lesson?
Teacher: - I want (would like) to introduce today’s topic about …/ What do you think today’s topic is?
The presentation of the theme and lesson objectives. |
Presentation
|
|||
Middle 5-35
|
Theory Practical work. Task 1: Do tasks and compare different ways of adding styles to a web page Before completing the assignment, discuss the descriptors to evaluate the work. Descriptors 1) Using of CSS 2) Create a file with CSS for the file “My Family”. 3) Creativity
|
Ppt file Appendix 1 https://webref.ru/html/video
|
|||
The end of the lesson 35 - 40 |
At the end of the lesson, learners reflect on their learning: ✓ What has been learned ✓ What remained unclear ✓ What needs more attention
|
|
|||
Differentiation – how do you plan to give more support? How do you plan to challenge the more able learners? |
Assessment – how are you planning to check learners’ learning? |
Health and safety check |
|||
Differentiation can be expressed in the selection of tasks, in the expected result from a particular student, in providing individual support to the student, in selecting the educational material and resources, taking into account the individual abilities of the students (Theory of Multiple Intelligence by Gardner). Differentiation can be used at any stage of the lesson, taking into account the rational use of time. |
Use this section to record the methods that you will use to assess what the students have learned during the lesson.
|
Health and safety check links. Used active exercises. Items applied from the Safety Rules in this lesson. |
|||
Reflection
Were the lesson objectives/learning objectives realistic? Did all learners achieve the LO? If not, why? Did my planned differentiation work well? Did I stick to timings? What changes did I make from my plan and why?
|
Use the space below to reflect on your lesson. Answer the most relevant questions from the box on the left about your lesson. |
||||
|
|||||
Summary evaluation
What two things went really well (consider both teaching and learning)?
1:
2:
What two things would have improved the lesson (consider both teaching and learning)?
1:
2:
What have I learned from this lesson about the class or individuals that will inform my next lesson?
|
|||||
Appendix 1
<video> - Adds, plays and manages video settings on a web page. The file path is specified via the src attribute or the embedded <source> element.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>video</title>
</head>
<body>
<video width="400" height="300" controls="controls" poster="video/duel.jpg">
<source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
Элемент video не поддерживается вашим браузером.
<a href="video/duel.mp4">Скачайте видео</a>.
</video>
</body>
</html>
<audio> The <audio> element (from the English. Audio - sound) adds, plays and manages audio recording settings on a web page. The file path is specified via the src attribute or the embedded <source> element. Inside the <audio> container, you can write text that will be displayed in browsers that do not work with this element.
<! DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title> audio </ title>
</ head>
<body>
<p> text </ p>
<audio controls>
<source src = "audio / music.ogg" type = "audio / ogg; codecs = vorbis">
<source src = "audio / music.mp3" type = "audio / mpeg">
The audio tag is not supported by your browser.
<a href="audio/music.mp3"> Download music </a>.
</ audio>
</ body>
</ html>
Скачано с www.znanio.ru
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.