extracted_text:
ҚАЗАҚСТАН РЕСПУБЛИКАСЫ  БІЛІМ ЖӘНЕ ҒЫЛЫМ МИНИСТРЛІГІ
Алматы қаласы Білім басқармасының
МКҚК «Алматы мемлекеттік политехникалық колледжі»
Бекітемін
Директордың оқу ісі
жөніндегі орынбасары
___________ А. Бейсетбаев
______________ 2014 жыл
АШЫҚ САБАҚТЫҢ ӘДІСТЕМЕЛІК ТАЛДАМАСЫ

 Желілік технология пәнінен

                                   оқу тәжірибесі
( атауы)
1304000 – «Есептеуіш техникасы мен бағдарламалық қамтамасыздандыру»             мамандығы
(шифр, атауы)

 1304043 – Техник – бағдарламашы                                              біліктілігі
(шифр, атауы)
Ү.30 СМЖ АМПК КСТ 11   1 Басылым Сапа жөніндегі сарапшы
__________ Г. Дуйсекова
    (қолы)
_____________ 2014 жыл
Құрастырған
Оқытушы  ______________ Г. Боранбаева
                               (қолы)

Информатика
кафедра отырысында қаралды
______________ 2014 жыл
Хаттама  № ___
Кафедра меңгерушісі __________  Г. Қанабекова
                                              (қолы)
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым №1 Сабақ жоспары
Желілік технология
Боранбаева Гүлжан Үсенбекқызы
П4Б
06.01.2014 жыл
Html тілінде құжаттарды құру және редакциялау
Пәні:
Оқытушы:
Тобы
Сабақтың өтілу күні
Сабақтың тақырыбы:
Сабақтың мақсаты:
1. Білімділік
2. Дамытушылық
3. Тәрбиелік
Сабақтың түрі:
Сабақтың типі:
Оқыту технологиясы:
Оқыту әдістері:
Сабақтың көрнекілігі:
Пәнаралық байланыс:
Html   тілінде   құжаттарды   құру   және   редакциялау   ұғымын
меңгерту. Html тегтерімен таныстыру.
Оқушылардың   пәнге   деген   қызығушылықтарын   арттыру.   Әр
оқушыға өз қабілетін ашуға ұмтылдыру.
Оқушыларды   ұқыптылыққа,   жылдам   жұмыс   жасауға,   алған
теориялық   білімдерін   іс   жүзінде   қолдана   білуге,   ақпараттық
мәдениетке тәрбиелеу
Тәжірибелік
Аралас
Дамыта оқыту технологиясы
Интерактивті технология, дамыта оқыту, сұрақ жауап
Дидактикалық
интерактивті
презентациялар,  компьютер, жеке тапсырмалар
Информатика,
қамтамасыз етуін құру және жүргізу
 Автоматтандырылған   жүйенің   ақпаратпен
көрнекіліктер,
тақта,

Пайдаланылған әдебиеттер: Дубаков   М.   Создание   Webстраниц:   искусство   верстки./М.
Денисов   А,   Вихарев   И.,   Белов   А.   Интернет   .   Самоучитель.   –
СПб.: питер, 2001.464с. Дубаков.Мн.: Новое знание. 2004.287с
Сабақтың барысы
.........................................................................................
.........................................................................................
1. Ұйымдастыру кезеңі
Топпен сәлемдесу, түгендеу. Оқушылардың назарын сабаққа аудару
2. Жаңа тақырып
       Web парақтар HTML (Hуper Text Markup Language) тілінде жазылады. Бұл интернетте
жарияланатын Web парақтар құжатының белгілеу (разметкалау) тілі. Web парақтар интернетте
НТТР серверлерінде орналасады. HTML тілі World Wide Web қызметінің негізі болып есептеледі
және осы қызметтің әйгілі болуына себеп болды.
 Гипермәтін дегеніміз — арнайы кодтар енгізілген мәтін. Бұл кодтар форматтау, мультимедиа,
басқа құжаттарға гиперсілтеме жасау, қосымша элементтерді басқарды. Разметкалау дегеніміз
15 минут
3минут
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым —  мәтінде осы кодтарды енгізіп, бұл құжаттың Browserмен көрсетілуі. HTML тілінің мәтін
фрагменттерінің не үшін керек екенін анықтауға пайдаланылады. Мысалы, мәтінде тақырып
кездессе, HTML коды бұл фрагмент тақырып екенін көрсетеді. Мәтінді разметкалауға
пайдаланатын кодтар HTML тілінде  тег деп атайды. Тег дегеніміз — символдар жиыны.
Тегтердің бәрі кіші символынан басталып, үлкен символынан аяқталады. HTML тілінде әр тегтің
өзінің мәні бар. Жұп тегтер ашылатын және жабылатын тегтер болады. Жабылатын тегтер /
символынан басталады. Кейбір тегтер тек қана ашылатын болады. Құжаттар броузерден
көрсетілгенде, тегтер көрсетілмейді, бірақ құжаттың көрсету әдісіне әсер етеді.
Коментарий (түсініктеме)
        HTML тілінде коментарий пайдалануға мүмкіндік бар. HTML тілінде арнайы тегтен
басталады. Ол мынандай < / – –. Осы тегтен кейін жазылған мәтін коментарий болып есептеледі
және браузермен экранда көрсетілмейді. Коментарий мынандай символмен аяқталады: – – –>.
HTML құжатының структурасы
         HTML құжаты құжаттың негізгі мәтінімен разметка жасау тегтерінен тұрады:
1. HTML құжаты  басталып,  аяқталады. Бұл жұп тегтер браузерге
алдындағы құжат HTML құжаты екенін көрсетеді.
HTML құжаты тақырып бөлімінен және құжаттың денесінен тұрады, тақырып бөлімі
және  тегтер арасында орналасады.      Құжат туралы информация береді. Бұл бөлім
ішінде жұп тегтер пайдаланылады:  және .  Бұл тегтердің арасында құжаттың
тақырыбы жатады.
3. Құжаттың мәтінді құжаттың денесінде орналасады. Құжаттың денесі  және
тегтерінің арасында орналасады.  тегі браузерде көрсетілетін информацияны
анықтайды.

              тақырып бөлімі

       экранда көрсетілген информация

Құжаттың функционалды бөлімдері
          Құжаттың негізгі функционалды бөлімі болып, тақырыптар және абзацтар болып
есептеледі.
   1. HTML тілінде құжаттың тақырыбының 6 деңгейі анықталады. Олар: <Н1> және  –ден
<Н6>  және  –тегтерімен белгіленеді. Экранда бұл тегтер әр түрлі мөлшерлі шрифт болып
көрсетіледі.
<Н1> — үлкен қалың шрифт
<Н2> — шегініссіз үлкен қалың шрифт
<Н3> — шегіністі кішкентай қиғаш үлкен шрифт
<Н4> — шегіністі <Н3> –тен үлкен қалың кәдімгі шрифт
<Н5> — шегіністі <Н4> –дей қиғаш кәдімгі шрифт
<Н6> — шегіністі кәдімгі мәтіндегідей қалың шрифт
2. HTML тілінде абзацтарды көрсету үшін  және  тегтері пайдаланады.
3. HTML тілінде абзацтық шегініс жасайтын сала жоқ. Сондықтан абзацтар арасында бос қатар
немесе горизонтальды сызықтар орналастырылады. Горизонтальді сызықты <НR> тегімен
жасайды. Бұл тегтің жабылатыны жоқ.
4. Тегтерді пайдаланғанда сөз арасындағы пробелдер және жаңа қатарға өту HTML құжаты
көрсетілгенде шықпайды.
   5. Егер абзац құрмай жаңа қатарға өту керек болса,  тегі пайдаланады. Бұл тегтің
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым жабылатыны жоқ.

 Құжаттың функционалдық бөлігі

               негізгі тақырып
               ішкі тақырып
               бұл қатарлар бірге жазылады
               HTML құжаты

              текст  екіге бөлінеді

Тақырыптар:
1ші деңгейдегі тақырып (құжат)
2ші деңгейдегі тақырып (бөлім)
3ші деңгейдегі тақырып (ішкі бөлім)
4ші деңгейдегі тақырып (тақырып)
5ші деңгейдегі тақырып (пункт)
6шы деңгейдегі тақырып (ішкі пункт)
Аlign түзету аттрибутын қолдайды:    мәтін
align=left     сол жақ шеті бойынша (үнсіз)
align=right    сол жақ шеті бойынша
align=center   ортасы бойынша
Мәтін абзацы:
 Ұзақ мәтін. Егер сыймаса, автоауысу орындалады...
 Ал бұл келесі абзац. Алғашқыдан бос жол арқылы бөлінеді.
Аlign түзету аттрибутын қолдайды:    мәтін
align=left     сол жақ шеті бойынша (үнсіз)
align=right    оң жақ шеті бойынша
align=center   ортасы бойынша
align=justify – екі шеті бойынша (қолданған жөн)
мәтінді бөлуге арналған тегтер:
                         жаңа жолға көшу
бірнеше сөз     сөз тіркестерін бөлмеу (тұтас көшеді)
                        қай жерді бөлуге болатынын көрсетеді
         Безендіру тегтері:
      фрагмент 1          қалың қаріп
      фрагмент 2          курсивті
      фрагмент 3          асты сызылған
      фрагмент 4          сызып тасталған
 фрагмент 5     сызып тасталған
    фрагмент 6            төменгі индекс
    фрагмент 7            жоғарғы индекс
    фрагмент 8      үлкен қаріп
  фрагмент 9         кіші қаріп
 ...
color   мәтін түсі   (#RRGGBB немесе сөзбен)
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым size    мәтін өлшемі (1,2,3,4,5,6,7)
face    мәтін қаріптері  ("Arial","Times New Romans", ...) қатар қолдануға болады:
мәтін     қалың, курсивті, асты сызылған
мәтін  екі есе үлкен өлшемді
 X Ө [1.7] –шрифт өлшемін береді.
  қаріп размерін үндеместен береді.
 мәтін түсін береді.
 қаріп береді.
 мәтіннің жарқырауы.
 бағдарлама мәтінінің бейнеленуі.
 мәтін одан әрі үлкенірек болады.
 мәтін одан әрі кішірек болады.
Тізімдер:
 реттелмеген ( әр элемент алдында).
 жинақы.
<ОL> номерленген ( әр элемент алдында).
<ОL COMPACT> жинақы.
Көлденең сызық:
  үндеместен орнатылуы бар көлденең сызық.
  түзулерді түзету.
  түзу размері.
  жазық сызықтың бейнеленуі.
 сызық ұзындығы.
Кестелер
 кестені анықтау.
  кестені түзету
   кестеге тақырып беру
  түзету (үстінен/ астынан)
  ұяшықтар арасындағы ара қашықтық
  ұяшықтарды толтыру
  керекті ені
  процентті ен
    кесте жолы
  түзету
  кесте ұяшығы
  түзету
  жолды ауыстырмай
  баған бойынша созу
  жол бойынша созу
  ұяшық түсі
   кесте тақырыбы
  түзету
Түстер
  фонның түсі
  мәтін түсі
  сілтемелер түсі
  активті сілтемелердің түсі
  қарастырылған сілтемелер түсі
“Color” келесі түрде беріледі “#$$$$$$”   реті: қызыл/жасыл/көк,
мысалы,  мәтін  түсі – сары,   мәтін түсі
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым – сары – жасыл.
Сілтемелер
  сілтеме
  фондық түстер.
  бейнелер
бейнелер
ALIGN=[TOP],[BOTTOM],[LEFT],[RIGHT],[MIDDLE]   –бейнелердің   орналасуы,   ALT=X   –
кірістірілетін мәтін, WIDTH=X – ұзындығы, HEIGHT=X – биіктігі.
Шектеулер
  шектеулер жиынтығын құрады.
Параметрлер:
ROWS=X – фреймдер биіктігі беріледі
COLS=X – фреймдер ені беріледі
BORDER=X – шектеулер размері
FRAMEBORDER=BOOL – фреймдер айналасында шектеулердің болуы немесе болмауы
  фрейм
Параметрлер:
NAME=Имя – фрейм аты
SRC=URL – парақ адресі
MARGINWIDTH=X  өріс ұзындығы
MARGINHEIGHT=X  өріс ені
SCROLLING=BOOL – айналым сызығы
NORESIZE –  фрейм размерін өзгертуге тиым салынады
  браузерлерге арналған командалар ауданы,
Объектілер
  объектілер береді
Параметрлер:
CODEB ASE = URL – объект файылының адресі
ID=X ID – объект
PARAM NAME = Value – объект қасиетінің мәні
ALIGN= түзету – бетті түзетуді анықтайды
WIDTH= ені
HEIGHT= биіктігі
Формалар
      форманы   құрады   және
мәліметтерді қайда, қандай әдіспен жіберуді анықтайды
  формалар элементтері
 Type:
Text – мәтіндік өріс
Password – парольдерді енгізу өрісі
Button – батырма
Reset – мәндерді қалпына келтіру батырмасы
Submit – мәндерді жіберу батырмасы
Checkbox – таңдау
Radio –қосушы
Параметрлер:
NAME=Имя – элемент атауы
VALUE=Значение – элемент мәні
SIZE=X   элемент размері
Сіздер қолданатын стандартты түстер:
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым 1. Black (қара)   #000000
2. Maroon (темнобордовый)   #800000
3. Green(жасыл)   #008000
4. Olive (оливковый)   #808000
5. Navy(темносиний)   #000080
6. Purple(фиолетовый)   #800080
7. Teal(темнозеленый)   #008080
8. Gray(сұр)   #808080
9. Silver(күміс түстес)   #C0C0C0
10. Red (қызыл)   #FF0000
11. Lime(известь)   #00FF00
12. Yellow(сары)   #FFFF00
13. Blue(көк)   #0000FF
14. Fucksia(фуксия)   #FF00FF
15. Aqua (көкшіл)  #00FFFF
16. White(ақ)   #FFFFFF
HTMLқұжаттағы бейнелер. HTMLқұжатта бейнені өте қарапайым жолмен тұрғызуға
болады. Ол үшін бұл бейне  GIF форматында болу керек (файл  *.gif кеңейтілуімен) немесе JPEG
(файл  *.jpg  немесе  *.jpeg кеңейтілуімен) және бір жол HTMLмәтінде. Бізге құжатқа HTML
құжатпен бір каталогта орналасқан picture.gif файлында жазылған бейнені іске қосу керек. Онда
жол мынадай болады:

Белгі   ALT атрибутын қосу керек="[мәтін]", мысалы:

Браузер   мұндай   тегті   кездестіріп,   экранда   сурет   мәтінің   көрсетеді   және   оның   орнына
picture.gif  файлынан сурет жүктейді.  ALT  атрибуты бейнені ұстамайтын ескі браузерлер үшін
қажет, сол сияқты браузерде бейнені автоматты жүктеу өшіріліп тұрса. Интернетке жай қосылған
кезде, бұл уақытты үнемдеу үшін жасалады. Бейнесі бар файл, басқа каталогта немесе басқа
серверде орналасуы мүмкін. Бұл жағдайда оның толық атын көрсету керек.

 Бейне мысалы

 Бейне
 Бейнені қарапайым түрде тұрғызуға болады:

Сонымен  қатар,  бейнені    "ыстық"  етіп  жасауға   болады,  немесе  бейнеге  өтуді  іске
асыру:

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым 3. Жаңа тақырыпты бекіту
«Кім білімпаз?» Оқушылармен сұрақжауап
.........................................................................................
15 минут
1. Гипермәтін дегеніміз не?
2. Разметкалау дегеніміз не?
3. Тег дегеніміз не?
4. HTML құжатының структурасы
5. Құжаттың функционалды бөлімдері
6. Безендіру тегтері:
«Ойлан, тап!»  HTML құжатының структурасын құрастыру
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым «Кім жылдам?»  HTMLдің тектерін ажырату
.........................................................................................
4. Жеке тапсырмалар
Оқушылар берілген тапсырмаларды жекежеке орындайды
1тапсырма
 Блокнотты ашыңыз да, келесі мәтінді енгізіңіз:

        Төртінші бет Арман Айда

40 минут

2. «Фамилия_4.HTML» деген атпен файлды сақтаңыз
3. Paint графикалық редакторын ашыңыз. Суреттің өлшемін 300 х 200 пикселге орнатыңыз да,
келесі суретті салыңыз.
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым Familie.jpg деген атпен суретті сақтаңыз (файлдың аты ағылшын тілінде болсын).
4.   тегінен кейін келесі мәтінді енгіз:
Броузерді қосыңыз да, броузердегі шыққан суретті көресіз.

5. Келесі фразаны қойыңыз:

                                   Менің сайтымның негізгі беті.

Сақтаңыз да, браузерді қосыңыз.  Экранда қызыл түспен ортада «Менің сайтымның негізгі беті»
фразасы  пайда болады.
6.    жабылатын тегінің алдында гипперсілтемені көрсететін тегті қойыңыз

Тәжірибелік жұмыс № 1
Бірінші беттегі файлдың аты дұрыс жазылғанына назарыңызды аударыңыз. Сақтаңыз да,
гиперсілтеме дұрыс жұмыс жасағанын назар аударыңыз.
7. Басқа екі жұмысқа сілтеме жасап көріңіз.
8. Бірінші   тегінен кейін үш файлды қосыңыз:

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым Басты меню
Дискіге   жасаған   жұмыстарыңызды   сақтау   үшін   жеке   бума   құрыңыз.
Гиперсілтеме жұмыс жасағанын көресіз
2тапсырма

1. Блокнотты (notepad) ашып келесі мәтінді теріңіз:

Менің бірінші қадамым

Сәлеметсіз бе, бұл менің бірінші бетім (Здравствуйте, это моя первая страница).

Қош келдіңіздер! (Добро пожаловать!)

2. Өз бумаңызға мәліметті index.html деп сақтаңыз
3. Internet Explorer –ді ашыңыз (блокнотты жаппаңыз, ол бізге керек болады).
(Файл  Открыть  кнопка Обзор … index.html).
3  тапсырма
1. «Қош келдіңіздер»  деген сөзді қызылға бояйық:

 Менің бірінші қадамым

Сәлеметсіз бе, бұл менің бірінші бетім

 Қош келдіңіздер!:)

