Сабақ жоспары № Модуль /пән атауы Информатика



Дата11.04.2022
өлшемі324.95 Kb.
#219783
түріСабақ
Байланысты:
HTML-редакторы Интернет үшін ақпараттық объектiлеpдi құру құралдары.
.archivetempРегПО химия задание каз

М. ӘУЕЗОВ АТЫНДАҒЫ ОҚУ КОЛЛЕДЖІ

САБАҚ ЖОСПАРЫ №

Модуль /пән атауы

Информатика

Сабақ тақырыбы

HTML-редакторы Интернет үшін ақпараттық объектiлеpдi құру құралдары.


  1. Жалпы мәліметтер

Курс

Оқу жылы

Тобы

Күні

1

2020-2021жж

ҒСн-20

15.03.2021ж













Сабақ типі

Жаңа білімді меңгеру сабағы

2. Мақсаты, міндеттері

Оқу сабақтары барысында білім алушылар игеретін кәсіби біліктердің тізбесі

Білімділігі:HTML  тілінің негізгі командаларын үйрену;
Дамытушылығы: Экранға мәтін орналастыруды үйрену;

Тәрбиелігі: Экрандағы мәтін орналасу түрін өзгерту

3. Сабақты жабдықтау

Оқу-әдістемелік құрал-жабдықтар, анықтамалық әдебиеттер

Білімді ақпараттандыру және оқыту мәселелері / Авт, уж: Е.Ы. Бидайбеков, В В Гриншкун, Г.Б. Камалова, Д.Н. Исабаева, Б.Е.Бостанов / Окулық - Алматы, 2014. 352 бет.

Техникалық құралдар, материалдар

Компьютер, интерактивті тақта, презентация, оқулықтар, дәптерлер, үлестірмелі қағаз.

4. Сабақтың барысы

Уақыт (мин)

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


Білім алушылармен сәлемдесу, түгелдеу, сабаққа баулу, ынталандыру, дәрісханасының дайындығын тексеру. Сабаққа дайындықтарын қадағалау.


3

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


  1. HTML тілі дегеніміз не?

  2. Дескриптор дегеніміз не?

  3. Атрибуттар туралы мәлімет беріңіз?

  4. WEB дегенде нені елестетесіз?

  5. WEB беттер не үшін қажет?




5

Жаңа тақырыпты түсіндіру

HTML (Hyper Text Markup Language - гипермәтінді белгілейтін тіл).Web -беттер Интернетте осындай файлдарды HTTPсерверінде (Web-түйіндерде) орналастыру арқылы жарияланады Web -беттердің мазмұндары әр-түрлі және де көптеген басқа да тақырыптарға арналуы мүмкін, десек те, олардың барлығы бір түбірден құралған ол - HTML тілі.


25

5. Сабақ бойынша рефлексия



  1. Оқушылармен сәлемдесу;

  2. Оқушыларды түгелдеп, журналға белгілеу;

  3. Оқушылар назарын сабаққа аудару.

 




Бүгінгі сабақтағы көңіл күйлерін, сабақты қаншалықты түсінгенін смайлик көрсету арқылы білдіреді.



Ұялы телефонға білім алушылар СМС жіберу арқылы, сабақтың қаншалықты жемісті болғанын, түсінбеген сұрағын жолдайды.



Білім алушыларды бағалау




10

6. Үйге тапсырма

Бақылау сұрақтары:

  1. HTML тілі дегеніміз не?

  2. Дескриптор дегеніміз не?

  3. Атрибуттар туралы мәлімет беріңіз?

  4. WEB дегенде нені елестетесіз?

  5. WEB беттер не үшін қажет?




2

Дайындаған педагог




Т.А.Ә.
Мырзабай Мөлдір Жұмабекқызы


тел.:87085311298

е-mail:

m.mirzabai@mail.ru


_________________________

(қолы)

Лабораториялық жұмыс № 1

Сабақтың тақырыбы: HTML-редакторы Интернет үшін ақпараттық объектiлеpдi құру құралдары.



