HTML. Format text (fonts, paragraphs, lists) HTML. Мәтінді форматтау (қаріп, абзац, тізімдер)


Қысқа мерзімді сабақ жоспары

Long term plan unit:

Web project

Ұзақ мерзімді жоспарлау бөлімі:

Веб-жобалау

School: № 11

Мектеп: №11

Teacher name: Assanova G.J.

Date: 01.02.2022

Мерзімі: 01.02.2022

Grade: 10«А»

Сынып : 10«А»

Attended:

Theme of the lesson: Сабақтың тақырыбы:

HTML. Format text (fonts, paragraphs, lists)

HTML. Мәтінді форматтау (қаріп, абзац, тізімдер)

Learning objectives:

Осы сабақта қол жеткізілетін оқу мақсаттары:

10.4.2.1 Use HTML tags for webpage devolopment

10.4.2.1 Веб парақшаларды әзірлеуде HTML тегтерін қолдану

Lesson objectives:

Сабақтың мақсаттары:

Use HTML tags

HTML тегтерін қолдану

Know the text formatting tags

Мәтінді форматтау тегтерін білу

Create a webpage using font, paragraph, and list tags

Қаріп, абзац және тізім тегтерін қолданып, веб-парақ құру

Thinking level:

Ойлау деңгейі:

To know, to understand, to use.

Білу, түсіну, қолдану.

Assessment criteria:

Бағалау критерийлері:

  • Create a web page.

Веб-парақ құрады.

  • Create bulleted, numbered and sliding way list boxes using HTML tags.

HTML тегтерін қолдана отырып, маркерленген, нөмірленген және сырғымалы жолдар тізімдерін жасайды.

  • Find any errors in the program.

Бағдарламадағы қателерді табады.

Language target:

Тілдік мақсаттар:

Knows and uses following terminology:

ENGLISH

ҚАЗАҚ ТІЛІ

РУССКИЙ

ЯЗЫК

font

қаріп

шрифт

size

мөлшері

размер

body

дене

тело

Sliding way

сырғымалы жол

скользящий путь

ordered list

реттелген тізім

упорядоченный список

Direction

бағыт

направление

text formatting

мәтінді форматтау

форматирование текста

bulleted list

маркерленген тізім

маркированный список

Methods:

Әдістері:

«Brain storming», « KAHOOT game», “Work in laptop”, “bilimland.kz”

National morality:

Құндылықтарға баулу:

To use effective ways of interpreting information

Ақпаратты түсіндірудің тиімді тәсілдерін қолдану

Interdisciplinary communication:

Пәнаралық байланыстар:

Math, English, IT

Pre knowledge:

Алдыңғы білім:

10.4.2.1 HTML. Web site development methods

10.4.2.1 HTML. Веб-сайтты құру әдістері

Lesson plan

Lesson period

Activity

Resources

Start of the lesson

Knowledge and

understanding:

Меңгерілетін білім:

Introduction part (Ұйымдaстыру кезеңi)

Greeting(Aмaндaсу және сыныптaғы оқушылaрды түгендеу)

 Good morning children!. Қайырлы таң балалар!

 How are you?. Қалайсыздар?

 Who is absent today?. Бүгін кім жоқ?

 What date/day is it today?. Бүгін қай күн?

 Let’s start our lesson!. Сабағымызды бастайық!

Cheek homework «Interactive board»

Execution of lessons through the application "Kahoot.com" in the form of tests. Individual work

  • HTMLтілінде қолданылатын командалар(Commands used in HTML)
  • Түйме (Button)
  • Терезе (Window)
  • Тег (Tag )
  • сілтеме (Reference)
  • Python бағдарламалау тіліндегі жол ұзындығы (The path length in the Python programming language)
  • Eкілік форматта жазу (Record in binary format )
  • Файлды оқу үшін (To read the file)
  • Файлды жабады (Closes the file)
  • Файлды іздейді (Searches for the file )
  • Байттық жолдардың сипаттамасы (Description of byte lines )
  • бөлу (div)
  • көбейту (multiply)
  • қосу (plus)
  • ұзындық (len)
  • Индекс бойынша іздеу әдісі (Index search method )
  • s=b"byte"
  • g=g"byte"
  • f=b"binary"
  • s=b"mgbyte"
  • Гипермәтін терминін алғаш рет кім ашты?(Who first discovered the term hypertext?)
  • Ж.У. Кобдикова-2019 ( J.U. Kobdikova-2019)
  • Блез Паскаль-1965 (Blaise Pascal - 1965 )
  • Тед Нельсон-1963 (Ted Nelson-1963)
  • Стив Джобс (Steve Jobs)
  • RGB-моделі (RGB models)
  • Жасыл, Көк, Ақ (Green, Blue, White)
  • Көк, Ақ, Сары (Blue, White, Yellow)
  • Ақ, Сары, Қара (White, Yellow, Black)
  • Кызыл, Жасыл, Көк (Red, Green, Blue)
  • HTML тілінде web-беттерді қандай қосымшаның көмегімен жасауға болады?(With what application can web pages be created)
  • Жазу коды арқылы (By writing code)
  • Кодты блокнот қосымша (write the code through the notepad application)
  • Таңбалар коды арқылы (Through the character code)
  • Желі браузерін (Network Browser)
  • Web-беттерді көру үшін нені қосу керек?(What do I need to enable to view web pages?)
  • Сөз (Word)
  • IP адресті (IP address)
  • Бит санын (The number of bits)
  • Желі браузерін (Network Browser)

Criteria of an estimation

Бағалау критерий

Descriptor

Дескриптор

Тегтермен жұмыс жасау туралы түсінік қалыптастырады.