2. Өзіңіздің мәліметіңізде мәтінді сәйкес келетін атрибутты қойып түзетіңіз.

 Менің бірінші қадамым

Сәлеметсіз бе, бұл менің бірінші бетім.

 Қош келдіңіздер! :)

3. Өзіңіздің мәліметіңіздегі келесі образбен кодын өзгертіңіз

 Менің бірінші қадамым

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым  Сәлеметсіз бе, бұл менің бірінші бетім.

 Қош келдіңіздер! :)

4тапсырма
«Тілек» бет құрыңыз. Оған келесі сөйлемдерді енгізіңіз:
Туған күн ерекше күн әрбір жанға
Жан досымды асықтым мен құттықтауға
Бар бақытты тіледім бір өзіңе
Армандарың орындалсын бұл өмірде
Денсаулығың мықты боп әрқашанда
Жүре берші жадырап ортамызда
Демеп жүрер жанның бірі сенсің қиналғанда
Үзілмесін достығымыз ешқашанда!!!
 Әр бір сөйлемді жаңа жолдан жазу керек.
HTML мәтіні – беттің коды:

Тілек

 Туған күн ерекше күн әрбір жанға
 Жан досымды асықтым мен құттықтауға
 Үзілмесін достығымыз ешқашанда!!!!

5  тапсырма
  «Жеке» бетін құрыңыз. Осы бетке 3 – тапсырманын сөйлемдерін қой, әр сөйлемнің деңгейі
әртүрлі болу керек (бірінші, үшінші, бесінші), соңғысына адресті енгіз.

Личная

<Н 1 > Туған күн ерекше күн әрбір жанға
<НЗ> Жан досымды асықтым мен құттықтауға
<Н5> Бар бақытты тіледім бір өзіңе Н5>

жүрер

6тапсырма
 Гипермәтінді құжатпен файл құрыңыз
Блокнот редакторын қосыңыз да, мәтінді енгізіңіз:
қиналғанда
жанның
бірі

Демеп

сенсің

Файлды арнайы құрылған буманызда  1_name.htm деген атпен сақтаңыз.
Менің бірінші webбетіме қош келіпсіздер!
1.  htmlқұжатының құрылымын көрсетіңіз:
 Блокнотты ашыңыз да, (   тегінің арасына) өзіңнің фамилиянды жаз.

  Фамилия

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым Менің бірінші webбетіме қош келіпсіздер!

2. Құжатты бірінші сақтаған атпен сақтаңыз да,  броузерде   (Вид/Обновитьті  орында немесе
құралсаймандар тақтасынан Обновить–ті басыңыз).
3. Құжатты редактирлеңіз:
Броузер менюін шақырып, Вид/Просмотр HTMLкода «Менің бірінші webбетіме қош
келіпсіздер!»ден кейін мына мәтінді енгізіңіз:
Құжатты сақтап және броузерден обновить етіп көріңіз (бірақ блокнотты жаппаңыз).
Студент Топ N  Фамилия  Аты

    тегін   пайдаланып  Фамилия     Атын  жаңа   жолға   түсіріңіз   де,   броузерден   жаңа
нұсқасын көріңіз
4. Тақырыптарды пайдаланып мәтіндерді өзгертіңіз:
  … тектерін пайдаланып бірінші жолды 1ші деңгейдегі тақырыппен өзгертіңіз.
Екінші  жолды  6ші деңгейдегі  тақырыппен,  үшінші жолды  4ші деңгейдегі  тақырыппен
өзгертіңіз
 Броузерден құжатты ашып қаріптердің өзгергенін көріңіз (меню Вид / Размер шрифта  /
Самый крупный, Средний, Мелкий и  Самый мелкий).
5. Енді бірінші жолды 2ші деңгейдегі тақырыппен,   екінші жолды 5ші деңгейдегі тақырыппен,
үшінші жолды 3ші деңгейдегі тақырыппен өзгертіңіз.
6. Қаріпті әртүрлі деңгейде өзгертіңіз:
 Фамилия Аты жолынан кейін тағы бір мәтін енгізіңіз
 Фразаны төмендегі үлгімен безендірейік.
Бізді таңертен салқын ауа райы қарсы алады.
«Таңертен» сөзін жасыл түспен безендірейік. «Салқын» сөзін қызыл түспен, ал «ауа райы»  сөзін
көк түспен безендірейік.
7тапсырма
Жаңа жолға жазуды орындайық:

2_name.htm деген атпен жаңа құжат құрыңыз, оны да сол жұмыс жасаған бумаңызға сақта.
Мәтінді енгіз ( 1_name.htm құжатынан мәтінді көшіріп алсаңыз да болады):

  Фамилия

Менің екінші webбетіме қош келіпсіздер!  Өмірбаян М. Мақатаев

 Мәтін ортаға жазылу керек.
 Мәтінді енгіз:
Мақатаев Мұқағали Сүлейменұлы – Қазақтың әйгілі ақыны. Туылған жері – Алматы облысының
Нарынқол   ауданында   Шалкөде   ауылында   дүниеге   келген.   Топырақ   бұйырған   жері   –   Алматы
қаласы. Балалық бал дәурені соғыс жылдарының ауырлықтауқыметімен тұспатұс келеді. Әкесі
Сүлеймен соғыста қаза болып, анасы Нағиман Мұқағалидың өкшесін баса туған үш ұлды өзі
асырап, жеткізген.
               Ол қазақ әдебиетін байытып, кісілігін биіктетіп, парасатын кемелдендіре түсті. Оның
көптеген поэзиялары бар. ”Ильич”, ”Армысыңдар достар”, ”Қарлығашым келдің бе?”, ”Мавр”,
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым ”Аққулар   ұйықтағанда”,   ”Шуағым   менің”,   ”Жұлдыз”,   ”Үш   бақытым”   және   тағы   басқа
туындылары бар.
 Өмірбаянды жаңа жолдарға бөліңіз. Мәтіндер ортаға жазылу керек.
Мақатаев Мұқағали Сүлейменұлы – Қазақтың әйгілі ақыны.
Туылған жері – Алматы облысының Нарынқол ауданында Шалкөде ауылында дүниеге келген.
Балалық бал дәурені соғыс жылдарының ауырлықтауқыметімен тұспатұс келеді.
Топырақ бұйырған жері – Алматы қаласы.
Әкесі Сүлеймен соғыста қаза болып, анасы Нағиман Мұқағалидың өкшесін баса туған үш ұлды
өзі асырап, жеткізген...
 Құжатты сақтаңыз.
 Құжатты броузер терезесінен көріңіз.
8тапсырма
Тізіммен безендіруді орындаңыз:
 3_name.htm деген атпен жаңа құжат құрыңыз, оны да жұмыс бумасына сақтаңыз.

 Мәтінді енгізіңіз:

  Фамилия

Менің үшінші webбетіме қош келіпсіздер!
 Құжатқа келесі мәтінді енгізіңіз ( … тегінің арасына):

Мен қалай безендіруді білемін:
Қаріптер,
Тақырыптар,
Жаңа жолдар
 Соңғы үш жолды номерлі тізім жасаңыз. Бұл үшін келесі тектерді қолданыңыз:

 Қаріптер,
 Тақырыптар,
 Жаңа жолдар

 список   маркированныйға   ауыстырыңыз.
 Ол   үшін  ,     тектерін
 Тізімді
пайдаланыңыз
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым  Аралас тізім құрыңыз:
Мен қалай безендіруді білемін:
1. Қаріптер
Өлшемі
Түсі
Гарнитуры
Индекстері





2. Тақырыптар
3. Жаңа жолдар
1ден  6шы деңгейге дейін
Сөйлемдерді жаңа жолдарға бөлу

 Жаңа жолдардағы сөздерді ортаға жазу
7. Жасалған жұмысты оқытушыға көрсету.
9 тапсырма
Бетті   «Формулы»   деп   құрайық.   Оған   төмендегі   формулаларды   әр   қайсысын   жаңа   жолдан
енгіземіз:
Формула уксусной кислоты СНзСООН.
Формула ортофосфорной кислоты. Н3РО4.
Глюкоза имеет сложную формулу СбН12Об.
Квадратное уравнение Ах2 + Вх + C=Q.
Биквадратное уравнение Ах4 + Вх2 + С=0.

<НЕАD><ТIТLЕ>ФОРМУЛЫ

ФОРМУЛА УКСУСНОЙ КИСЛОТЫ CH3COOH.
<ВR>ФОРМУЛА ОРТОФОСФОРНОЙ КИСЛОТЫ. H3PO4.
<ВR>ГЛЮКОЗА ИМЕЕТ СЛОЖНУЮ ФОРМУЛУ
<ВК>КВАДРАТНОЕ УРАВНЕНИЕ AX2+BX+C=0
БИКВАДPATHOE УРАВНЕНИЕ AX4+BX2+C=0

10  тапсырма
Бетті «Уравнение»  деп құрайық.  Бетке  тапсырманың  шарттары,  оны шешу жолдары,  жауабы
егізіледі. Тапсырманың шарттары ортасында асты сызылған, шешу жолдары сол жағында, жауабы
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым оң жағында курсивті болу керек. «Условие задачи», «Решение», «Ответ» сөздері жартылай қалың
қаріпте болу керек.
Формула уксусной кислоты СН3СООН.
Формула ортофосфорной кислоты. Н3РО4.
Глюкоза имеет сложную формулу C6H12O6
Квадратное уравнение Ах2+Вх+С=0
Биквадратное уравнение Ах4+Вх2+С=0
Задача. Решить уравнение: х +3х 4х12=0.
Текст HTML  кода страницы:
Задача. Решить уравнение: х +3х 4х12=0.
Текст HTML  кода страницы:

Уpaвнeниe

Уcлoвиe задачи:
Решить уравнение x3+3x24x12=0
Решение задачи:
x3 +3 x24x12=0
x2(x+3)4(x+3)=0
(x+3)(x24)=0
x+3=0 xK/sub>=3
x24=0x2=2
x3=2
<В>Ответ:
x 1 =3, x2=2,
x3 =2

Уpaвнeниe

Уcлoвиe задачи:
Решить уравнение x3+3x24x12=0
Решение задачи:
x3 +3 x24x12=0
x2(x+3)4(x+3)=0
(x+3)(x24)=0
x+3=0 xK/sub>=3
x24=0x2=2
x3=2
<В>Ответ:
x 1 =3, x2=2,
x3 =2

11 – тапсырма
Кез келген тізім элементі әртүрлі толық тізімнен тұрады. Енгізілген тізімдер әртүрлі жоспар мен
тақырыптарды дайындауға ыңғайлы.

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым  6 Мысал

HTML бірнеше тізімді ұстайды

 Нөмірленбеген тізімдер
  Нөмірленбеген   тізім   элементтері   арнайы   символмен   және   солға   жылжытумен
ерекшелінеді:

 1 элемент
 2 элемент
 3 элемент

 Нөмірленген тізімдер
  Нөмірленген   тізім   элементтері   солға   жылжытумен,   сонымен   бірге   нөмірлеумен
ерекшелінеді:

 1 элемент
 1 элемент
 3 элемент

 Анықтама тізімдер
 Бұл тізім түрі алдыңғы тізімдерге қарағанда күрделі, бірақ тиімді.
  Еске сақтаңыз, тізімді бірінен соң бірін тұрғызуға болады, бірақ енгізудің бірнеше
деңгейін  қолдана беруге болмайды.
  Көңіл   бөліңіз,   тізім   элементінің   ішінде   бірнеше   абзацтар   орналасады.   Барлық
абзацтардың бірыңғай сол жақ өрісі болады.

12– тапсырма
Төменде горизонтальды сызықтар коллекциясы келтірілген.