HTML (Hyper Text Markup Language - гипермәтінді белгілейтін тіл).Web -беттер Интернетте осындай файлдарды HTTPсерверінде (Web-түйіндерде) орналастыру арқылы жарияланады Web -беттердің мазмұндары әр-түрлі және де көптэген басқа да тақырыптарға арналуы мүмкін, десек те, олардың барлығы бір түбірден құралған ол - HTML тілі.

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

Internet-тің бар мәліметтерінің, яғни барлық WEB парақтардың ортақ қасиеті – олардың барлығы да HTML тілінде жазылған. HTML тілінде веб парақтар жасау программаға ұқсас болғанымен ол қарапайым программалау тілі емес. HTML гипермәтінді белгілеу тілі. Ол қарапайым мәтіндерді веб парақтар түрінде бейнелеуге арналған ережелер жиынтығын анықтайды.

HTML тілі WWW(word Wide Web) қызымет бабымен бірге дами отырып веб парақтардың аз жақсы деген мүмкіндіктерін жүзеге асыра отырып оны кең пайдалану жолдарымен толықтырып отырады. WWW сөзі қазақ тіліне аударғанда «кеңейтілген бүкіл өрмек» деген мағына береді.

HTML тілін интернеттэгі мәтін бөліктерін атқаратын қызметтерін анықтап, соларды әрбір тұтынушыға бейімдеп жеткізе алатын құжатты функционалды түрде белгілейтін тіл болып табылады. Мысалы, егер мәтін тақырыптарын бейнелеу керек болса , онда HTML коды оны тақырып ретінде көрсетуге тырысады.

HyperText Markup Language (HTML) стандартты тіл, WEB гипермәтіндік құжаттардың жасауына арналған. HTML құжаттар WEB - броузерлер әртүрлі үлгілерімен беріледі. WEB - броузер HTML-дың қолдануы, әріптердің қолдануымен олардың ұсынуына арналған құжаттарды форматтауға, сызық және кез келген басқа графикалық әлементтерді жүйеге асыруға рұқсат етеді.

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

Көп жағдайда қүжат авторы, қүжат сырт пішінін қатал анықтайды. HTML - дегі құжаттардың тақырыбын, абзацтарды белгілеп қоюға мүмкіншілік етеді, ал WEB- броузері пайдалануға береді. WEB - броузері сонымен қатар шрифтердің өлшемін және түстерді өңдей алады. HTML - дегі екі катэгорияға бөлінеді:

WEB - броузері құжаттарды толығымен суреттейді. Тақырыбы сияқты немесе құжат авторын есте сақтайды.

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

Электрондық құжаттың кәдмгі кұжаттан айырмашылығы - оның жазылу форматында. Интернетте электрондық кұжат кұру үшін НТМL атаулы арнайы тіл пайдаланылады.

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

HTML тiлiнiң синтаксисi мен құрылымы. Әрбiр тiлдiңөзiндiк құрылымдық логикалық ерекшелiктерi болатыны сияқты HTML тiлiнiңде өзiндiк ерекшелiктерi бар. Алайда ол еңқарапайым, қатаңлогикалық ережелерге онша бағына бермейтiн тәуелсiз тiл. Дегенмен оныңда өз синтаксисi, басқарушы құрылымдары бар. Тiлдiңнегiзгi басқарушы құрылымы дескриптор (кейде элемент деп те аталады). Дескриптор – белгiлi-бiр әрекеттi анықтайтын HTML элементi. Дескрипторлардың мүмкiндiктерi мәндерге ие бола алатын аттрибуттарды қолдану арқылы толығымен ашылады.

HTML дескрипторлары дербес ережелерге бағынумен қатар, жалпы ережелерге де бағынады. Бiрiншi ереже бойынша барлық дескрипторлар “кiшi” () символдарының арасына жазылады, мысалы:

Келесi ереже дескрипторды ашу және жабу компоненттерiн қолдануға арналған. Дескрипторды жабу “кiшi” () символдарының арасына қисық сызық (/) символын қою арқылы iске асырылады:

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

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

