Гипермәтін белгілеу тілінің негіздері бойынша ашық сабақ, 10 сынып

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

Қажет құралдар мен қойылатын талаптар: дербес компьютер, Блокнот және Internet Explorer программалары, сонымен бірге компьютерде қолданушы ретінде жұмыс жасай білу керек.

Сабақ барысы: І. Ұйымдастыру кезеңі

 Оқушылармен амандасу.  Оқушылар назарын сабаққа аудару  Кезекшімен сұхбат  Сабақтың тақырыбы мен мақсатын ашу

Оқушылардың барлығын сабаққа қамту, жаңа сабақты меңгеру табыстылығы үшін «4 сурет, 1 сөз» әдісі қолданылады. Әр түрлі сурет бөліктері таратылып, сурет бойынша 4 топқа жиналады. Топтар интернет браузерлері атауларымен аталады:  1 топ - Яндекс  2 топ - Amigo  3 топ - Google  4 топ - Opera

ІІ. Үй жұмысын тексеру Алдыңғы тақырыптың меңгеру деңгейін қадағалауға және талқылау дағдыларын дамытуға қол жеткізу мақсатында «Карточкадағы терминдер» әдісі қолданылады. Бұл әдіс арқылы оқушыларға карточкалар таратылып беріледі. Әр карточкаға өткен тақырып бойынша бір термин жазылған. Тапсырма: Топтағы оқушылар жазылған терминнің қандай мағына беретінің түсіндіру қажет. ІІІ. Жаңа сабақ «Идеялар себеті» әдісі арқылы жүргізіледі.

«Ақпаратты жариялау» тақырыбында жоба жұмысын жасау үшін информатика сабағында Айгерім мен Тимур бір топта жұмыс жасайды. Жинақталған ақпараттарын, суреттерін бір себетке

жинақтайды. Жиналған ақпараттарды сақтау, ақпаратпен алмасу, сонымен қатар ақпараттарды қорғаудың тағы қандай жолдары бар?

Интернет өзінің қарқынды дамуына үлес қосқан, ақпаратты гипермәтін түрінде бейнелеу идеясын жүзеге асырған WWW қызметіне міндетті. Демек, шындығында, кез-келген web – парақ мәтіндік құжат болып табылады. Web – парақ құруға арналған программалық өнім – HTML. 1989 жылы жарияланған HTML – дің бірінші үлгісінің авторы – Тим Берсен Ли. Идеяның негізгі мазмұны – прогрмма браузерге арнайы түйін сөз – тегтердің көмегімен мәтінді қалай бейнелеу керек екенін білдіру.

HTML мүмкіндіктерін қарастыруға кіріспес бұрын, келесі мағызды сәттерді атап өтуіміз керек:

- Құрылған барлық файлдар кіші латын әріппе, арнайы символдарсызт және HTML кеңейтуімен жазылған атауға ие болуы тиіс. - Жобаға жататын барлық файлдар бір бумада орналасуы керек. - Жұмыс үшін екі программа керек болады: мәтіндік редактор және браузер – мәтіндік редакторда құжатқа өзгерістер енгізіп, сақтаймыз, ал браузерде парақты жаңартамыз. - файлдарды түзету программасын баптау үшін Explorer браузерінде Сервис-Қасиеттер бұйрығын орындаймыз. HTML Редакторы тізімінде Блокнотты таңдаймыз. Құжаттың құрылымы.

Site бумасын және оның ішіне - мәтіндік құжат құрамыз. Әдетте сайттың бірінші парағы index.html атын алады. Файлдың атын және кеңейтуін өзгерту үшін, оны ашамыз және қалай сақтау бұйрығын орындаймыз.

index.html файлды ашамыз. Ол браузерде ашық болады, бірақ ешқандай ақпарат болмайды.

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

НТМL – код мысалын тереміз: <html>

<head>

Тег - бұрыштық жақшаларға <> алынып жазылған, құжаттың толтырылуын және қызметші ақпаратты анықтайытын арнайы сөзқызметші

й й

<title>

1-мысал </title> </head> <body>

<h> Салем! </h1> <P>

Бул менин алгашкы web - парагым! </P> </body> </html>

НТМL тегінің үлкен бөлігі жұп болып келеді. Ашылатын және жабылатын тегтер арасында басқа тег, мәтін орналасуы мүмкін. НТМL – құжаттың сондай бөлігі НТМL – элемент деп аталады. Кейбір тег үшін жабу тегі қарастырылмаған. Міндетті тегтер

<html>…</html>. Бірінші <html> тегі HTML - құжатты ашуы, ал екінші </html> - жабуы керек.

<head>……</ head > бұл тегтер құжаттың тақырыбың құрастырады. Тақырып атауына құжаттың аты МЕТА – нұсқаулықтар немесе Мета-тегтер деп аталатын әртүрлі қызметтік ақпарат болады. Мысалы, сайттың авторы туралы мәлімет, мәтіннің кодталуы, парақ дайындалған НТМL нұсқасы.

<title>…</title. <title> және </title> тегтері арасында орналасқанның барлығын браузер терезе тақырыбында көрсететін болады және HTML – құжат баспаға үнсіз келісім бойынша басылғанда әрбір парақта басылып шығатын болады. Демек, атаудың аса ұзын болмағаны дұрыс, мүмкін болса, 64 символдан артық болмағаны жөн.

<body>…</body>. Мұндай тегтер жұбы HTML - құжаттың денесін шектейді.

Кейбір мәтін пішімдеу тегтері

<h1> …… </h1>. Мұндай тегтер жұбы тақырыпты сипаттайды. Бірінші деңгейлі тақырыптан басқа тағы да бес деңгейі болуы

Html head body