Сызық мысалы

Горизонтальды сызықтар коллекциясы

13 – тапсырма
Суретті шығару

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым  Бейне мысалы

 Бейне
 Бейнені қарапайым түрде тұрғызуға болады:

Сонымен  қатар,  бейнені    "ыстық"  етіп  жасауға   болады,  немесе  бейнеге  өтуді  іске
асыру:

14 тапсырма
«Мой первый шаг» бетін құр. Оған сурет енгіз. Суреттін атын енгізу керек, сонда дұрыс шығады.

Мой первый шаг

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я совсем недавно начал(а) знакомиться с виртуальной жизнью,
но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых
виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо
мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг
захочет познакомиться со мной, и у меня появится  еще один виртуальный друг?

14 тапсырма
Суретіміз сол жақ экранда, ал мәтініміз оның оң жағында шығу үшін:

Мой первый шаг

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней
традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных
друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть
пару строчек в мою гостевую книгу.  А может и просто случайный посетитель вдруг
захочет познакомится со мной, и у меня появится  еще один виртуальный друг?
 На фотографии изображен(а) я. Качество картинки не очень хорошее, к
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в
целом заметно, что я вполне ничего   Если ты так тоже думаешь, то давай какнибудь
встретимся, поболтаем, чайку попьем в кафешке. Кто знает, может быть, мы и в реальной жизни
станем друзьями

15 – тапсырма
Енді айырмашылығн анықтаймыз:

Мой первый шаг

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я
совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже
захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых,
чтобы они могли посмотреть мои фотографии, почитать обо мне,
черкнуть пару строчек в мою гостевую книгу.  А может и просто случайный посетитель
вдруг захочет познакомится со мной, и у меня появится  еще один виртуальный друг?
 На фотографии изображен(а) я. Качество картинки не очень хорошее, к
сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в
целом заметно, что я вполне ничего:)  Если ты так тоже думаешь, то давай какнибудь
встретимся, поболтаем, чайку попьем в кафешке? Кто знает, может быть, мы и в реальной жизни
станем друзьями

5. Қорытындылау         ............................................................................................................  5 минут
Оқушылар өз ойларын ортаға салып, не үйреніп, не меңгергені туралы айтады.
6. Бағалау                        ............................................................................................................ 2 минут
Сабаққа белсене қатысқан оқушыларды бағалаймын
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

file_name: сеть тех талдама цветной.doc

description:
—  мәтінде осы кодтарды енгізіп, бұл құжаттың Browserмен көрсетілуі. HTML тілінің мәтін
фрагменттерінің не үшін керек екенін анықтауға пайдаланылады. Мысалы, мәтінде тақырып
кездессе, HTML коды бұл фрагмент тақырып екенін көрсетеді. Мәтінді разметкалауға
пайдаланатын кодтар HTML тілінде  тег деп атайды. Тег дегеніміз — символдар жиыны.
Тегтердің бәрі кіші символынан басталып, үлкен символынан аяқталады. HTML тілінде әр тегтің
өзінің мәні бар. Жұп тегтер ашылатын және жабылатын тегтер болады. Жабылатын тегтер /
символынан басталады. Кейбір тегтер тек қана ашылатын болады. Құжаттар броузерден
көрсетілгенде, тегтер көрсетілмейді, бірақ құжаттың көрсету әдісіне әсер етеді.
Коментарий (түсініктеме)
        HTML тілінде коментарий пайдалануға мүмкіндік бар. HTML тілінде арнайы тегтен
басталады. Ол мынандай < / – –. Осы тегтен кейін жазылған мәтін коментарий болып есептеледі
және браузермен экранда көрсетілмейді. Коментарий мынандай символмен аяқталады: – – –>.
HTML құжатының структурасы
         HTML құжаты құжаттың негізгі мәтінімен разметка жасау тегтерінен тұрады:
1. HTML құжаты <HTML> басталып, </HTML> аяқталады. Бұл жұп тегтер браузерге
алдындағы құжат HTML құжаты екенін көрсетеді.
HTML құжаты тақырып бөлімінен және құжаттың денесінен тұрады, тақырып бөлімі <HEAD>
және </HEAD> тегтер арасында орналасады.      Құжат туралы информация береді. Бұл бөлім
ішінде жұп тегтер пайдаланылады: <TITLE> және </TITLE>.  Бұл тегтердің арасында құжаттың
тақырыбы жатады.
3. Құжаттың мәтінді құжаттың денесінде орналасады. Құжаттың денесі <BODY> және </BODY>
тегтерінің арасында орналасады. <BODY> тегі браузерде көрсетілетін информацияны
анықтайды.
<HTML>
             <HEAD>
             <TITLE> тақырып бөлімі </TITLE>
             </HEAD>
      <BODY> экранда көрсетілген информация
         </BODY>
</HTML>
Құжаттың функционалды бөлімдері
          Құжаттың негізгі функционалды бөлімі болып, тақырыптар және абзацтар болып
есептеледі.
   1. HTML тілінде құжаттың тақырыбының 6 деңгейі анықталады. Олар: <Н1> және </Н1> –ден
<Н6>  және </Н6> –тегтерімен белгіленеді. Экранда бұл тегтер әр түрлі мөлшерлі шрифт болып
көрсетіледі.
<Н1> — үлкен қалың шрифт
<Н2> — шегініссіз үлкен қалың шрифт
<Н3> — шегіністі кішкентай қиғаш үлкен шрифт
<Н4> — шегіністі <Н3> –тен үлкен қалың кәдімгі шрифт
<Н5> — шегіністі <Н4> –дей қиғаш кәдімгі шрифт
<Н6> — шегіністі кәдімгі мәтіндегідей қалың шрифт
2. HTML тілінде абзацтарды көрсету үшін <P> және </P> тегтері пайдаланады.
3. HTML тілінде абзацтық шегініс жасайтын сала жоқ. Сондықтан абзацтар арасында бос қатар
немесе горизонтальды сызықтар орналастырылады. Горизонтальді сызықты <НR> тегімен
жасайды. Бұл тегтің жабылатыны жоқ.
4. Тегтерді пайдаланғанда сөз арасындағы пробелдер және жаңа қатарға өту HTML құжаты
көрсетілгенде шықпайды.
   5. Егер абзац құрмай жаңа қатарға өту керек болса, <BR> тегі пайдаланады. Бұл тегтің
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
жабылатыны жоқ.

<TITLE> Құжаттың функционалдық бөлігі </TITLE>

 негізгі тақырып

 ішкі тақырып

 бұл қатарлар бірге жазылады

 HTML құжаты

              текст
 екіге бөлінеді

Тақырыптар:

1ші деңгейдегі тақырып (құжат)

2ші деңгейдегі тақырып (бөлім)

3ші деңгейдегі тақырып (ішкі бөлім)

4ші деңгейдегі тақырып (тақырып)

5ші деңгейдегі тақырып (пункт)

6шы деңгейдегі тақырып (ішкі пункт)

Аlign түзету аттрибутын қолдайды:
мәтін

align=left     сол жақ шеті бойынша (үнсіз)
align=right    сол жақ шеті бойынша
align=center   ортасы бойынша
Мәтін абзацы:

 Ұзақ мәтін. Егер сыймаса, автоауысу орындалады...

 Ал бұл келесі абзац. Алғашқыдан бос жол арқылы бөлінеді.

Аlign түзету аттрибутын қолдайды:
мәтін

align=left     сол жақ шеті бойынша (үнсіз)
align=right    оң жақ шеті бойынша
align=center   ортасы бойынша
align=justify – екі шеті бойынша (қолданған жөн)
мәтінді бөлуге арналған тегтер:

                         жаңа жолға көшу
<nobr>бірнеше сөз</nobr>     сөз тіркестерін бөлмеу (тұтас көшеді)
<wbr>                        қай жерді бөлуге болатынын көрсетеді
         Безендіру тегтері:
      фрагмент 1          қалың қаріп
      фрагмент 2          курсивті
      фрагмент 3          асты сызылған
<s>      фрагмент 4   </s>       сызып тасталған
 фрагмент 5     сызып тасталған
    фрагмент 6            төменгі индекс
    фрагмент 7            жоғарғы индекс
<big>    фрагмент 8 </big>     үлкен қаріп
  фрагмент 9         кіші қаріп
 ...
color   мәтін түсі   (#RRGGBB немесе сөзбен)
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
size    мәтін өлшемі (1,2,3,4,5,6,7)
face    мәтін қаріптері  ("Arial","Times New Romans", ...) қатар қолдануға болады:
мәтін     қалың, курсивті, асты сызылған
<big><big>мәтін</big></big>  екі есе үлкен өлшемді
 X Ө [1.7] –шрифт өлшемін береді.
  қаріп размерін үндеместен береді.
 мәтін түсін береді.
 қаріп береді.
<BLINK></BLINK> мәтіннің жарқырауы.
 бағдарлама мәтінінің бейнеленуі.
<BIG></BIG> мәтін одан әрі үлкенірек болады.
 мәтін одан әрі кішірек болады.
Тізімдер:

 реттелмеген (
 әр элемент алдында).

 жинақы.
<ОL>
</ОL> номерленген (
 әр элемент алдында).
<ОL COMPACT></ОL> жинақы.
Көлденең сызық:

  үндеместен орнатылуы бар көлденең сызық.

  түзулерді түзету.

  түзу размері.

  жазық сызықтың бейнеленуі.

 сызық ұзындығы.
Кестелер

 кестені анықтау.

  кестені түзету

  кестеге тақырып беру

  түзету (үстінен/ астынан)

  ұяшықтар арасындағы ара қашықтық

  ұяшықтарды толтыру

  керекті ені

  процентті ен

  кесте жолы

  түзету
	  кесте ұяшығы
  түзету
  жолды ауыстырмай
  баған бойынша созу
  жол бойынша созу
  ұяшық түсі
 	  кесте тақырыбы
  түзету
Түстер
  фонның түсі
  мәтін түсі
  сілтемелер түсі
  активті сілтемелердің түсі
  қарастырылған сілтемелер түсі
“Color” келесі түрде беріледі “#$$$$$$”   реті: қызыл/жасыл/көк,
мысалы,  мәтін  түсі – сары,   мәтін түсі
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
– сары – жасыл.
Сілтемелер
  сілтеме
  фондық түстер.
  бейнелер
бейнелер
ALIGN=[TOP],[BOTTOM],[LEFT],[RIGHT],[MIDDLE]   –бейнелердің   орналасуы,   ALT=X   –
кірістірілетін мәтін, WIDTH=X – ұзындығы, HEIGHT=X – биіктігі.
Шектеулер
<FRAMESET></FRAMESET>  шектеулер жиынтығын құрады.
Параметрлер:
ROWS=X – фреймдер биіктігі беріледі
COLS=X – фреймдер ені беріледі
BORDER=X – шектеулер размері
FRAMEBORDER=BOOL – фреймдер айналасында шектеулердің болуы немесе болмауы
<FRAME>  фрейм
Параметрлер:
NAME=Имя – фрейм аты
SRC=URL – парақ адресі
MARGINWIDTH=X  өріс ұзындығы
MARGINHEIGHT=X  өріс ені
SCROLLING=BOOL – айналым сызығы
NORESIZE –  фрейм размерін өзгертуге тиым салынады
<NOFRAMES></NOFRAMES>  браузерлерге арналған командалар ауданы,
Объектілер
<OBJECT></OBJECT>  объектілер береді
Параметрлер:
CODEB ASE = URL – объект файылының адресі
ID=X ID – объект
PARAM NAME = Value – объект қасиетінің мәні
ALIGN= түзету – бетті түзетуді анықтайды
WIDTH= ені
HEIGHT= биіктігі
Формалар
<FORM   ACTION=URL   METHOD=[GET],[POST]></FORM>      форманы   құрады   және
мәліметтерді қайда, қандай әдіспен жіберуді анықтайды
<INPUT TYPE=Type>  формалар элементтері
 Type:
Text – мәтіндік өріс
Password – парольдерді енгізу өрісі
Button – батырма
Reset – мәндерді қалпына келтіру батырмасы
Submit – мәндерді жіберу батырмасы
Checkbox – таңдау
Radio –қосушы
Параметрлер:
NAME=Имя – элемент атауы
VALUE=Значение – элемент мәні
SIZE=X   элемент размері
Сіздер қолданатын стандартты түстер:
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
1. Black (қара)   #000000
2. Maroon (темнобордовый)   #800000
3. Green(жасыл)   #008000
4. Olive (оливковый)   #808000
5. Navy(темносиний)   #000080
6. Purple(фиолетовый)   #800080
7. Teal(темнозеленый)   #008080
8. Gray(сұр)   #808080
9. Silver(күміс түстес)   #C0C0C0
10. Red (қызыл)   #FF0000
11. Lime(известь)   #00FF00
12. Yellow(сары)   #FFFF00
13. Blue(көк)   #0000FF
14. Fucksia(фуксия)   #FF00FF
15. Aqua (көкшіл)  #00FFFF
16. White(ақ)   #FFFFFF
HTMLқұжаттағы бейнелер. HTMLқұжатта бейнені өте қарапайым жолмен тұрғызуға
болады. Ол үшін бұл бейне  GIF форматында болу керек (файл  *.gif кеңейтілуімен) немесе JPEG
(файл  *.jpg  немесе  *.jpeg кеңейтілуімен) және бір жол HTMLмәтінде. Бізге құжатқа HTML
құжатпен бір каталогта орналасқан picture.gif файлында жазылған бейнені іске қосу керек. Онда
жол мынадай болады:

Белгі   ALT атрибутын қосу керек="[мәтін]", мысалы:

Браузер   мұндай   тегті   кездестіріп,   экранда   сурет   мәтінің   көрсетеді   және   оның   орнына
picture.gif  файлынан сурет жүктейді.  ALT  атрибуты бейнені ұстамайтын ескі браузерлер үшін
қажет, сол сияқты браузерде бейнені автоматты жүктеу өшіріліп тұрса. Интернетке жай қосылған
кезде, бұл уақытты үнемдеу үшін жасалады. Бейнесі бар файл, басқа каталогта немесе басқа
серверде орналасуы мүмкін. Бұл жағдайда оның толық атын көрсету керек.

<TITLE> Бейне мысалы </TITLE>

 Бейне

 Бейнені қарапайым түрде тұрғызуға болады:

Сонымен  қатар,  бейнені    "ыстық"  етіп  жасауға   болады,  немесе  бейнеге  өтуді  іске
асыру:

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
«Кім жылдам?»  HTMLдің тектерін ажырату
.........................................................................................
4. Жеке тапсырмалар
Оқушылар берілген тапсырмаларды жекежеке орындайды
1тапсырма
 Блокнотты ашыңыз да, келесі мәтінді енгізіңіз:
<HTML>
    <HEAD>
        <TITLE>Төртінші бет Арман Айда</TITLE>
    </HEAD>
<BODY>
40 минут
</BODY>
</HTML>
2. «Фамилия_4.HTML» деген атпен файлды сақтаңыз
3. Paint графикалық редакторын ашыңыз. Суреттің өлшемін 300 х 200 пикселге орнатыңыз да,
келесі суретті салыңыз.
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
Басты меню
Дискіге   жасаған   жұмыстарыңызды   сақтау   үшін   жеке   бума   құрыңыз.
Гиперсілтеме жұмыс жасағанын көресіз
2тапсырма

1. Блокнотты (notepad) ашып келесі мәтінді теріңіз:

<title>Менің бірінші қадамым  </title>

Сәлеметсіз бе, бұл менің бірінші бетім (Здравствуйте, это моя первая страница).

Қош келдіңіздер! (Добро пожаловать!)

2. Өз бумаңызға мәліметті index.html деп сақтаңыз
3. Internet Explorer –ді ашыңыз (блокнотты жаппаңыз, ол бізге керек болады).
(Файл  Открыть  кнопка Обзор … index.html).
3  тапсырма
1. «Қош келдіңіздер»  деген сөзді қызылға бояйық:

<title> Менің бірінші қадамым  </title>

Сәлеметсіз бе, бұл менің бірінші бетім

 Қош келдіңіздер!:)

