12-19.04.2016 Сыныбы: 11
Оқу-ісінің меңгерушісі
________ Е.Дайнашов
Сабақтың тақырыбы:
Графикалық нысандардың web –парақта орналасуы
Сабақтың мақсаты:
HTML тілінде сурет тэгасы қызметін үйрету.
Білімділік:Сурет салу атрибуттарымен және олардың жазылу жолдарымен таныстыру.
Дамытушылық: HTML тілінде сурет салу арқылы оқушылардың шығармашлық қабілетін дамыту
Тәрбиелік: Әсемділікке, әдемілікке баулу.Оқушылардың эстетикалық талғамын байыту, ақпараттық мәдениетін қалыптастыру және ұқыптылыққа тәрбиелеу.
Күтілетін нәтиже
HTML тілінде сурет тегтер артықшылықтары қағидасын.
Оқушылар үйренуі тиіс: [pic] тегі көмегімен мәтін параметірлерін басқаруды, [pic] тегі үшін түзеу параметірін басқаруды,тізімдер құру,
тізбектерін қолдануды.
Сабақ түрі:
Жаңа тақырыпты түсіндіру.
Сабақ кезеңдері
Мұғалімнің іс - әрекеттері
Оқушылардың
іс - әрекеттері
Ұйымдастыру кезеңі.
Оқушылармен амандасу, түгендеу
Амандасады, сабаққа келмеген оқушыларды айтады.
Үй жұмысын тексеру.
Web-те HTML-ді қолдынудың артықшылығы неде?
HTML Файл нені анықтайды?
Жаңа web парақты қалай жасауға болады?
Мәтіндегі пішімдеуге арналған тегтерді атаңдар?
Web парақтардың бөліктері нені басып шығарады?
HTML дегі бос орындар қалай түсіндіріледі?
Жаңа тақырыпты түсіндіру
Web -парақ ішіне суреттерді орналастыру
тэгі құжат ішіне суреттерді қою мүмкіндігін береді.Ал сурет осы тэг жазылған орында пайда болады.Аталаған тэг –бірэлементі тэг.Сондықтан ол жалғыз жазылады. Web құжаттарындағы сурет немесе графика ереже бойынша үш форматта жазылады, олар:GIF,JPG,PNG .Сіздің салатын суретіңіз “Lesson” бумасының ішіне жұмыс каталогы ретінде жазылады.Сол жағдайда ғана Сіз оны Web құжатына орналастыра аласыз.
Жазылу форматы:
[pic]
1. HTML файлына өзгерістер енгіз:
< HTML>
HTML- де практикалық жұмыс
HTML-де
құжаттарды құру алгоритмі
<IMG SRC=”fullscreen.png”>