Тест сұрақтары арқылы дұрыс жауап бере алады.

Сабақтың тақырыбын айтып, мақсатымен таныстыру.

Theme of today lesson:

HTML. Format text (fonts, paragraphs, lists)

YOU WILL KNOW:

  • Text formatting tags. Мәтіндерді форматтау тегтері
  • Paragraph input tags. Абзац енгізу тегтері
  • About list writing tags. Тізімдерді жазу тегтерінің түрлері
  • Running sideways to the site. Сайтқа сырғымалы жолдар енгізу

Presentation, quizizz, mobile phone

Presentation, active board

https://nismath.org/topka-bolu/

Evaluation sheet

Middle of the lesson

Work in groups

HTML. Format text (fonts, paragraphs, lists)

<Hi> symbol (where i is an integer from 1 to 6). Allows you to select the size of six different levels of symbols. H1 is the largest, H2 is the smallest. <P>, </P> tags are used to insert paragraphs, align attribute is used for left, center or right spacing. Use the <FONT> tag to specify the font, size, and color of the text. Use the <BR> tag to separate the paths. We use <B>, </B> tags to use bolded letters.

Numbered lists <O <UL>, <O <UL /> ordered list, <UL>, <U <UL /> unordered list. <Li> doesn't need a closing tag. The <UL> tag attribute type = disk|circle|square changes the appearance of the marker. <MARQUEE> and </MARQUEE> "scroll bars" that move from one end of the row to the next in the browser window. DIRECTION - moved right and left across the row. LOOP-defines the number of loops in the loop. SCROLLAMOUNT integer that determines how many pixels the text will move in one scroll step. SCROLLDELAY is an integer representing the Intra millisecond between two slides. WIDTH Integer integer that determines the width of the scroll bar, in pixels.

Follow the practical task # 1, 2, 3 on page 136-141 of the tutorial in HTML.

Practice. I group

Use bold letters <B>, </B> and italics <S>, </S>

<HTML <HEAD> <H3> 10"A" сыныбы Информатика пәні

</H3> </heAD>

<BODY> <P> <B> 10"A" сыныбы Информатика пәні </B>

<P> <I> 10"A" СЫНЫБЫ Информатика пәні </I>

<P> <U> 10"A" СЫНЫБЫ Информатика пәні </U>

<P> <S> 10"A" СЫНЫБЫ Информатика пәні </S>

<P> <TT> 10"A" СЫНЫБЫ Информатика пәні </TT>

</BODY> </HTML>

Practice. II group

"Sliding way". Create a slider using the <MARQUEE> and

</MARQUEE> tags

<HTML> <HEAD> <TITLE> 3-1 МЫСАЛ </TITLE> </HEAD>

<BODY text=red>

<CENTER>

<H2> сырғымалы жолдар </H2> <HR>

<H3> <MARQUEE BGCOLOR= "yellow"

DIRECTION = "RIGHT"

SCROLLAMOUNT = "10" SCROLLDEALY="200"

WIDTH="90%">

Бұл-бірінші сырғымалы жол

</MARQUEE>

<P> <MARQUEE BGCOLOR= "green" DIRECTION =

"LEFT"

HEIGHT=30 SCROLLAMOUNT="10"

SCROLLDEALY="100" WIDTH="90%">

Бұл - екінші сырғамалы жол </MARQUEE>

</H3> <HR>

<H3> <MARQUEE BGCOLOR= "blue"

BEHAVIOR=alternate

SCROLLAMOUNT = "10" SCROLLDEALY=

"200" WIDTH="90%">

Бұл - үшінші сырғамалы жол

</MARQUEE>

</CENTER> <BODY>

</HTML>

Practice 3

Creating numbered lists using the <O <UL>,</O <UL> tags

<HTML <HEAD> <TITLE> мысал </TITLE> </HEAD>

<BODY text =green>

<H2 ALIGN=CENTER> нөмірленген тізім жолдары </H2> <HR>

<O<UL>

<LI> Айдар;

<LI> Марат;

<LI> Айдос;

<LI> Жанар; </LI>

</O<UL>

<HR>

</BODY>

</HTML>

Assessment criterion

Descriptors

Create a web page using tags in this format

  • Type a tags
  • Run a tags
  • Check a tags

Presentation, book, copybook

Presentation,

Laptop, HTML tags

Concluding the lesson

Сабақты қорытындылау

Бағалау

Assessment

Reflection

Homework:

The largest complex of electronic resources for secondary schools

Classdojo.com бағалау парақшасында алған балл санына

(ұпай саны) қарай бағалау жүргізіледі.

Read topic 38. Write overlay list text, work in laptop

Presentation

Run the Bilimlend site and take the test

https://teach.classdojo.com/#/classes/5c6e5c968e5e830001e0d658/points

Stickers

Interactive board



Толық нұсқасын 30 секундтан кейін жүктей аласыз!!!


Әлеуметтік желілерде бөлісіңіз:
Facebook | VK | WhatsApp | Telegram | Twitter

Қарап көріңіз 👇



Пайдалы сілтемелер:
» Туған күнге 99 тілектер жинағы: өз сөзімен, қысқаша, қарапайым туған күнге тілек
» Абай Құнанбаев барлық өлеңдер жинағын жүктеу, оқу
» Дастархан батасы: дастарханға бата беру, ас қайыру

Соңғы жаңалықтар:
» Су тасқынынан зардап шеккендерге қосымша тағы 553 мың теңге төленеді
» Елімізде TikTok желісі бұғатталуы мүмкін бе?
» Елімізде су тасқынынан зардап шеккендердің қандай мүліктеріне өтемақы төленеді?
Пікір жазу