2. Өзіңіздің мәліметіңізде мәтінді сәйкес келетін атрибутты қойып түзетіңіз.

<title> Менің бірінші қадамым  </title>

Сәлеметсіз бе, бұл менің бірінші бетім.

 Қош келдіңіздер! :)

3. Өзіңіздің мәліметіңіздегі келесі образбен кодын өзгертіңіз

<title> Менің бірінші қадамым  </title>

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
 Сәлеметсіз бе, бұл менің бірінші бетім.

 Қош келдіңіздер! :)

4тапсырма
«Тілек» бет құрыңыз. Оған келесі сөйлемдерді енгізіңіз:
Туған күн ерекше күн әрбір жанға
Жан досымды асықтым мен құттықтауға
Бар бақытты тіледім бір өзіңе
Армандарың орындалсын бұл өмірде
Денсаулығың мықты боп әрқашанда
Жүре берші жадырап ортамызда
Демеп жүрер жанның бірі сенсің қиналғанда
Үзілмесін достығымыз ешқашанда!!!
 Әр бір сөйлемді жаңа жолдан жазу керек.
HTML мәтіні – беттің коды:

<title>Тілек</title>

 Туған күн ерекше күн әрбір жанға

 Жан досымды асықтым мен құттықтауға

 Үзілмесін достығымыз ешқашанда!!!!

5  тапсырма
  «Жеке» бетін құрыңыз. Осы бетке 3 – тапсырманын сөйлемдерін қой, әр сөйлемнің деңгейі
әртүрлі болу керек (бірінші, үшінші, бесінші), соңғысына адресті енгіз.

<title>Личная </title>

<Н 1 > Туған күн ерекше күн әрбір жанға </Н 1 >
<НЗ> Жан досымды асықтым мен құттықтауға</НЗ>
<Н5> Бар бақытты тіледім бір өзіңе Н5>
<ADDRESS>
жүрер
</ADDRESS>

6тапсырма
 Гипермәтінді құжатпен файл құрыңыз
Блокнот редакторын қосыңыз да, мәтінді енгізіңіз:
қиналғанда
жанның
бірі

Демеп

сенсің

Файлды арнайы құрылған буманызда  1_name.htm деген атпен сақтаңыз.
Менің бірінші webбетіме қош келіпсіздер!
1.  htmlқұжатының құрылымын көрсетіңіз:
 Блокнотты ашыңыз да, ( <TITLE> </TITLE> тегінің арасына) өзіңнің фамилиянды жаз.

 <TITLE> Фамилия </TITLE>

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
Менің бірінші webбетіме қош келіпсіздер!

2. Құжатты бірінші сақтаған атпен сақтаңыз да,  броузерде   (Вид/Обновитьті  орында немесе
құралсаймандар тақтасынан Обновить–ті басыңыз).
3. Құжатты редактирлеңіз:
Броузер менюін шақырып, Вид/Просмотр HTMLкода «Менің бірінші webбетіме қош
келіпсіздер!»ден кейін мына мәтінді енгізіңіз:
Құжатты сақтап және броузерден обновить етіп көріңіз (бірақ блокнотты жаппаңыз).
Студент Топ N  Фамилия  Аты


  тегін   пайдаланып  Фамилия     Атын  жаңа   жолға   түсіріңіз   де,   броузерден   жаңа
нұсқасын көріңіз
4. Тақырыптарды пайдаланып мәтіндерді өзгертіңіз:

 …
 тектерін пайдаланып бірінші жолды 1ші деңгейдегі тақырыппен өзгертіңіз.
Екінші  жолды  6ші деңгейдегі  тақырыппен,  үшінші жолды  4ші деңгейдегі  тақырыппен
өзгертіңіз
 Броузерден құжатты ашып қаріптердің өзгергенін көріңіз (меню Вид / Размер шрифта  /
Самый крупный, Средний, Мелкий и  Самый мелкий).
5. Енді бірінші жолды 2ші деңгейдегі тақырыппен,   екінші жолды 5ші деңгейдегі тақырыппен,
үшінші жолды 3ші деңгейдегі тақырыппен өзгертіңіз.
6. Қаріпті әртүрлі деңгейде өзгертіңіз:
 Фамилия Аты жолынан кейін тағы бір мәтін енгізіңіз
 Фразаны төмендегі үлгімен безендірейік.
Бізді таңертен салқын ауа райы қарсы алады.
«Таңертен» сөзін жасыл түспен безендірейік. «Салқын» сөзін қызыл түспен, ал «ауа райы»  сөзін
көк түспен безендірейік.
7тапсырма
Жаңа жолға жазуды орындайық:

2_name.htm деген атпен жаңа құжат құрыңыз, оны да сол жұмыс жасаған бумаңызға сақта.
Мәтінді енгіз ( 1_name.htm құжатынан мәтінді көшіріп алсаңыз да болады):

 <TITLE> Фамилия </TITLE>

Менің екінші webбетіме қош келіпсіздер!
 Өмірбаян М. Мақатаев

 Мәтін ортаға жазылу керек.
 Мәтінді енгіз:
Мақатаев Мұқағали Сүлейменұлы – Қазақтың әйгілі ақыны. Туылған жері – Алматы облысының
Нарынқол   ауданында   Шалкөде   ауылында   дүниеге   келген.   Топырақ   бұйырған   жері   –   Алматы
қаласы. Балалық бал дәурені соғыс жылдарының ауырлықтауқыметімен тұспатұс келеді. Әкесі
Сүлеймен соғыста қаза болып, анасы Нағиман Мұқағалидың өкшесін баса туған үш ұлды өзі
асырап, жеткізген.
               Ол қазақ әдебиетін байытып, кісілігін биіктетіп, парасатын кемелдендіре түсті. Оның
көптеген поэзиялары бар. ”Ильич”, ”Армысыңдар достар”, ”Қарлығашым келдің бе?”, ”Мавр”,
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
”Аққулар   ұйықтағанда”,   ”Шуағым   менің”,   ”Жұлдыз”,   ”Үш   бақытым”   және   тағы   басқа
туындылары бар.
 Өмірбаянды жаңа жолдарға бөліңіз. Мәтіндер ортаға жазылу керек.
Мақатаев Мұқағали Сүлейменұлы – Қазақтың әйгілі ақыны.
Туылған жері – Алматы облысының Нарынқол ауданында Шалкөде ауылында дүниеге келген.
Балалық бал дәурені соғыс жылдарының ауырлықтауқыметімен тұспатұс келеді.
Топырақ бұйырған жері – Алматы қаласы.
Әкесі Сүлеймен соғыста қаза болып, анасы Нағиман Мұқағалидың өкшесін баса туған үш ұлды
өзі асырап, жеткізген...
 Құжатты сақтаңыз.
 Құжатты броузер терезесінен көріңіз.
8тапсырма
Тізіммен безендіруді орындаңыз:
 3_name.htm деген атпен жаңа құжат құрыңыз, оны да жұмыс бумасына сақтаңыз.

 Мәтінді енгізіңіз:

 <TITLE> Фамилия </TITLE>

Менің үшінші webбетіме қош келіпсіздер!
 Құжатқа келесі мәтінді енгізіңіз ( … тегінің арасына):

Мен қалай безендіруді білемін:
Қаріптер,
Тақырыптар,
Жаңа жолдар
 Соңғы үш жолды номерлі тізім жасаңыз. Бұл үшін келесі тектерді қолданыңыз:

 Қаріптер,

 Тақырыптар,

 Жаңа жолдар

 список   маркированныйға   ауыстырыңыз.
 Ол   үшін
,
  тектерін
 Тізімді
пайдаланыңыз
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
 Аралас тізім құрыңыз:
Мен қалай безендіруді білемін:
1. Қаріптер
Өлшемі
Түсі
Гарнитуры
Индекстері





2. Тақырыптар
3. Жаңа жолдар
1ден  6шы деңгейге дейін
Сөйлемдерді жаңа жолдарға бөлу

 Жаңа жолдардағы сөздерді ортаға жазу
7. Жасалған жұмысты оқытушыға көрсету.
9 тапсырма
Бетті   «Формулы»   деп   құрайық.   Оған   төмендегі   формулаларды   әр   қайсысын   жаңа   жолдан
енгіземіз:
Формула уксусной кислоты СНзСООН.
Формула ортофосфорной кислоты. Н3РО4.
Глюкоза имеет сложную формулу СбН12Об.
Квадратное уравнение Ах2 + Вх + C=Q.
Биквадратное уравнение Ах4 + Вх2 + С=0.

<НЕАD><ТIТLЕ>ФОРМУЛЫ</ТIТLЕ></НЕАD>

ФОРМУЛА УКСУСНОЙ КИСЛОТЫ CH3COOH.
<ВR>ФОРМУЛА ОРТОФОСФОРНОЙ КИСЛОТЫ. H3PO4.
<ВR>ГЛЮКОЗА ИМЕЕТ СЛОЖНУЮ ФОРМУЛУ
<ВК>КВАДРАТНОЕ УРАВНЕНИЕ AX2+BX+C=0

БИКВАДPATHOE УРАВНЕНИЕ AX4+BX2+C=0

10  тапсырма
Бетті «Уравнение»  деп құрайық.  Бетке  тапсырманың  шарттары,  оны шешу жолдары,  жауабы
егізіледі. Тапсырманың шарттары ортасында асты сызылған, шешу жолдары сол жағында, жауабы
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
оң жағында курсивті болу керек. «Условие задачи», «Решение», «Ответ» сөздері жартылай қалың
қаріпте болу керек.
Формула уксусной кислоты СН3СООН.
Формула ортофосфорной кислоты. Н3РО4.
Глюкоза имеет сложную формулу C6H12O6
Квадратное уравнение Ах2+Вх+С=0
Биквадратное уравнение Ах4+Вх2+С=0
Задача. Решить уравнение: х +3х 4х12=0.
Текст HTML  кода страницы:
Задача. Решить уравнение: х +3х 4х12=0.
Текст HTML  кода страницы:

<TITLE>Уpaвнeниe</TITLE>

Уcлoвиe задачи:</В>

Решить уравнение x3+3x24x12=0

Решение задачи:</В>

x3 +3 x24x12=0

x2(x+3)4(x+3)=0

(x+3)(x24)=0

x+3=0
xK/sub>=3

x24=0
x2=2

x3=2

<В>Ответ:</В>

x 1 =3, x2=2,
x3 =2

<TITLE>Уpaвнeниe</TITLE>

Уcлoвиe задачи:</В>

Решить уравнение x3+3x24x12=0

Решение задачи:</В>

x3 +3 x24x12=0

x2(x+3)4(x+3)=0

(x+3)(x24)=0

x+3=0
xK/sub>=3

x24=0
x2=2

x3=2

<В>Ответ:</В>

x 1 =3, x2=2,
x3 =2

11 – тапсырма
Кез келген тізім элементі әртүрлі толық тізімнен тұрады. Енгізілген тізімдер әртүрлі жоспар мен
тақырыптарды дайындауға ыңғайлы.

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
<title> 6 Мысал</title>

HTML бірнеше тізімді ұстайды

 Нөмірленбеген тізімдер

  Нөмірленбеген   тізім   элементтері   арнайы   символмен   және   солға   жылжытумен
ерекшелінеді:

 1 элемент

 2 элемент

 3 элемент

 Нөмірленген тізімдер

  Нөмірленген   тізім   элементтері   солға   жылжытумен,   сонымен   бірге   нөмірлеумен
ерекшелінеді:

 1 элемент

 1 элемент

 3 элемент

 Анықтама тізімдер

 Бұл тізім түрі алдыңғы тізімдерге қарағанда күрделі, бірақ тиімді.

  Еске сақтаңыз, тізімді бірінен соң бірін тұрғызуға болады, бірақ енгізудің бірнеше
деңгейін  қолдана беруге болмайды.

  Көңіл   бөліңіз,   тізім   элементінің   ішінде   бірнеше   абзацтар   орналасады.   Барлық
абзацтардың бірыңғай сол жақ өрісі болады.

</
>

12– тапсырма
Төменде горизонтальды сызықтар коллекциясы келтірілген.

<title>Сызық мысалы</title>

Горизонтальды сызықтар коллекциясы

13 – тапсырма
Суретті шығару

Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
<TITLE> Бейне мысалы </TITLE>

 Бейне

 Бейнені қарапайым түрде тұрғызуға болады:

Сонымен  қатар,  бейнені    "ыстық"  етіп  жасауға   болады,  немесе  бейнеге  өтуді  іске
асыру:

14 тапсырма
«Мой первый шаг» бетін құр. Оған сурет енгіз. Суреттін атын енгізу керек, сонда дұрыс шығады.

<title>Мой первый шаг </title>

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я совсем недавно начал(а) знакомиться с виртуальной жизнью,
но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых
виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо
мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг
захочет познакомиться со мной, и у меня появится  еще один виртуальный друг?

14 тапсырма
Суретіміз сол жақ экранда, ал мәтініміз оның оң жағында шығу үшін:

<title>Мой первый шаг </title>

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней
традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных
друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть
пару строчек в мою гостевую книгу.

 А может и просто случайный посетитель вдруг
захочет познакомится со мной, и у меня появится  еще один виртуальный друг?

 На фотографии изображен(а) я. Качество картинки не очень хорошее, к
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

description:
сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в
целом заметно, что я вполне ничего

  Если ты так тоже думаешь, то давай какнибудь
встретимся, поболтаем, чайку попьем в кафешке. Кто знает, может быть, мы и в реальной жизни
станем друзьями

15 – тапсырма
Енді айырмашылығн анықтаймыз:

<title>Мой первый шаг </title>

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я
совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже
захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых,
чтобы они могли посмотреть мои фотографии, почитать обо мне,
черкнуть пару строчек в мою гостевую книгу.

 А может и просто случайный посетитель