Атрибуттарға мiндеттi түрде мәндер меншiктелуi тиiс. Бүлай болмаған жағдайда HTML дескрипторды қабылдамайды. Матрибуттарға меншiктелетiн мәндер түрлiше болуы мүмкiн: сандық, мәтiндiк, пайыздық, т.с.с. Мысалы, - бөлiм дескрипторыныңa lign атрибутына left (сол жақ шетi), right (оңжақ шетi), center (ортасы), justify (енi бойынша) мәндердiңбiрiн меншiктеу жолы:

DIV мiндеттi түрде жабылуы тиiс дескриптор болғандықтан оны арқылы жабу керек.

Сол сияқты (шрифт) дескрипторының size (өлшем атрибуты 1-ден 7-ге дейiн мәндер қабылдайды, мұндағы 1 ең кiшi шрифт өлшемi, ал 7 ең үлкен шрифт өлшемi) атрибутына мән меншiктеу жолы:

Бұл кезде браузердегi мәтiннiң шрифт өлшемi дес¬крипторы жабылғанша 5 өлшемiн қабылдап тұрады - .

Сандық мәндердiңкелесi бiр типi оналытылық код түрiнде берiледi. Бұл HTML-де пайдалануға мүмкiн түстердiңоналтылық санау жүйесiнде алфавиттiк-цифрлық коды. Мұндай мысал жоғарыда келтiрiлген болатын. Мысалдағы, FFFFFF – ақ түстi фон, ал 000000 - қара мәтiн түсiн бередi. Оналтылық мәндердiңалдына # символы қойылады.

HTML-де сiлтеме дескрипторы - арқылы Web-адрестi шығаруға болады:

Осы сияқты каталогты және кескiн файлдары дескрипторын қолдануға болады: 

Өздерiңiз байқағандай барлық аттрибуттардыңмәндерiнiңалдына = (теңдiк белгiсi) таңбасы қойылады және оналтылық мәндерден басқа типтэгi мәндер тырнақшаға (“ ”) алынып жазылады. Бұл HTML-да жол жазудыңжалпы ережелерiнiң бiрi.

Арна йы символдардыңкөмегiмен HTML бетке HTML кодын шығаруға болады. Ол үшiн “кiшi” және “үлкен” символдарыныңорнына & символын пайдалану керек, мысалы, < IMG src= “aspan.gif” >



Бақылау сұрақтары:

  1. HTML тілі дегеніміз не?

  2. Дескриптор дегеніміз не?

  3. Атрибуттар туралы мәлімет беріңіз?

  4. WEB дегенде нені елестетесіз?

  5. WEB беттер не үшін қажет?


Достарыңызбен бөлісу:




©melimde.com 2022
әкімшілігінің қараңыз

    Басты бет
Сабақтың тақырыбы
бойынша жиынтық
жиынтық бағалау
Сабақ тақырыбы
Сабақтың мақсаты
ғылым министрлігі
тоқсан бойынша
Сабақ жоспары
бағдарламасына сәйкес
бағалауға арналған
Реферат тақырыбы
жиынтық бағалауға
Қазақстан республикасы
рсетілетін қызмет
арналған тапсырмалар
сәйкес оқыту
Жалпы ережелер
білім беретін
бағалау тапсырмалары
бекіту туралы
республикасы білім
оқыту мақсаттары
жиынтық бағалаудың
қызмет стандарты
тоқсанға арналған
Қазақстан республикасының
мерзімді жоспар
Қазақстан тарихы
арналған жиынтық
болып табылады
бағалаудың тапсырмалары
арналған әдістемелік
жалпы білім
Әдістемелік кешені
нтізбелік тақырыптық
Қазақ әдебиеті
пәнінен тоқсанға
Мектепке дейінгі
Зертханалық жұмыс
республикасының білім
оқыту әдістемесі
Инклюзивті білім
туралы хабарландыру
білім берудің
Жұмыс бағдарламасы
туралы жалпы
қазақ тілінде
Қысқа мерзімді
тақырыптық жоспар
пайда болуы
пәнінен тоқсан