Маңғыстау облысы,

Бейнеу ауданы,

«Ж.Қалдығараев атындағы орта мектеп» мемлекеттік мекемесі

І санатты информатика пәні мұғалімі

Коспанова Света Айткуловна

Сабақтың тақырыбы: HTML тілінде веб-беттер құру

Сабақтың мақсаты: HTML тілінің көмегімен қарапайым веб-парақтар жасап үйрену.

Веб-парақта дәстүрімізді дәріптеуге шақыратын құжаттар дайындауға тәрбиелеу.

Өз бетімен жұмыс істеуін, зейіндік қабілеттерін дамыту.

Сабақтың түрі: Аралас сабақ

Сабақтың әдісі: Түсіндірмелі баяндау

Сабақтың типі: Жаңа білімді меңгерту сабағы

Пәнаралық байланыс: Еңбекке баулу, тарих, дүниетану, құқық т.с.с

Сабақтың құрал-жабдықтары: ДК, интерактивті тақта, бейне роликтер

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

1. Ұйымдастыру кезеңі

Сәлемдесу

Топқа бөлу (сурет арқылы): 1-топ - Әлеуметтік желілер, 2-топ - Браузерлер

2. Үй тапсырмасын тексеру

Семантикалық карта (интернеттен уикипедиясын қарауға болады )

1-топ

Желі түрлері

Ерекшелігі

Қызметі

Пайдасы

Зияны

Whatsapp

Facebook

Instagram

Skype

2-топ

Желі түрлері

Ерекшелігі

Қызметі

Пайдасы

Зияны

Internet Explorer

Google

Mail.ru

Yandex

• Браузерлер дегеніміз не?

• Әлеуметтік желі не үшін керек?

• Желінің зиянды жағы бар ма?

• Желімен жұмыс жасағанда неден сақтану керек?

• Авторлық құқық дегенді қалай түсінісіңдер?

• Желілік этикет дегеніміз не?

• Желілік этикет ережелерін ата?

3. Жаңа тақырып

• Интернеттен не алуға болады? Браузерлерді пайдаланып не іздейміз? (құжат, мәтін, бейнежазба, сурет)

• Олардың барлығы қайда орналасқан? (интернет беттері)

• Ол интернет беттерін кімдер дайындайды? (Веб-шебер, веб-дизайнер)

• Веб-бет дайындайтын қандай бағдарламаларды білесіңдер? (Front page, HTML)

Сендерге алдымен HTML тілінде дайындалған құжатты көрсетейін. Index.htm құжаты

Бүгінгі сабағымызда HTML - гипермәтінді белгілеу тілімен таныс боламыз.

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

Webпарақтар HTML (HyperTextMarkupLanguage - гипермәтінді белгілеу тілі)тілінде жазылған арнаулы файлдар түрінде болады. Осы файлдарды HTML серверлерінде орналастыру жолымен Webпарақтар қалың көпшілік пайдаланатындай түрде Интернетте жарияланады.Webпарақтар мазмұны әр түрлі бола береді және олар әр түрлі тақырыптарды қамтиды, бірақ олардың бәрінің де негізгі жариялану, яғни жазылу тілі HTML болып табылады. Осындай HTML құжаттарының бәрінің де файл аттарының кеңейтілуі *.htmнемесе *.html болып келеді.

Гипермәтін - қосымша элементтерді басқару мақсатында ішіне арнаулы код, яғни екпінді элемент (anchor-зәкір) орналасқан мәтін.

Web-құжат дегеніміз тәгтермен толықтырылған мәтіндік файл болып табылады,оның мәтіндерін бір-бірімен байланыстыра отырып белгілеуге мүмкіндік беретін HTML тілі.

Web-құжаттың алғашқы нұсқасын Блокнот немесе WordPadредоктарларында дайындап алып,броузер арқылы мәтін нұсқасын экранға шығарып түрлендіру қажет.Web-құжаттарды жасап,оны көрнекті түрге келтіріп безендіретін мамандарды web-шебер немесеweb-дизайнерлер деп атайды.

HTML тілінің бастапқы берілген символдық мәтінді белгілейтін командалары белгі немесе тәг(tag) деп аталады.Тәг символдар тізбегінен тұрады.Кез-келген тәг «кіші» (<) символынан басталады да, «үлкен» (>) символымен аяқталады.Осындай қос символ тізбегі бұрыштық жақшалар деп те аталады.Ашылатын бұрыштық жақшадан соң команда аты болып табылатын ағылшын тіліндегі түйінді сөз тәг орналасады.

Ашатын тәг белгілі бір әсер ету ісін бастайды,ал жабатын тәг сол әсерді аяқтайды.Жабу тәгтері қиғаш сызық символымен (/) басталуы тиіс

Броузер-программа арқылы құжат экранда көрсетілген шақта тәгтердің өздері бейнеленбей,тек керекті мәтін немесе суреттер көрініп,тәгтердің сол құжат мәтініне тигізетін әсері ғана білініп тұрады.

HTMLтәгтеріне мысалдар:

< HTML>

Жалпы тақырып < TITLE> Терезе тақырыбы

< /HEAD>

Ең ірі мәтін

Кішілеу мәтін H2>

<��������������

��Екінші абзац

<�����������������������������������������