вдруг захочет познакомится со мной, и у меня появится  еще один виртуальный друг?

 На фотографии изображен(а) я. Качество картинки не очень хорошее, к
сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в
целом заметно, что я вполне ничего:)

 Если ты так тоже думаешь, то давай какнибудь
встретимся, поболтаем, чайку попьем в кафешке? Кто знает, может быть, мы и в реальной жизни
станем друзьями

5. Қорытындылау         ............................................................................................................  5 минут
Оқушылар өз ойларын ортаға салып, не үйреніп, не меңгергені туралы айтады.
6. Бағалау                        ............................................................................................................ 2 минут
Сабаққа белсене қатысқан оқушыларды бағалаймын
Ү. 31  СМЖ АМПК  КСТ 05  1 Басылым

intro:
Html тілінде құжаттарды құру және редакциялау ұғымын меңгерту. Оқушыларға сайт құруға бағдар беру, үйрету.
         HTML құжаты құжаттың негізгі мәтінімен разметка жасау тегтерінен тұрады:
1.	HTML құжаты  басталып,  аяқталады. Бұл жұп тегтер браузерге алдындағы құжат HTML құжаты екенін көрсетеді.
HTML құжаты тақырып бөлімінен және құжаттың денесінен тұрады, тақырып бөлімі  және  тегтер арасында орналасады.      Құжат туралы информация береді. Бұл бөлім ішінде жұп тегтер пайдаланылады: <TITLE> және </TITLE>.  Бұл тегтердің арасында құжаттың тақырыбы жатады.
3. Құжаттың мәтінді құжаттың денесінде орналасады. Құжаттың денесі  және  тегтерінің арасында орналасады.  тегі браузерде көрсетілетін информацияны анықтайды.

             <TITLE> тақырып бөлімі </TITLE>

       экранда көрсетілген информация

1. Ұйымдастыру кезеңі	.........................................................................................	3минут
Топпен сәлемдесу, түгендеу. Оқушылардың назарын сабаққа аудару
2. Жаңа тақырып	.........................................................................................	15 минут
       Web парақтар HTML (Hуper Text Markup Language) тілінде жазылады. Бұл интернетте жарияланатын Web парақтар құжатының белгілеу (разметкалау) тілі. Web парақтар интернетте НТТР серверлерінде орналасады. HTML тілі World Wide Web қызметінің негізі болып есептеледі және осы қызметтің әйгілі болуына себеп болды.
 Гипермәтін дегеніміз — арнайы кодтар енгізілген мәтін. Бұл кодтар форматтау, мультимедиа, басқа құжаттарға гиперсілтеме жасау, қосымша элементтерді басқарды. Разметкалау дегеніміз —  мәтінде осы кодтарды енгізіп, бұл құжаттың Browser-мен көрсетілуі. HTML тілінің мәтін фрагменттерінің не үшін керек екенін анықтауға пайдаланылады. Мысалы, мәтінде тақырып кездессе, HTML коды бұл фрагмент тақырып екенін көрсетеді. Мәтінді разметкалауға пайдаланатын кодтар HTML тілінде  тег деп атайды. Тег дегеніміз — символдар жиыны. Тегтердің бәрі кіші символынан басталып, үлкен символынан аяқталады. HTML тілінде әр тегтің өзінің мәні бар. Жұп тегтер ашылатын және жабылатын тегтер болады. Жабылатын тегтер / символынан басталады. Кейбір тегтер тек қана ашылатын болады. Құжаттар броузерден көрсетілгенде, тегтер көрсетілмейді, бірақ құжаттың көрсету әдісіне әсер етеді.
Коментарий (түсініктеме)
        HTML тілінде коментарий пайдалануға мүмкіндік бар. HTML тілінде арнайы тегтен басталады. Ол мынандай < / – –. Осы тегтен кейін жазылған мәтін коментарий болып есептеледі және браузермен экранда көрсетілмейді. Коментарий мынандай символмен аяқталады: – – –>. HTML құжатының структурасы
         HTML құжаты құжаттың негізгі мәтінімен разметка жасау тегтерінен тұрады:
1.	HTML құжаты  басталып,  аяқталады. Бұл жұп тегтер браузерге алдындағы құжат HTML құжаты екенін көрсетеді.
HTML құжаты тақырып бөлімінен және құжаттың денесінен тұрады, тақырып бөлімі  және  тегтер арасында орналасады.      Құжат туралы информация береді. Бұл бөлім ішінде жұп тегтер пайдаланылады: <TITLE> және </TITLE>.  Бұл тегтердің арасында құжаттың тақырыбы жатады.
3. Құжаттың мәтінді құжаттың денесінде орналасады. Құжаттың денесі  және  тегтерінің арасында орналасады.  тегі браузерде көрсетілетін информацияны анықтайды.

             <TITLE> тақырып бөлімі </TITLE>

       экранда көрсетілген информация

Құжаттың функционалды бөлімдері
          Құжаттың негізгі функционалды бөлімі болып, тақырыптар және абзацтар болып есептеледі.
   1. HTML тілінде құжаттың тақырыбының 6 деңгейі анықталады. Олар: <Н1> және </Н1> –ден <Н6>  және </Н6> –тегтерімен белгіленеді. Экранда бұл тегтер әр түрлі мөлшерлі шрифт болып көрсетіледі.
<Н1> — үлкен қалың шрифт
<Н2> — шегініссіз үлкен қалың шрифт
<Н3> — шегіністі кішкентай қиғаш үлкен шрифт
<Н4> — шегіністі <Н3> –тен үлкен қалың кәдімгі шрифт
<Н5> — шегіністі <Н4> –дей қиғаш кәдімгі шрифт
<Н6> — шегіністі кәдімгі мәтіндегідей қалың шрифт
2. HTML тілінде абзацтарды көрсету үшін
 және
 тегтері пайдаланады.
3. HTML тілінде абзацтық шегініс жасайтын сала жоқ. Сондықтан абзацтар арасында бос қатар немесе горизонтальды сызықтар орналастырылады. Горизонтальді сызықты <НR> тегімен жасайды. Бұл тегтің жабылатыны жоқ.
4. Тегтерді пайдаланғанда сөз арасындағы пробелдер және жаңа қатарға өту HTML құжаты көрсетілгенде шықпайды.
   5. Егер абзац құрмай жаңа қатарға өту керек болса,
 тегі пайдаланады. Бұл тегтің жабылатыны жоқ.

<TITLE> Құжаттың функционалдық бөлігі </TITLE>

 негізгі тақырып

 ішкі тақырып

 бұл қатарлар бірге жазылады

 HTML құжаты

              текст
 екіге бөлінеді

Тақырыптар:

1-ші деңгейдегі тақырып (құжат)

2-ші деңгейдегі тақырып (бөлім)

3-ші деңгейдегі тақырып (ішкі бөлім)

4-ші деңгейдегі тақырып (тақырып)

5-ші деңгейдегі тақырып (пункт)

6-шы деңгейдегі тақырып (ішкі пункт)

Аlign түзету аттрибутын қолдайды:
мәтін

align=left    - сол жақ шеті бойынша (үнсіз)
align=right   - сол жақ шеті бойынша
align=center  - ортасы бойынша
Мәтін абзацы:

 Ұзақ мәтін. Егер сыймаса, автоауысу орындалады...

 Ал бұл келесі абзац. Алғашқыдан бос жол арқылы бөлінеді.

Аlign түзету аттрибутын қолдайды:
мәтін

align=left    - сол жақ шеті бойынша (үнсіз)
align=right   - оң жақ шеті бойынша
align=center  - ортасы бойынша
align=justify – екі шеті бойынша (қолданған жөн)
мәтінді бөлуге арналған тегтер:

                        - жаңа жолға көшу
<nobr>бірнеше сөз</nobr>    - сөз тіркестерін бөлмеу (тұтас көшеді)
<wbr>                       - қай жерді бөлуге болатынын көрсетеді
         Безендіру тегтері:
      фрагмент 1         - қалың қаріп
      фрагмент 2         - курсивті
      фрагмент 3         - асты сызылған
<s>      фрагмент 4   </s>      - сызып тасталған
 фрагмент 5    - сызып тасталған
    фрагмент 6           - төменгі индекс
    фрагмент 7           - жоғарғы индекс
<big>    фрагмент 8 </big>    - үлкен қаріп
  фрагмент 9        - кіші қаріп
 ...
color  - мәтін түсі   (#RRGGBB немесе сөзбен)
size   - мәтін өлшемі (1,2,3,4,5,6,7)
face   - мәтін қаріптері  ("Arial","Times New Romans", ...) қатар қолдануға болады:
мәтін    - қалың, курсивті, асты сызылған
<big><big>мәтін</big></big> - екі есе үлкен өлшемді
 X Ө- [1.7] –шрифт өлшемін береді.
 - қаріп размерін үндеместен береді.
- мәтін түсін береді.
- қаріп береді.
<BLINK></BLINK>- мәтіннің жарқырауы.
- бағдарлама мәтінінің бейнеленуі.
<BIG></BIG>- мәтін одан әрі үлкенірек болады.
- мәтін одан әрі кішірек болады.
Тізімдер:

- реттелмеген (
 әр элемент алдында).

- жинақы.
<ОL>
</ОL>- номерленген (
 әр элемент алдында).
<ОL COMPACT></ОL>- жинақы.
Көлденең сызық:

 - үндеместен орнатылуы бар көлденең сызық.

 - түзулерді түзету.

 - түзу размері.

 - жазық сызықтың бейнеленуі.

- сызық ұзындығы.
Кестелер

- кестені анықтау.

 - кестені түзету

 - кестеге тақырып беру

 - түзету (үстінен/ астынан)

 - ұяшықтар арасындағы ара қашықтық

 - ұяшықтарды толтыру

 - керекті ені

 - процентті ен

 - кесте жолы

 - түзету
	 - кесте ұяшығы
 - түзету
 - жолды ауыстырмай
 - баған бойынша созу
 - жол бойынша созу
 - ұяшық түсі
 	 - кесте тақырыбы
 - түзету
Түстер
 - фонның түсі
 - мәтін түсі
 - сілтемелер түсі
 - активті сілтемелердің түсі
 - қарастырылған сілтемелер түсі
“Color” келесі түрде беріледі “#$$$$$$”  - реті: қызыл/жасыл/көк, мысалы,  мәтін  түсі – сары,   мәтін түсі – сары – жасыл.
Сілтемелер
 - сілтеме
 - фондық түстер.
 - бейнелер
бейнелер
ALIGN=[TOP],[BOTTOM],[LEFT],[RIGHT],[MIDDLE] –бейнелердің орналасуы, ALT=X –кірістірілетін мәтін, WIDTH=X – ұзындығы, HEIGHT=X – биіктігі.
Шектеулер
<FRAMESET></FRAMESET> - шектеулер жиынтығын құрады.
Параметрлер:
ROWS=X – фреймдер биіктігі беріледі
COLS=X – фреймдер ені беріледі
BORDER=X – шектеулер размері
FRAMEBORDER=BOOL – фреймдер айналасында шектеулердің болуы немесе болмауы
<FRAME> - фрейм
Параметрлер:
NAME=Имя – фрейм аты
SRC=URL – парақ адресі
MARGINWIDTH=X - өріс ұзындығы
MARGINHEIGHT=X - өріс ені
SCROLLING=BOOL – айналым сызығы
NORESIZE –  фрейм размерін өзгертуге тиым салынады
<NOFRAMES></NOFRAMES> - браузерлерге арналған командалар ауданы,
Объектілер
<OBJECT></OBJECT> - объектілер береді
Параметрлер:
CODEB ASE = URL – объект файылының адресі
ID=X ID – объект
PARAM NAME = Value – объект қасиетінің мәні
ALIGN= түзету – бетті түзетуді анықтайды
WIDTH= ені
HEIGHT= биіктігі
Формалар
<FORM ACTION=URL METHOD=[GET],[POST]></FORM> - форманы құрады және мәліметтерді қайда, қандай әдіспен жіберуді анықтайды
<INPUT TYPE=Type> - формалар элементтері
 Type:
Text – мәтіндік өріс
Password – парольдерді енгізу өрісі
Button – батырма
Reset – мәндерді қалпына келтіру батырмасы
Submit – мәндерді жіберу батырмасы
Checkbox – таңдау
Radio –қосушы
Параметрлер:
NAME=Имя – элемент атауы
VALUE=Значение – элемент мәні
SIZE=X  - элемент размері
Сіздер қолданатын стандартты түстер:
1. Black (қара)   #000000
2.	Maroon (темно-бордовый)   #800000
3.	Green(жасыл)   #008000
4.	Olive (оливковый)   #808000
5.	Navy(темно-синий)   #000080
6.	Purple(фиолетовый)   #800080
7.	Teal(темно-зеленый)   #008080
8.	Gray(сұр)   #808080
9.	Silver(күміс түстес)   #C0C0C0
10.	Red (қызыл)   #FF0000
11.	Lime(известь)   #00FF00
12.	Yellow(сары)   #FFFF00
13.	Blue(көк)   #0000FF
14.	Fucksia(фуксия)   #FF00FF
15.	Aqua (көкшіл)  #00FFFF
16.	White(ақ)   #FFFFFF
HTML-құжаттағы бейнелер. HTML-құжатта бейнені өте қарапайым жолмен тұрғызуға болады. Ол үшін бұл бейне  GIF форматында болу керек (файл  *.gif кеңейтілуімен) немесе JPEG (файл *.jpg немесе *.jpeg кеңейтілуімен) және бір жол HTML-мәтінде. Бізге құжатқа HTML құжатпен бір каталогта орналасқан picture.gif файлында жазылған бейнені іске қосу керек. Онда жол мынадай болады:

Белгі   ALT атрибутын қосу керек="[мәтін]", мысалы:

Браузер мұндай тегті кездестіріп, экранда сурет мәтінің көрсетеді және оның орнына  picture.gif файлынан сурет жүктейді. ALT атрибуты бейнені ұстамайтын ескі браузерлер үшін қажет, сол сияқты браузерде бейнені автоматты жүктеу өшіріліп тұрса. Интернетке жай қосылған кезде, бұл уақытты үнемдеу үшін жасалады. Бейнесі бар файл, басқа каталогта немесе басқа серверде орналасуы мүмкін. Бұл жағдайда оның толық атын көрсету керек.

<TITLE> Бейне мысалы </TITLE>

 Бейне

 Бейнені қарапайым түрде тұрғызуға болады:

Сонымен қатар, бейнені  "ыстық" етіп жасауға болады, немесе бейнеге өтуді іске асыру:

3. Жаңа тақырыпты бекіту	.........................................................................................	15 минут
«Кім білімпаз?» Оқушылармен сұрақ-жауап
1.	Гипермәтін дегеніміз не?
2.	Разметкалау дегеніміз не?
3.	Тег дегеніміз не?
4.	HTML құжатының структурасы
5.	Құжаттың функционалды бөлімдері
6.	Безендіру тегтері:

«Ойлан, тап!»  HTML құжатының структурасын құрастыру

«Кім жылдам?»  HTML-дің тектерін ажырату

4. Жеке тапсырмалар 	.........................................................................................	40 минут
Оқушылар берілген тапсырмаларды жеке-жеке орындайды
1-тапсырма
 Блокнотты ашыңыз да, келесі мәтінді енгізіңіз:

        <TITLE>Төртінші бет Арман Айда</TITLE>

2. «Фамилия_4.HTML» деген атпен файлды сақтаңыз
3. Paint графикалық редакторын ашыңыз. Суреттің өлшемін 300 х 200 пикселге орнатыңыз да, келесі суретті салыңыз.

Familie.jpg деген атпен суретті сақтаңыз (файлдың аты ағылшын тілінде болсын).
4.   тегінен кейін келесі мәтінді енгіз:

Броузерді қосыңыз да, броузердегі шыққан суретті көресіз.

5. Келесі фразаны қойыңыз:

                                   Менің сайтымның негізгі беті.

Сақтаңыз да, браузерді қосыңыз.  Экранда қызыл түспен ортада «Менің сайтымның негізгі беті» фразасы  пайда болады.
6.
  жабылатын тегінің алдында гипперсілтемені көрсететін тегті қойыңыз

Тәжірибелік жұмыс № 1
Бірінші беттегі файлдың аты дұрыс жазылғанына назарыңызды аударыңыз. Сақтаңыз да, гиперсілтеме дұрыс жұмыс жасағанын назар аударыңыз.
7. Басқа екі жұмысқа сілтеме жасап көріңіз.
8. Бірінші   тегінен кейін үш файлды қосыңыз:

Басты меню
Гиперсілтеме жұмыс жасағанын көресіз
2-тапсырма
 Дискіге жасаған жұмыстарыңызды сақтау үшін жеке бума құрыңыз.
1. Блокнотты (notepad) ашып келесі мәтінді теріңіз:

<title>Менің бірінші қадамым  </title>

Сәлеметсіз бе, бұл менің бірінші бетім (Здравствуйте, это моя первая страница).

Қош келдіңіздер! (Добро пожаловать!)

2. Өз бумаңызға мәліметті index.html деп сақтаңыз
3. Internet Explorer –ді ашыңыз (блокнотты жаппаңыз, ол бізге керек болады).
(Файл - Открыть - кнопка Обзор -…- index.html).
3 - тапсырма
1. «Қош келдіңіздер»  деген сөзді қызылға бояйық:

<title> Менің бірінші қадамым  </title>

Сәлеметсіз бе, бұл менің бірінші бетім

 Қош келдіңіздер!:)

