НТМЛ тілінде веб бет ??ру
«Ақтөбе ауылшаруашылық колледжі»
КелісілдіБекітілді
Колледж әдіскеріДиректордың ОІЖ орынбасары
Н.К.Давлетова_________А.У.Муканова___________
«_____»__________2016ж«____»____________2016ж
Пәні: Микропроцессорлық техника негіздері
Мамандығы: 1304000 «Есептеу техникасы және бағдарламалық қамтамасыз ету»
Тобы: 1231Легі: III
Тақырыбы:«HTML тілінде web парақ құру»
«Қаралды»
«Бағдарламалау және стандарттау пәндері» ЦӘБ отырысында
__________Ж.З.Купеева
№_____ «____»__________2016ж
Арнайы пән оқытушысы: Ниетбаева Жадыра Жаңбырбайқызы
Ақтөбе - 2016/2017 оқу жылы
Пән: «Микропроцессорлық техника негіздері»
Топ: 1231 Мамандығы: 1304000 «Есептеу техникасы және бағдарламалық қамтамасыз ету»
Күні: 28.11.2016ж
Сабақ тақырыбы: «HTML тілінде web парақ құру»
Сабақ мақсаты:
-білімділік микропроцессор пәнінен алған білім, білік және дағдыларын қалыптастыру, жүйелеу, қайталау. Лабораториялық практикалық жұмыс жасату арқылы оқушылардың практика жүзінде қолдану шеберлігін анықтау мақсатында HTML тілінде веб парақтарды құруды үйрену.
-дамытушылық Зерттеу іс-әрекеттері жұмыстары және аналитикалық ойлау қабілетін дамыту; Орындалған іс-әрекеттері нәтижесін бағалай білуін дамыту; Алған білімдерін және ұсынылатын құралдарды практикалық бағыттағы мақсаттарды шешуде қолдана білулерін дамыту.
-тәрбиелік Қол жеткізген жетістіктерімізге сын көзбен қарай отырып, оқушыларды тәрбиелеу; Өзіндік талғамдарын қалыптастыру; Жалпы қорытынды жасау және мазмұнды, толық жауап беруге үйрету. Оқушыларды шапшаңдылыққа, еңбекқорлыққа баулу.
Сабақтың типі: лабораториялық практикалық жұмыс
Сабақтың әдісі: студенттің өзіндік жұмысы, сұрақ-жауап, тестілеу
Пән аралық байланыс: информатика, ағылшын тілі
Оқушылардың білім-білік дағдысына қойылатын талаптар:
Оқушы нені білуі керек:
HTML тілін сипаттай және талдай білу
HTML тілінің интерфейсін сипаттай білу
HTML тілінің кодтарын қолдана білу
Оқушыға нені үйрену керек:
Электрондық оқулық жасай білу
Көрнекілік құралдары: ДК, проектор, интерактивті тақта, нұсқаулық карта, интернет желісі, ADTester бағдарламасы.
Сабақтың өту барысы:
Ұйымдастыру бөлімі.
Сұрақтар беру арқылы оқушылардың теориялық білімдерін анықтау.
Практикалық жұмыс «Web» парақ құру.
Сабақты қорытындылау.
Бағалау.
Үй тапсырмасын беру.
Сабақтың мазмұны:
Бүгін біз теорияда алған білімімізді лабораториялық жұмыста HTML тілінде веб парақтарды құру арқылы электрондық оқулықтың бір бөлігін құруды көрсетеміз. Өткен сабақта HTML тілінің құрылымын, қай форматта сақталатындығын, Web-парақтарды көруге арналған программалар браузерлер болып келетіндігін білеміз.
Есімізге түсіру үшін HTML-құжат құрылымына тоқталып кетейік.
HTML типтері дегеніміз не?
Типтердің атрибуттары
HTML құжатының құрылымы
HTML құжатының құрылымына мысал
5. Құжаттың функционалдық бөлімдерін анықтау
6. Веб параққа сурет орналастыру
7. Веб параққа кестені қалай орналастырамыз
8. Сырғымалы жолды орналастыру
9. HTML тілінің негіздері
Электрондық оқулық сөзінің мағынасын қалай түсінесіздер
III. Лабораториялық жұмыс жасау бөлімі: Әр оқушы еркін тақырыпқа сай электрондық оқулық жасайды. Оқулыққа қажетті кодтарды интернет желісінен алуыңызға болады. Оқулық мағынасына, сапасына, көркемдік безендірілуіне қарай бағаланады.
IV. Қорытындылау
ADTester бағдарламасымен сабақты қорыту тестісін орындату
1.HTML (Hyper Text Markup Language) дегеніміз ...
-Web-беттерін қарауға негізделген құрылғы
-Интернет сервері
-Web-беттерін құру құралы
-Өте үлкен көлемдегі мәтін
2. Web- бет дегеніміз:
- Word мәтіні
- HTML тілінде жазылған құжат
- браузер
- бағдарламалық жабдық3. Жұпты тэгтер дегенiмiз:
- тэг ашылады да қолданыла бередi- мәтінді аяқтайды- браузерді ашады
- бiр тэг ашылса, келесi тэг оны жабады
4. HTML – бұл:
- программалау тіл- құжаттың структурасы- құжаттарды кодтау үшін қолданылатын гипертекстік белгілеу тілі
- браузер
5. Тэг бұл:
- элементтің бастапқы және аяққы маркері
-web – парағын құруға арналған команда
арнайы таңбалар пайдаланылатын мәтін
басқа файлға немесе обьектіге сілтеме
6. HTML тiліндегi тэгтер екi топқа бөлiнедi:
тақ, жұпоң, теріс
жұпты, тақты
жұпты, жұпсыз
7. HTML тiлiнде колданылатын командаларды: -«команда» деп атаймыз- «тэг» деп айтамыз -функция деп атаймыз- «такт» деп атаймыз
8. HTML тілінде гиперсілтемені құру үшін қолданылатын тэгты ата: -<IMG> -<A>-<HREF>- <HR>
9. Беттің басы мен соңына қолданылатын қызметші сөзді ата: -<BODY></BODY> -<HEAD></HEAD> -<HTML></HTML> -<HTТР></HTТР
10. Электрондық пошта адресіндегі сілтеме қандай тэгімен беріледі? -kompas@email.ru -<a href="mailto:svetlana@narod.ru">текст</a> -<a href="marina@mail.ru">текст<a> -piter@mailru.com
11. HTML файлдары қандай кеңейтулер арқылы өрнектеледі- .doc, .RTF -.html, *.htm -*.htm, *.html -htm, .html
12. Web – бетіндегі гиперсілтеме мына өтуді қамтамасыз етеді... -тэг web – беті шеңберінде берілген деректер -сервердегі берілген тек web - беті -берілген аймақтың кез келген web - беті -интернеттің кез келген серверіндегі web – беті
13. Гиперсілтеме қандай тэгімен беріледі: -<font color="file.htm"> -<img src="https://www.chat.ru"> -<a href="file.htm">текст</a> -<embed="http://www.da.ru">
14. HTML тэгі қандай тізімнен тұрады: -атрибуттар тізімінен тұрады -жолдар тізімінен тұрады -баған тізімінен тұрады -сөздер тізімінен тұрады
15. Кесте қандай тэгпен басталып, қандай тэгпен аяқталады? -<HTML> </HTML> -<BODY> </BODY> -<TABLE> <TABLE> -<TABLE> </TABLE>
Сергіту сәті.
Бағалау.
Үй тапсырма.