«HTML парақтарын құру безендіру, тегтерге сипаттама беру.»

Батыс Қазақстан облысының әкімдігі білім басқармасының «Бөкейордасы колледжі»

мемлекеттік коммуналдық қазыналық кәсіпорны

« HTML парақтарын құру безендіру, тегтерге

сипаттама беру»

Өндіріс шебері: Байғуатова Ж.м

Сайқын – 2018 ж

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

«HTML парақтарын құру безендіру, тегтерге сипаттама беру.»

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

Білімділігі: HTML – дің құжатының құрылымы, мүмкіндіктері, тегтерін түсіндіру.
Дамытушылығы: Блокнот қосымшасы арқылы веб бетін өз бетінше пішімдеуге машықтандыру, шығармашылық қабілетін дағдыландыру.
Тәрбиелігі: Студенттерді ұқыптылыққа, шапшаңдыққа, компьютерлік сауаттылыққа тәрбиелеу, өздігінен жұмыс істеу дағдыларын қалыптастыру.
Сабақтың түрі: Аралас сабақ

Сабақта қолданылатын оқытудың әдістері

1. СЫН ТҰРҒЫСЫНАН ОҚЫТУ ТЕХНОЛОГИЯСЫ БОЙЫНША
Әр түрлі деңгейде оқыту әдісі бойынша:

2. АҚПАРАТТЫҚ ТЕХНОЛОГИЯ БОЙЫНША
Интерактивті оқыту әдісі, компьютер

Сабақтың көрнекілігі: Дербес компьютер, Блокнот (Notepad) және Internet Explorer программалары, өзіндік жұмыстардың түрлері.
Пәнаралық байланыс: «Қазақ тілі », «Ағылшын тілі», « Орыс тілі»
ҚОЛДАНЫЛАТЫН ӘДЕБИЕТТЕР
1. Информатика негіздері (ғылыми - әдістемелік журнал) Оқулық
Сабақтың құрылымдық кезеңдері.
1.Ұйымдастыру бөлімі Студентермен амандасу, түгендеу
2. Алгаритмдік – өткен тақырып бойынша, өз бетімен орындалатын тапсырмалар.

а) Жалғасын тап. Үй тапсырмасын тексеру

3. Оқулық – бәрі білуге міндетті, мемлекеттік стандарттық деңгейдегі тапсырмалар.

а) Жаңа сабақ Мағынаны тану. Оқулықпен жұмыс

б) Дәптермен жұмыс

4.Эвристикалық деңгей - студент өзі толықтырады, өзі табады, өзі шешеді, өзі ізденеді

а) Игерейік білімді. Машықтық жұмыс

5. Шығармашылық деңгей - Студенттің шығармашылық ізденісі

6. Бекіту сұрақтары

б) Қас қағым сәт.

Үйге тапсырма беру, Студенттерді бағалау, Сабақты аяқтау

Кабинеттің сабаққа даярлығы. Жұмыс орындарының ток көзіне қосылуы. Компьютерлерді жүктеу, іске қосу.
І. ҰЙЫМДАСТЫРУ БӨЛІМІ
1. Студентермен амандасу, түгендеу

ІІ. ҮЙ ТАПСЫРМАСЫН ТЕКСЕРУ

1 - кезең. а) Жалғасын тап. Үй тапсырмасын тексеру

1. HTML гипертекстік тілін қай жылы ашты? (1989 жылы )

2. HTML гипертекстік тілін кім ашты? ( Тим Бернер – ЛИ )

3. Гипермәтін дегеніміз не? (Гипермәтін – бұл қосымша элементтерді басқару мақсатында ішіне екпінді элемент орналасқан мәтін түрі? )

4. Web – парақ деп нені айтамыз ? (WWW құжатының бір ғана экрандық беті Web – парақ деп аталады. Онда мәтін , графика, мультимедиалық обектілер сақталып тұрады. Ал бір тақырыпқа арналған Web – парақтар жиыны Web сайт деп аталады.)

5. Броузер дегеніміз не? ( Құжаттарды нақты бір компьютерде оқып көру броузер деп аталады. Ағылшынша browser )

6.HTML ағылшын тілінен аударғанда қандай мағынаны білдіреді? ( Гипермәтінді белгілеу)

- Олай болса, бүгінгі тақырыбымыз «HTML парақтарын құру безендіру, тегтерге сипаттама беру.» Дәптерімізді ашып, күннің жады мен тақырыпты жазайық.

2 - кезең Мағынаны тану. Оқулықпен жұмыс

HTML (HyperText Markup Language-гипермәтіндік белгілеу тілі) – қатаң ережелері бар компьютерлік тіл. HTML тілінде құжаттың авторы өз мәтінін тегтер деп аталатын символдар көмегімен арнайы файлға – Web-бетке айналдырады. Web-беттің мазмұны әртүрлі болуы мүмкін, бірақ барлығы да арнаулы HTML тілінде жазылғандықтан бұл құжаттардың кеңейтілмесі .htm немесе .html болып келеді. Web-беттің негізгі қызметі – қажетті ақпаратты іздеу, жинастыру және оны экранға шығаруды ұйымдастыру. Web-беттер түрінде дайындалып сақталған электрондық құжаттарға – мәліметтер, графиктер, фотосуреттер жатады. Интернетте электрондық құжат құру үшін HTML арнайы тілі пайдаланылады және олар HTML форматында сақталады. HTML тіліндегі құжат – құжаттың негізгі мәтінінен және тегтерден тұрады. Бұл файлды құру үшін қарапайым мәтіндік редактор Блокнотты қолдансақ та болады.

Барлық тегтер «кіші» () символынан басталады да «үлкен» ()символымен аяқталады. Бұл символдар жұбын бұрыштық жақшалар деп те атайды. Ашылған бұрыштық символдан кейін тегті анықтайтын өзекті сөздерорналасады. HTML тілінің тегтері құжаттың арнаулы бөлігіне ғана, мысалы, абзацқағана әсер етеді. Сондықтан да  ашылатын және жабылатын – жұп тегтерқолданылады. Ашылатын тег құжаттың бөлігіне қандай да бір әсер береді, алжабылатын тег осы әсерді доғарады. Жабылатын тегтер – «/» - символымен басталады.

3- кезең « Игерейік білімді » Машықтық жұмыс

Тапсырмалар: Блокнот «HTML құжатында Мәтін енгізу.

Internet Explorer программаларында нәтижесін көрсету.
№1тапсырма Мәтін енгізу
1) Блокнот текстік редакторының терезесін ашып, бос құжатты Задание4. html деп сақтаңыз
2.Парақтың аты: Мәтінмен мен жұмыс.
Парақтың мазмұны: html - құжатты графикалық безендіру.
3. Алынған құжатты lab5. htm атымен сақтаңыз.
4. Берілген құжатты қарау үшін MS Internet Explorer броузерін жүктеңіз.

HTML

Апталык