2. Өзіңіздің мәліметіңізде мәтінді сәйкес келетін атрибутты қойып түзетіңіз.

<title> Менің бірінші қадамым  </title>

Сәлеметсіз бе, бұл менің бірінші бетім.

 Қош келдіңіздер! :)

3. Өзіңіздің мәліметіңіздегі келесі образбен кодын өзгертіңіз

<title> Менің бірінші қадамым  </title>

 Сәлеметсіз бе, бұл менің бірінші бетім.

 Қош келдіңіздер! :)

4-тапсырма
«Тілек» бет құрыңыз. Оған келесі сөйлемдерді енгізіңіз:
Туған күн ерекше күн әрбір жанға
Жан досымды асықтым мен құттықтауға
Бар бақытты тіледім бір өзіңе
Армандарың орындалсын бұл өмірде
Денсаулығың мықты боп әрқашанда
Жүре берші жадырап ортамызда
Демеп жүрер жанның бірі сенсің қиналғанда
Үзілмесін достығымыз ешқашанда!!!
 Әр бір сөйлемді жаңа жолдан жазу керек.
HTML мәтіні – беттің коды:

<title>Тілек</title>

 Туған күн ерекше күн әрбір жанға

 Жан досымды асықтым мен құттықтауға

 Үзілмесін достығымыз ешқашанда!!!!

5 - тапсырма
 «Жеке» бетін құрыңыз. Осы бетке 3 – тапсырманын сөйлемдерін қой, әр сөйлемнің деңгейі әртүрлі болу керек (бірінші, үшінші, бесінші), соңғысына адресті енгіз.

<title>Личная </title>

<Н 1 > Туған күн ерекше күн әрбір жанға </Н 1 >
<НЗ> Жан досымды асықтым мен құттықтауға</НЗ>
<Н5> Бар бақытты тіледім бір өзіңе Н5>
<ADDRESS> Демеп жүрер жанның бірі сенсің қиналғанда
</ADDRESS>

6-тапсырма
 Гипермәтінді құжатпен файл құрыңыз
Блокнот редакторын қосыңыз да, мәтінді енгізіңіз:
Менің бірінші web-бетіме қош келіпсіздер!
Файлды арнайы құрылған буманызда  1_name.htm деген атпен сақтаңыз.
1.  html-құжатының құрылымын көрсетіңіз:
•	Блокнотты ашыңыз да, ( <TITLE> </TITLE> тегінің арасына) өзіңнің фамилиянды жаз.

 <TITLE> Фамилия </TITLE>

                             Менің бірінші web-бетіме қош келіпсіздер!

2. Құжатты бірінші сақтаған атпен сақтаңыз да, броузерде  (Вид/Обновить-ті орында немесе құрал-саймандар тақтасынан Обновить–ті басыңыз).
3. Құжатты редактирлеңіз:
Броузер менюін шақырып, Вид/Просмотр HTML-кода «Менің бірінші web-бетіме қош келіпсіздер!»-ден кейін мына мәтінді енгізіңіз:
Студент Топ N  Фамилия  Аты
Құжатты сақтап және броузерден обновить етіп көріңіз (бірақ блокнотты жаппаңыз).
•
 тегін пайдаланып Фамилия  Атын жаңа жолға түсіріңіз де, броузерден жаңа нұсқасын көріңіз
4. Тақырыптарды пайдаланып мәтіндерді өзгертіңіз:
•
 …
 тектерін пайдаланып бірінші жолды 1-ші деңгейдегі тақырыппен өзгертіңіз. Екінші жолды 6-ші деңгейдегі тақырыппен, үшінші жолды 4-ші деңгейдегі тақырыппен өзгертіңіз
•	Броузерден құжатты ашып қаріптердің өзгергенін көріңіз (меню Вид / Размер шрифта  / Самый крупный, Средний, Мелкий и  Самый мелкий).
5. Енді бірінші жолды 2-ші деңгейдегі тақырыппен,  екінші жолды 5-ші деңгейдегі тақырыппен, үшінші жолды 3-ші деңгейдегі тақырыппен өзгертіңіз.
6. Қаріпті әртүрлі деңгейде өзгертіңіз:
•	Фамилия Аты жолынан кейін тағы бір мәтін енгізіңіз
Бізді таңертен салқын ауа райы қарсы алады.
•	Фразаны төмендегі үлгімен безендірейік.

«Таңертен» сөзін жасыл түспен безендірейік. «Салқын» сөзін қызыл түспен, ал «ауа райы»  сөзін көк түспен безендірейік.
7-тапсырма
Жаңа жолға жазуды орындайық:
•	2_name.htm деген атпен жаңа құжат құрыңыз, оны да сол жұмыс жасаған бумаңызға сақта. Мәтінді енгіз ( 1_name.htm құжатынан мәтінді көшіріп алсаңыз да болады):

 <TITLE> Фамилия </TITLE>

Менің екінші web-бетіме қош келіпсіздер!
 Өмірбаян М. Мақатаев

•	Мәтін ортаға жазылу керек.
•	Мәтінді енгіз:
Мақатаев Мұқағали Сүлейменұлы – Қазақтың әйгілі ақыны. Туылған жері – Алматы облысының Нарынқол ауданында Шалкөде ауылында дүниеге келген. Топырақ бұйырған жері – Алматы қаласы. Балалық бал дәурені соғыс жылдарының ауырлық-тауқыметімен тұспа-тұс келеді. Әкесі Сүлеймен соғыста қаза болып, анасы Нағиман Мұқағалидың өкшесін баса туған үш ұлды өзі асырап, жеткізген.
        Ол қазақ әдебиетін байытып, кісілігін биіктетіп, парасатын кемелдендіре түсті. Оның көптеген поэзиялары бар. ”Ильич”, ”Армысыңдар достар”, ”Қарлығашым келдің бе?”, ”Мавр”, ”Аққулар ұйықтағанда”, ”Шуағым менің”, ”Жұлдыз”, ”Үш бақытым” және тағы басқа туындылары бар.
•	Өмірбаянды жаңа жолдарға бөліңіз. Мәтіндер ортаға жазылу керек.
Мақатаев Мұқағали Сүлейменұлы – Қазақтың әйгілі ақыны.
Туылған жері – Алматы облысының Нарынқол ауданында Шалкөде ауылында дүниеге келген.
Топырақ бұйырған жері – Алматы қаласы.
Балалық бал дәурені соғыс жылдарының ауырлық-тауқыметімен тұспа-тұс келеді.
Әкесі Сүлеймен соғыста қаза болып, анасы Нағиман Мұқағалидың өкшесін баса туған үш ұлды өзі асырап, жеткізген...
•	Құжатты сақтаңыз.
•	Құжатты броузер терезесінен көріңіз.
8-тапсырма
Тізіммен безендіруді орындаңыз:
•	 3_name.htm деген атпен жаңа құжат құрыңыз, оны да жұмыс бумасына сақтаңыз.
•	Мәтінді енгізіңіз:

 <TITLE> Фамилия </TITLE>

Менің үшінші web-бетіме қош келіпсіздер!

•	Құжатқа келесі мәтінді енгізіңіз ( … тегінің арасына):
	Мен қалай безендіруді білемін:
	Қаріптер,
	Тақырыптар,
	Жаңа жолдар
•	Соңғы үш жолды номерлі тізім жасаңыз. Бұл үшін келесі тектерді қолданыңыз:

 Қаріптер,

 Тақырыптар,

 Жаңа жолдар

•	Тізімді список маркированный-ға ауыстырыңыз. Ол үшін
,
 тектерін пайдаланыңыз

•	Аралас тізім құрыңыз:
Мен қалай безендіруді білемін:
1.	Қаріптер
•	Өлшемі
•	Түсі
•	Гарнитуры
•	Индекстері
2.	Тақырыптар
•	1-ден  6-шы деңгейге дейін
3.	Жаңа жолдар
•	Сөйлемдерді жаңа жолдарға бөлу
•	Жаңа жолдардағы сөздерді ортаға жазу
7. Жасалған жұмысты оқытушыға көрсету.
9- тапсырма
Бетті «Формулы» деп құрайық. Оған төмендегі формулаларды әр қайсысын жаңа жолдан енгіземіз:
Формула уксусной кислоты СНзСООН.
Формула ортофосфорной кислоты. Н3РО4.
Глюкоза имеет сложную формулу СбН12Об.
Квадратное уравнение Ах2 + Вх + C=Q.
Биквадратное уравнение Ах4 + Вх2 + С=0.

<НЕАD><ТIТLЕ>ФОРМУЛЫ</ТIТLЕ></НЕАD>

ФОРМУЛА УКСУСНОЙ КИСЛОТЫ CH3COOH.
<ВR>ФОРМУЛА ОРТОФОСФОРНОЙ КИСЛОТЫ. H3PO4.
<ВR>ГЛЮКОЗА ИМЕЕТ СЛОЖНУЮ ФОРМУЛУ
<ВК>КВАДРАТНОЕ УРАВНЕНИЕ AX2+BX+C=0

БИКВАДPATHOE УРАВНЕНИЕ AX4+BX2+C=0

10 - тапсырма
Бетті «Уравнение» деп құрайық. Бетке тапсырманың шарттары, оны шешу жолдары, жауабы егізіледі. Тапсырманың шарттары ортасында асты сызылған, шешу жолдары сол жағында, жауабы оң жағында курсивті болу керек. «Условие задачи», «Решение», «Ответ» сөздері жартылай қалың қаріпте болу керек.
Формула уксусной кислоты СН3СООН.
Формула ортофосфорной кислоты. Н3РО4.
Глюкоза имеет сложную формулу C6H12O6
Квадратное уравнение Ах2+Вх+С=0
Биквадратное уравнение Ах4+Вх2+С=0
Задача. Решить уравнение: х +3х -4х-12=0.
Текст HTML - кода страницы:
Задача. Решить уравнение: х +3х -4х-12=0.
Текст HTML - кода страницы:

<TITLE>Уpaвнeниe</TITLE>

Уcлoвиe задачи:</В>

Решить уравнение x3+3x2-4x-12=0

Решение задачи:</В>

x3 +3 x2-4x-12=0

x2(x+3)-4(x+3)=0

(x+3)(x2-4)=0

x+3=0
xK/sub>=-3

x2-4=0
x2=2

x3=-2

<В>Ответ:</В>

x 1 =-3, x2=2,
x3 =-2

<TITLE>Уpaвнeниe</TITLE>

Уcлoвиe задачи:</В>

Решить уравнение x3+3x2-4x-12=0

Решение задачи:</В>

x3 +3 x2-4x-12=0

x2(x+3)-4(x+3)=0

(x+3)(x2-4)=0

x+3=0
xK/sub>=-3

x2-4=0
x2=2

x3=-2

<В>Ответ:</В>

x 1 =-3, x2=2,
x3 =-2

11 – тапсырма
Кез келген тізім элементі әртүрлі толық тізімнен тұрады. Енгізілген тізімдер әртүрлі жоспар мен тақырыптарды дайындауға ыңғайлы.

<title> 6 Мысал</title>

HTML бірнеше тізімді ұстайды

 Нөмірленбеген тізімдер

 Нөмірленбеген тізім элементтері арнайы символмен және солға жылжытумен ерекшелінеді:

 1 элемент

 2 элемент

 3 элемент

 Нөмірленген тізімдер

 Нөмірленген тізім элементтері солға жылжытумен, сонымен бірге нөмірлеумен ерекшелінеді:

 1 элемент

 1 элемент

 3 элемент

 Анықтама тізімдер

 Бұл тізім түрі алдыңғы тізімдерге қарағанда күрделі, бірақ тиімді.

 Еске сақтаңыз, тізімді бірінен соң бірін тұрғызуға болады, бірақ енгізудің бірнеше деңгейін  қолдана беруге болмайды.

 Көңіл бөліңіз, тізім элементінің ішінде бірнеше абзацтар орналасады. Барлық абзацтардың бірыңғай сол жақ өрісі болады.

</

>

12– тапсырма
Төменде горизонтальды сызықтар коллекциясы келтірілген.

<title>Сызық мысалы</title>

Горизонтальды сызықтар коллекциясы

13 – тапсырма
Суретті шығару

<TITLE> Бейне мысалы </TITLE>

 Бейне

 Бейнені қарапайым түрде тұрғызуға болады:

Сонымен қатар, бейнені  "ыстық" етіп жасауға болады, немесе бейнеге өтуді іске асыру:

