НТМЛ тілінде веб бет құру

«Ақтөбе ауылшаруашылық колледжі»

Келісілді                                                                   Бекітілді

Колледж әдіскері                                                    Директордың ОІЖ орынбасары

Н.К.Давлетова_________                                     А.У.Муканова___________

«_____»__________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-құжат құрылымына тоқталып кетейік.

1.      HTML типтері дегеніміз не?

2.      Типтердің атрибуттары

3.      HTML құжатының  құрылымы

4.      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. Электрондық пошта адресіндегі сілтеме қандай тэгімен беріледі?
 [e-mail]
 -<a rel="nofollow ugc" target="_blank" href="mailto:[e-mail]">текст</a>
 -<a rel="nofollow ugc" target="_blank" href="[e-mail]">текст<a>
 [e-mail]

11. HTML файлдары қандай кеңейтулер арқылы өрнектеледі
- .doc, .RTF
 -.html, *.htm
 -*.htm, *.html
 -htm, .html

12. Web – бетіндегі гиперсілтеме мына өтуді қамтамасыз етеді... 
 -тэг web – беті шеңберінде берілген деректер
 -сервердегі берілген тек web - беті 
 -берілген аймақтың кез келген web - беті
 -интернеттің кез келген серверіндегі web – беті

13. Гиперсілтеме қандай тэгімен беріледі: 
 -<font color="file.htm">
 -<img src="http://www.chat.ru">
 -<a rel="nofollow ugc" target="_blank" href="file.htm">текст</a>
 -<embed="http://www.da.ru">

14. HTML тэгі қандай тізімнен тұрады:
 -атрибуттар тізімінен тұрады
 -жолдар тізімінен тұрады
 -баған тізімінен тұрады
 -сөздер тізімінен тұрады

15. Кесте қандай тэгпен басталып, қандай тэгпен аяқталады?
 -<HTML> </HTML>
 -<BODY> </BODY>
 -<TABLE> <TABLE>
 -<TABLE> </TABLE>

Сергіту сәті.

Бағалау.

Үй тапсырма.