14- тапсырма
«Мой первый шаг» бетін құр. Оған сурет енгіз. Суреттін атын енгізу керек, сонда дұрыс шығады.

<title>Мой первый шаг </title>

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомиться со мной, и у меня появится  еще один виртуальный друг?

14- тапсырма
Суретіміз сол жақ экранда, ал мәтініміз оның оң жағында шығу үшін:

<title>Мой первый шаг </title>

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу.

 А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится  еще один виртуальный друг?

 На фотографии изображен(а) я. Качество картинки не очень хорошее, к сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в целом заметно, что я вполне ничего

  Если ты так тоже думаешь, то давай как-нибудь встретимся, поболтаем, чайку попьем в кафешке. Кто знает, может быть, мы и в реальной жизни станем друзьями

15 – тапсырма
Енді айырмашылығн анықтаймыз:

<title>Мой первый шаг </title>

Здравствуйте, это моя первая страница.

 Добро пожаловать!

 Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу.

 А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится  еще один виртуальный друг?

 На фотографии изображен(а) я. Качество картинки не очень хорошее, к сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в целом заметно, что я вполне ничего:)

 Если ты так тоже думаешь, то давай как-нибудь встретимся, поболтаем, чайку попьем в кафешке? Кто знает, может быть, мы и в реальной жизни станем друзьями

5. Қорытындылау         ............................................................................................................  5 минут
Оқушылар өз ойларын ортаға салып, не үйреніп, не меңгергені туралы айтады.
6. Бағалау                        ............................................................................................................ 2 минут
Сабаққа белсене қатысқан оқушыларды бағалаймын


extracted_text:
Выполнила: СергееваМомич Наталья Юрьевна, учитель немецкого языка,
МБОУ "Гимназия №1" г. Нижневартовск, ХМАОЮгра
Фрагмент программы дистанционного обучения
по теме "Мой учебный день"
курса "Немецкий язык. Второй иностранный. 5 класс"
на основе УМК "Немецкий язык. 59 класс"
Аверина М.М., Джин Ф., Рорман Л., Збранковой М..
Пояснительная записка
В   законе   Российской   Федерации   «Об   образовании»   (статья   32)   «под
дистанционными   образовательными   технологиями   (ДОТ)   понимаются   образовательные
технологии,
  реализуемые   в   основном   с   применением   информационных   и
телекоммуникационных технологий при опосредованном (на расстоянии) или не полностью
опосредованном взаимодействии обучающегося и педагогического работника»
В   Приказе   Минобрнауки   России   от   6   мая   2005   г.   №   137   «Об   исполь   зовании
дистанционных  образовательных  технологий»  подчеркивается,  что целью  использования
ДОТ образовательным учреждением является предоставление обучающимся возможности
освоения образовательных программ непосредственно по месту жительства обучающегося
или его временного пребывания (нахождения).
Мы проживаем в городе, приравненном к районам Крайнего Севера. Изза низкой
температуры воздуха часто объявляются актированные дни; а изза эпидемиологической
ситуации   школы   закрываются   на   карантин.  В   это   время   учащиеся   не   могут   посещать
учебные занятия. В этих условиях широкое использование дистанционных образовательных
технологий в школьном образовании становится актуальным.
Введение дистанционных образовательных технологий в учебный процесс приводит
к   появлению   новых   возможностей   для   реализации   проблемнопоисковой   и   проектной
деятельности   учащихся,   стимулирует   развитие   самостоятельности   в   организации
деятельности.   Учащиеся   приобретают   не   только   новые   информационные   компетенции,
необходимые   каждому   профессионалу   для   успешного   функционирования   в   любой
деятельности, но и пополняют перечень навыков и компетенций, относящихся к социально
значимым,   определяющим   дальнейшую   успешность   человека   во   всех   сферах   его
жизнедеятельности
Фрагмент программы дистанционного обучения  по немецкому языку как второму
иностранному  для  5  класса  по теме  "Мой  учебный  день"  составлен  в  соответствии  с
требованиями  ФГОС ООО  второго поколения по иностранным языкам  с  учётом
концепции духовнонравственного  воспитания  и  планируемых результатов освоения
основной  образовательной  программы,  рекомендаций   авторов   предметной   линии
учебников   «Горизонты»  под   редакцией   М.М.Аверина,  основной   общеобразовательной
программой МБОУ "Гимназия №1".
Согласно базисному учебному плану МБОУ "Гимназия №1" на изучение второго
иностранного   языка   отводится   2   часа   в   неделю,   всего   70   часов.   Исходя   из   этого   на
изучение данной темы отводится 9 часов.
Целью изучения немецкого языка является формирование и развитие иноязычной
коммуникативной   компетенции   учащихся   в  совокупности   её   составляющих:  речевой,
языковой, социокультурной, компенсаторной и учебнопознавательной; развитие личности
учащихся  посредством реализации  воспитательного потенциала изучаемого иностранного
языка с использованием дистанционных образовательных технологий.
Задачи: Выполнила: СергееваМомич Наталья Юрьевна, учитель немецкого языка,
МБОУ "Гимназия №1" г. Нижневартовск, ХМАОЮгра
1. Сформировать у учащихся базовые знания и умения по изучаемой теме: разным видам
чтения; устному и письменному рассказу о своём распорядке дня; диалогу о любимых
учебных предметах; работе с песенным материалом.
2. Проверить уровень сформированности коммуникативной, компенсаторной, языковой и
речевой компетенции по пройденной теме (контрольное задание).
3. Научить учащихся рефлексии и саморефлексии в рамках работы над портфолио.
4. Повысить мотивацию учащихся к изучаемому предмету.
5. Обеспечить личностноориентированный подход при организации учебного процесса;
6.   Реализовать   возможности   интерактивного   общения   участников   образовательного
процесса с целью его оптимизации и повышения уровня эффективности;
7.   Сформировать   у   учащихся   навыки   самостоятельного   управления   своей   учебной
деятельностью;
8. Развить у учащихся навыки самоорганизации и рационального осуществления учебной
деятельности при отсутствии жёсткого регламента учебных занятий;
9.   Создать   условия   психологического   комфорта   в   условиях   электронного   обучения,
дистанционных образовательных технологий;

Збранковой
(электронная
   rabochie

 /2014112880950/
 nemeckii

 .  com

Средствами реализации рабочей программы является УМК, позволяющий выйти на
уровень   А1   европейских   языковых   компетенций:   Немецкий   язык.  Рабочие   программы.
Предметная линия учебников "Горизонты". 59 классы авторов  Аверина  М.М., Джин Ф.,

  М..
Л.,

Рорман

версия
 59
 nemeckii
 /2015120787637/

http
 klass

   yazik

 ://   nashol
 .  com

   predmetnaya

   gorizonti
   m     m     gucaluk
   uchebnikov
liniya

   averin
   e    u    harchenko

 учебник
(электронная версия   http
 ://   nashol
   m     m
djin

   m   2011.
 html);   рабочая   тетрадь   (электронная   версия
http
 /1791164/);   книга   для   учителя   (электронная   версия
http
 ?  ob   _  no   =28210);   контрольные   задания   56   классы
(электронная версия   http
 htm  ); рабочие листы (на сайте
 .  ru   /  d  /  germ
для

http
 ?  ob   _  no   =40581;   аудиокурс   (mp3)   к
учебнику,   рабочей   тетради,   книге   для   учителя   и   контрольные   задания   на   сайте
(электронная   версия     http
 ?  ob   _  no   =45002);   интернет
поддержка (www

 /  germ
 107.

 электронная
 .  aspx

   programmi

 html);
 5
 klass

   f    rorman
 .  twirpx

 ://   www
 .  prosv

 ://   old
   l    zbrankova
 /  file
 /  horizonte

 .  com

 .  ru   /  umk
скачивания

 /  horizonte

   e    r  2012.
   yazik

 /  info
 .  aspx

 .  alleng

 .  ru   /  umk
 /  horizonte

 /  info
 /  umk

 /  horizonte

 /  info
 ://   old
 .  prosv

 .  ru   /  umk
 /  horizonte).
 ://   old
 .  prosv

 .  ru   /  umk
 ://   www

версия

 .  aspx

   averin

 .  prosv

Техническое   и   программное   оснащение   кабинета   немецкого   языка   позволяет
осуществлять  дистанционное обучение:  наличие  ПК; сканера;  webкамеры  + гарнитуры
(микрофон + динамики); принтера; браузера; проигрывателя  Adobe  flash; установленных
компьютерных   программ   и   выхода   в   Интернет.  (По   результатам   анкетирования,
проведённым в ОУ "Гимназия №1" в 20152016 учебном году, только 2% учащихся не
пользуются интернетом по техническим причинам).
Требования к обучаемым  иметь навыки пользователя компьютера: уметь набирать
текст и создавать рисунки, сохранять их во внешней памяти компьютера, архивировать и
разархивировать   файлы,   уметь   пользоваться   электронной   почтой,   программой
просмотрщиком   вебстраниц,   технологиями   гостевой   книги   и   беседы   (chat).   В   случае
неподготовленности   непосредственных   участников   дистанционного   урока   по
перечисленным параметрам большая часть работы ложится на учителя, который проводит
обучающий семинар для учащихся и их законных представителей.
Основными ДОТ по способу доставки учебного материала являются: комплексные
кейстехнологии;   телекоммуникационные   технологии;   интернеттехнологии;   технологии,
основанные на использовании интегрированной образовательной среды. Выполнила: СергееваМомич Наталья Юрьевна, учитель немецкого языка,
МБОУ "Гимназия №1" г. Нижневартовск, ХМАОЮгра
Способы   доставки   учебных   материалов   ученикам   и   обратная   связь   с   ними
осуществляется через:
1. Использование  email  или технологии ichat для доставки учебных материалов
ученику в формате DOC или HTML. Ученики получают учебные кейсы с рекомендациями
по изучению учебного материала и выполнению заданий. Выполненные задания ученики
пересылают учителю.
2. Размещение учебных материалов и задания уроков в формате .DOC или HTML в
сети на Webстранице. Для изучения материалов ученикам требуется скачать документ на
свой   персональный   компьютер,   выполненные   задания   ученики   пересылают   учителю   по
электронной почте.
3. Представление урока как отдельного Webсайта (например, в системе Moodlе или
страницы персонального сайта учителя). Управление ходом познавательной деятельности
ученика осуществляется посредством перекрестных гиперссылок. Такой способ доставки
учебных   материалов   позволяет   наиболее   эффективно   организовать   интерактивное
взаимодействие учителя и ученика.
В   практике   реализации   дистанционного   обучения   используются   как   методика
синхронного дистанционного обучения  общение учащегося и преподавателя в режиме
реального времени  online общение (дополнительно назначается время для консультации с
использованием программы Skype, форум, информация об учениках, обучающихся на том
же   курсе,   Email,
 «Viber»      интернеттелефон);   так   и   методика   асинхронного
дистанционного обучения  когда невозможно общение между преподавателем и учащимся
в   реальном   времени   –   так   называемое   offline   общение   (учитель   анализирует   ответы,
оптимизирует  подачу материала ученикамслушателям, вопросы,). Возможна смешанная
методика – когда программа обучения строится как из элементов синхронной, так и из
элементов асинхронной методики обучения.
Формами дистанционного обучения: chatзанятия, webзанятия, телеконференции.
Система   дистанционного   обучения   становится   посредником   между   учеником   и
преподавателем.   А  проектирование   материалов   для   обучения      важной   задачей   для
педагога,   т.к.   дистанционное   обучение   представляет  собой   целый   комплекс   модулей
(структурный элемент программы обучения, оформляющийся в виде отдельного документа
на   бумажном   или   электронном   носителе),   отвечающих   за   отдельные   этапы   обучения
(включает   ориентировочную   часть   (цели,   информационные   ресурсы,   перечень   учебных
элементов), информационную часть (учебные элементы, глоссарий), диагностическую часть
(тесты и практические задания), рефлексивную часть (анкета для оценки достижений)).
Формы организации работы учащихся: индивидуальная, групповая, коллективная.
Виды   деятельности   учащихся:   обсуждения,   работа   с   источниками,   презентации,
минипроекты.
Требования к результатам освоения содержания курса
Личностные результаты должны отражать:

освоение социальной роли обучающегося, развитие мотивов учебной деятельности и
формирование личностного смысла учения;
развитие самостоятельности и личной ответственности за свои поступки, в том числе в
процессе учения;

 формирование   целостного,   социально   ориентированного   взгляда   на   мир   в   его
органичном единстве и разнообразии природы, народов, культур и религий;
 формирование основ российской гражданской идентичности, чувства гордости за свою
Родину, российский народ и историю России, Выполнила: СергееваМомич Наталья Юрьевна, учитель немецкого языка,
МБОУ "Гимназия №1" г. Нижневартовск, ХМАОЮгра
 формирование уважительного отношения к иному мнению, истории и культуре других
народов;
Метапредметные результаты должны отражать:


умение самостоятельно определять цели своего обучения, ставить и формулировать
для себя новые задачи в учёбе и познавательной деятельности, развивать мотивы и
интересы своей познавательной деятельности;
умение   организовывать   учебное   сотрудничество   и   совместную   деятельность   с
учителем   и   сверстниками;   работать   индивидуально   и   в   группе:   находить   общее
решение и разрешать конфликты на основе согласования позиций и учёта интересов;
формулировать, аргументировать и отстаивать своё мнение;
Предметными результатами изучения иностранного, являются:
А. В коммуникативной сфере (т. е. во владении иностранным языком как средством
общения):
Речевая компетенция в следующих видах речевой деятельности:
говорение:  вести   элементарный   этикетный   диалог   по   изучаемой   теме,   диалог
расспрос   (вопрос      ответ)   и   диалог     побуждение   к  действию;   уметь   на   элементарном
уровне рассказывать о своём школьном распорядке дня, расписании и любимом школьном
предмете;
аудирование: понимать на слух речь учителя и одноклассников; основное содержание
небольших   доступных   текстов   с   общим   и   выборочным   пониманием   в   аудиозаписи,
построенных на изученном языковом материале;
чтение:  читать   вслух   небольшие   тексты,   соблюдая   правила   чтения   и   нужную
интонацию; читать про себя тексты, включающие как изученный языковой материал, так и
отдельные новые слова, и понимать их основное содержание; находить в тексте нужную
информацию, пользоваться словарём;
письменная речь:  владеть техникой орфографически правильного письма; писать с
опорой на образец короткое личное, в том числе электронное, письмо;
Языковая компетенция (владение языковыми средствами):
адекватное   произношение   и   различение   на   слух   всех   звуков   иностранного   языка;
распознавание   и   употребление   в   речи   изученных   лексических   единиц   (слов,
словосочетаний, оценочной лексики, речевых клише) и грамматических явлений.
Социокультурная  осведомлённость (межкультурная компетенция): знание названий
стран и некоторых городов изучаемого языка; представление о сходстве и различиях в
традициях   своей   страны   и   стран   изучаемого   языка;   понимание   роли   владения
иностранными языками в современном мире на доступном учащимся уровне.
Б.   В   познавательной   сфере:  овладение   начальными   представлениями   о   нормах
иностранного   языка   (фонетических,   лексических,   грамматических);   умение   сравнивать
языковые   явления   родного,   первого   иностранного   и   второго   иностранного   языков   на
уровне   отдельных   звуков,   букв,   слов,   словосочетаний,   простых   предложений;   умение
действовать   по   образцу   при   выполнении   упражнений   и   составлении   собственных
высказываний в пределах курса; совершенствование приёмов работы с текстом с опорой на
умения, умение пользоваться словарём;
В.   В   ценностноориентационной   сфере:  представление   об   изучаемом   иностранном
языке  немецком  как средстве выражения мыслей, чувств, эмоций;
Г. В эстетической сфере:  владение элементарными средствами выражения чувств и
эмоций на немецком языке;
Д. В трудовой сфере: умение следовать намеченному плану в своём учебном труде;
Прогнозируемые результаты Выполнила: СергееваМомич Наталья Юрьевна, учитель немецкого языка,
МБОУ "Гимназия №1" г. Нижневартовск, ХМАОЮгра
85%   учащихся   научатся   оперировать   активной   лексикой   в   процессе   общения,
соблюдая   правильное   ударение   в   словах   и   фразах,   интонацию   в   целом;   85%      читать,
понимать и составлять своё расписание уроков с указанием дней недели и времени; 75%
рассказывать о своём школьном расписании с указанием названий учебных предметов и
времени; 90%  писать о себе электронное письмо по образцу; 65%  понимать на слух речь
учителя, одноклассников и небольшие доступные тексты аудиозаписей, построенные на
изученном языковом материале, находить запрашиваемую информацию; 90%  вербально
или невербально реагировать на услышанное; 95%  выразительно читать стихотворение;
85%  Составлять предложения с указанием времени, соблюдая правильный порядок слов и
используя временные предлоги; 75% Рассказывать о своём распорядке дня; 75%  читать и
воспринимать на слух страноведческую информацию о школе в немецкоязычных странах.
Достижению   результатов   обучения   способствует   применение   системно
деятельностного   подхода,   который   реализуется   через   использование   эффективных
педагогических   технологий   (личностноориентированное   обучение,
  технология
развивающего обучения, технология критического мышления, ИКТ, проектные технологии,
здоровьесберегающие   технологии),   способствующих   формированию   УУД.   Особое
внимание   уделяется   познавательной   активности   обучающихся,   их   мотивированности   к
самостоятельной учебной работе.
Основные методы контроля и самоконтроля: составление тематического словарика;
словарный   диктант   по   изученной   лексике   (в   парах);   написание   электронного   письма
однокласснику   "Мой   школьный   день";   выполнение   упражнений   в  рабочей   тетради  на
печатной основе или электронная версия  http
 /1791164/; выполнение
заданий   на  рабочих   листах   (на   сайте   для   скачивания  электронная   версия
http
 выполнение
тестовых заданий по изученным тематическим текстам, тематическая контрольная работа:

контрольные
задания

 .  alleng
 .  ru   /  d  /  germ

http

 htm); заполнение листа самоконтроля.
56
 /  germ
 107.

 ?  ob   _  no   =40581);
(электронная
 /  umk

 /  horizonte

 /  info
 ://   old
 .  prosv

 .  ru   /  umk
 /  horizonte

 ://   www
 ://   www
 .  twirpx

 .  com
 /  file
версия
 .  aspx

классы

В   программу   заложена   проектная   деятельность.   Цель   проектной   деятельности:
развитие   коммуникативных   УУД,   установление   эмоциональных   контактов   между
учащимися, приучает работать в команде, работать по плану проекта, прислушиваться к
мнению своих товарищей, добиваться желаемого результата.
Содержание фрагмента программы:
Mein Schultag, 9 часов

Тема
в
соответствии   с
примерной
программой
Учащиеся
научатся
Грамматика
Здоровый   образ   жизни:   режим   труда   и   отдыха,   спорт,   питание.
Школьное   образование,   школьная   жизнь,   изучаемые   предметы   и
отношение к ним
   называть   дни   недели   и   время   суток;   говорить,   который   час;
описывать свой распорядок дня;   рассказывать о своем школьном
расписании,  оперировать активной лексикой в процессе общения;
писать   электронное   письмо   о   себе   по   образцу;      работать   со
страноведческой информацией о школе
указания   времени;   порядок   слов   в   предложениях   с   указанием
времени; предлоги von ... bis, am, um, vor, nach; глагол с отделяемой
приставкой  aufstehen;   обратный   порядок   слов   в   немецком
предложении;
  порядок   слов   в   немецком   вопросительном
предложении Выполнила: СергееваМомич Наталья Юрьевна, учитель немецкого языка,
МБОУ "Гимназия №1" г. Нижневартовск, ХМАОЮгра
Лексика/
речевые образцы
для

Фонетика, ритм,
интонация
«Учись учиться»
Тексты
чтения/
аудирования
Страноведение/пр
оекты
Рабочая тетрадь:
Fitnesscenter
Deutsch
Время, время суток, дни недели, школьные предметы
Um wie viel Uhr beginnt der Unterricht?; Wie spät ist es? Wann hast du
Mathe?
Montags und freitags; habe ich Mathe.
Am Samstag habe ich keine Schule.
гласная  ü  (краткая/долгая);   повторение   словарного   ударения   и
долгих и кратких гласных; эмоционально окрашенная речь
учебные карточки с WFragen
диалоги; понимание аудиотекста; электронное письмо о школе; песня
Расписание уроков; школьные предметы; типы немецких школ
Leseecke: электронное письмо
Поурочный тематический план
Учебные средства
Форма контроля
№ урока в
изучаемом
курсе
Тема урока
32.
1. Утро Леа
33.
2.Время   по
часам
На   каждый   урок   учащийся
получает   конспект   урока,   в
котором   *   отмечены   задания
разной сложности.
На   каждый   урок   учащийся
заполняет   лист   самооценки
(рефлексия)
Дни   недели   на   немецком.
Запоминаем   дни   недели!
https

 /  watch
?  v  =5
Увлекательное   видео,   которое
поможет   нам   выучить   дни
недели
 .  de
online
 _  s
 .  ru   /  index

lova

 ://   www
http
 _  vazhnye

 /  samye
 _  nemeckogo
 /0243
 _  jazyka
 ://   www
 ikBV
 .  youtube

 1_   gjPw
 .  com

 .  ru   /  index

 _  nemeckogo
Понятие времени, дни недели,
 ://   www
время   суток..  http
 .  de
 _  vazhnye
 _
 /  samye
online

slova
 /0243

Задания   на   тренировку   и
закрепление времени

http
 /1507846
 .  org
 learningapps.org/1172135
http://

 ://   learningapps
 _  jazyka

На каждый урок учащийся
заполняет лист
самоконтроля

 .  twirpx

 .  com
 ://   www
 ://   old
 /  umk

 .  prosv

 .  ru   /  umk

 /  info
 /  horizonte

Выполнить упражнения
тетрадь
Рабочая
 /  file
 /1
http
791164/  задания   №1а,в;   2
аудирование
 аудиокурс
(mp3)   к   рабочей   тетради
http
 /  horiz
onte
 .  aspx

?  ob   _  no   =40581
Словарный   диктант   (в
парах)
Выполнить упражнения
тетрадь
Рабочая
http
 /  file
 /1
791164/ задания №3а,в; 4;
аудиокурс
учебнику
 .  ru   /  umk

 .  prosv
 ://   old
http

onte
 /  umk
 /  horizonte

 /  info

?  ob   _  no   =40581
 /  horiz
 .  aspx
 ://   www
 .  twirpx

(mp3)
 .  com
  к Выполнила: СергееваМомич Наталья Юрьевна, учитель немецкого языка,
МБОУ "Гимназия №1" г. Нижневартовск, ХМАОЮгра
34.
  Школьный
3.
день Леа
35.

4.
Мой
школьный день
36.
5.
  Школьный
день в России и
Германии
37.
6.Расписание
уроков Леа
38.
7.Моё
расписание
уроков

час?"
 .  ru   /  igry
 ://   www
"Который
 .  de

Игра
http
online

emeckogo

«Единая   школа»   в   Германии
www
 _  dlya
 _  yasyka
 _  izucheniya
 .  schule

 .  hd   .  bw
 .  igh
 .  de
 _  n

VideoRundgang видео
экскурсия по школе IGA

https
 ://   igh

 /  ueber

heidelberg

 .  com

   rundgang
 /  video
uns

учебник

http
 ://   nashol
 .  com
 /201411288095
   averin
 klass
   yazik
0/   nemeckii

 5

   f    rorman
m     m     djin

   l    zbrankova

m   2011.
 html)
аудиокурс   (mp3)   к   учебнику
 /  horizonte
 .  ru   /  umk
 ://   old
 .  prosv

http
 /

umk
 .  aspx
 /  horizonte

 ?
 /  info

ob   _  no   =40581
Школы в Германии
http://www.tupa
germania.ru/obrazovanie/nemetsk
ajashkola.html

 #
  Ручной
  Заполните
 .  ru   /
 .  studyfun

 D   0%
 D   0%
 BB
 %   D   0%
 B   0%20%

 BE
 D   0%
 D   0%
 B   5%
 D   0%
 B
 D   0%
 %   D   1%8
 BA
 C

 BF
 D   0%
 B   4%
 D   1%82%
 %   D   0%

Карточки   слов.
тренажёр   слов.
пробелы
 ://   german
http

 A   1%
%   D   0%
 B   2%
%   D   0%
BF
 BE
%20%
C
%   D   0%
%   D   0%
%   D   0%
%   D   0%
%   D   1%80%

D   0%
 BC
%   D   0%
учебник
 ://   nashol
http
 .  com
   yazik
0/   nemeckii

m     m     djin

 B   5/%
 BE
 BD
 B   5%20%

 D   0%
 D   0%
 %   D   0%
 %   D   1%8
 B   5%

 A   8%
 BB
 B
 D   0%
 B   5%
 D   1%82%
 D   1%8
 B

 /201411288095
   averin
 klass
 5

   f    rorman
   l    zbrankova

  к
 .  com
(mp3)
 .  twirpx

 ://   www
тетрадь
 /  file
 /1
Выполнить упражнения
Рабочая
http
791164/ задания №4а, в;
аудиокурс
учебнику
 .  ru   /  umk

 .  prosv
 ://   old
http

 /  umk
 /  horizonte
onte

 /  info

?  ob   _  no   =40581
Написать
электронное

письмо   своему   другу   по
образцу
 /  horiz
 .  aspx
Коллективный проект
интерактивная книга
"Самый лучший школьный
день каждого ученика из
класса" с использованием
сервиса zooburst.com и
ru.calameo.com
Выполнить упражнения
Рабочая
http
791164/ задания №8,10;
аудиокурс
учебнику
 .  prosv

http
 ://   old
 .  ru   /  umk

onte
 /  info
 /  horizonte
 /  umk

?  ob   _  no   =40581
 ://   www
 .  twirpx

(mp3)
 .  com

 /  horiz
 .  aspx
тетрадь
 /  file
 /1
  к

Творческая
работа
Оформить своё расписание
www
 /  stu
ndenplan

 .  de   /  schule
 .  kidsweb

 .  htm
 /  std Выполнила: СергееваМомич Наталья Юрьевна, учитель немецкого языка,
МБОУ "Гимназия №1" г. Нижневартовск, ХМАОЮгра
39.
  Любимые
8.
школьные
предметы
40.
  Контроль
9.
ЗУН
 html)

m   2011.
рабочие
 ://   old
http
 .  prosv

/  umk
 /  horizonte

ob   _  no   =40581

 /  horizonte
листы

 .  ru   /  umk
 .  aspx
 /  info

 ?

 .  ru   /  umk
 ://   old
 .  aspx

контрольные   задания   на   сайте
(
 /  horizonte

 .  prosv

 /
http
info
 ?  ob   _  no   =45002)   стр.12
14   упр.14   упр.5   аудирование
аудиокурс   (mp3)   к   рабочей
тетради
 ://   old
http
 .  prosv

umk
 /  horizonte

ob   _  no   =40581
 /  horizonte
 .  ru   /  umk

 /

 .  aspx
 ?
 /  info

Подготовить
проект
презентацию   в   сетевом
ресурсе Prezi. сom.
(индивидуальная карта
учащегося,
защищающего проект)
Контрольная работа
Источники
  Полат   Е.С.
  Развитие   дистанционной   формы   обучения   в   школьном
1.
образования.http://distant.ioso.ru/library/publication/concept.htm.
2. Закон РФ «Об образовании» от 10.07.1992 No 32661 [Электронный ресурс]. Режим
доступа: http://www.consultant.ru/popular/edu/.
3.Приказ   Минобрнауки   России   от   6   мая   2005   г.   №   137   «Об   использовании
дистанционных образовательных технологий» [Электронный ресурс]. Режим доступа:
http://www.edu.ru/dbmon/mo/Data/d_05/m137.html.
4. Программа развития МБОУ "Гимназия №1"
Интернетресурсы
1. Официальный сайт "Просвещения" www
2. Обучающий сайт по немецкому языку www
3. Сервис YouTube с учебными видеофильмами.
4. Сервис учебные приложения LearningApps.org.
5. Сетевой ресурc Prez.com для создания виртуальных презентаций.
6. Сервис  Glogster.com  для создания плакатов с картинками, видео и аудио. Данный
 .  crazylink

 .  prosv

 .  ru.
 .  ru.
сервис используется для обучения пересказа.
7. Интерактивные   книги  zooburst.com  и  ru.calameo.com  помогают   быстро   и   легко
создать свою книгу.
словарь
 https

 ://   www
 .  lingvolive

 .  com
 /  ru     ru   ?
8. Немецкорусский
 =  true
lol
online

 &   utm
 .  ru   &   utm
онлайн

 =  lingvo
 _  source

 _  medium
 =301
 redirect

9. Персональный   сайт   учителя  http
   rс
учебным набором обучающих и контролирующих заданий по немецкому языку для
учащихся 5 классов.
   school

   day

 _  campaign
 &   utm

 ://   momichnata
 =  reg
 .  wixsite

 +  landing.
 /  country

 .  com
НЮСергееваМомич СергееваМомич Н.Ю. 20162017 уч.г.

file_name: Фрагмент программы дистанционного обучения.docx

intro: Фрагмент программы дистанционного обучения по теме "Мой учебный день" курса "Немецкий язык. Второй иностранный. 5 класс" на основе УМК "Немецкий язык. 5-9 класс" Аверина М.М., Джин Ф., Рорман Л., Збранковой М. является аттестационным заданием, в котором отражены цель, задачи программы, обоснована её актуальность, прописаны формы организации работы и виды деятельности учащихся т.д., а также подробно изложены содержание и поурочный план данной программы.

немецкий язык

group: Дисциплины