Web-беттер ж?не сайттар. HTML – редакторы, визуалды редакторды? негізгі м?мкіндіктері ж?не сырт?ы т?рі.
САБАJ ЖОСПАРЫ
П‰н аты: Информатика Сыныбы: 10
СабаKтыS таKырыбы: Web-беттер ж‰не сайттар. HTML – редакторы, визуалды редактордыS
негізгі м_мкіндіктері ж‰не сыртKы т_рі.
СабаKтыS маKсаты:
Білімділігі: Bаламтор, HTML тілі, сайт бетініS Kaрылымы, HTML тілініS визуалды
редакторы Share point Designer программасыныS терезе Kaрылымы туралы
т_сінік беру
ДамытушылыCы: жаSа таKырыпты оKыта отырып, ойлау Kабілеттерін дамыту
Т‰рбиелігі: ШыCармашылыK Kабілеттерін, п‰нге деген KызыCушылыCын
арттыру.ЖинаKылыKKа, aKыптылыKKа т‰рбиелеу
ЖаSа технология: аKпараттыK технология
СабаKтыS т_рі: жаSа таKырыпты меSгерту сабаCы
ОKыту ‰дістері: К™рнекі, практикалыK, т_сіндіру, сaраK-жауап, т‰жірибелік ‰діс
СабаKтыS к™рнекілігі: Компьютер, оKулыK, жaмыс д‰птері,тaсаукесер
СабаKтыS барысы:
І. `йымдастыру кезеSі
ІІ. ^йге берілген тапсырманы тексеру. Ой KозCау
Flash-те дыбысты біріктірудіS неше _лгісі бар?
Дыбысты модификациялау _шін Kандай эффектілерді Kолдана аламыз?
Фильмді ж_ктеудіS неше режимі бар?
Экспорттауда ж_ретін форматтарды атаSыз.
ІІІ. ЖаSа сабаK
Компьютер немесе басKа да электронды KaрылCыларда оKылатын м‰тіндер гиперм‰тін деп аталады.Гиперм‰тін терминін алCаш рет америкалыK ‰леуметтанушы, философ Тед Нельсон 1963 жылы айналымCа енгізді. HTML тілініS бастапKы м‰тінді белгілейтін бaйрыKтары тег деп аталады. Тег символдар тізбегінен тaрады. БарлыK тег «кіші» (<) символдарына басталады да, «_лкен» (>) символымен аяKталады. Осындай Kос символ тізбегі бaрыштыK жаKшалар деп аталады. Web-сайт дегеніміз – дизайндары KайталанCан web-параKтардыS навигациялыK, физикалыK ж‰не маCыналыK жаCынан дабір серверде біріккен жиынтыCы. Web-параK 2 логикалыK б™лікке б™лінеді: таKырыбы ж‰не мазмaны. Web-параKтыS контейнерінде бектіледі.БеттіS атауы
контейнерінде орналасады ж‰не браузердіS жоCары б™лігінде бейнеленеді. Ал беттіS мазмaны контейнерінде жазылады. HTML тілінде web-параK немесе сайт Kaру _шін к‰дімгі блокнот Kосымшасын KолдануCа болады. Кодты блокнотKа жазамыз да, саKталу орнын к™рсетіп, ФайлСаKтау Файл атау дегенге name*.html, ал файл типтері дегенге БарлыK файлдар таSдаймыз да, СаKтау батырмасын басамыз. Сосын броузермен ашып, жaмыс н‰тижесін Kараймыз.
Web-параK немесе web-сайтты тек HTML тілініS арнайы редакторы визуалды редакторлар арKылы да KaруCа болады. Share point Designer web-редактор ретінде мына жаCдайларда Kолданылады:
Jарапайым HTML беттерін Kaру _шін;
Белсенді серверлік ASPX-беттерін жауа _шін;
Share point Kызметі негізінде web-Kосымшаларын жасау _шін;
web-сайтты басKару _шін.
Программаны іске Kосу _шін ПускБарлыK программаларMicrosoft Office Microsoft Office Share point Designer ‰рекетін орындаймыз. Office Share point Designer интерфейсі ™те Kарапайым ж‰не т_сінікті.
1.Конструктор режимін таSдаймыз
2.ПернетаKтадан Kандай да бір м‰тінді енгіземіз.
3.Jaрал-саймандар панелінен 2 таKырыпша стилін таSдаймыз.
4. Web-параKтыS код терезесіне м‰н беретін болсаK енгізілген м‰тін
тегімен таSбаланCан.
Элементтер Kосу
Share point Designer-де элементтердіS _ш типі KарастылыCан:
к‰дімгі HTML тегтері;
ASP.NET басKаруыныS серверлік элементтері;
Share point Designer Kызметі басKаруыныS серверлік элементтері
Бетті алдын-ала Kарау ж‰не саKтау. Jaрал-саймандар панеліндегі СаKтау батырмасы арKылы web-параKты тез саKтауCа болады.
^.Бекіту. Компьютерде т‰жірибелік жaмыс
№1 тапсырма.
1. Блокнот Kосымшасын ашамыз
2. Т™мендегі кодты тереміз.
< HTML>
< TITLE >МеніS алCашKы параCым.
Jaрметті достар, алCашKы web-параCыма Kош келдіSіздер!
3. Jaжатты саKтаймыз.
4. Броузерден Kараймыз.
№2 тапсырма.
1. АлдыSCы параKтаCы «Jaрметті достар, алCашKы web-параCыма Kош келдіSіздер!» с™йлемініS астына бір шумаK ™леS KосайыK. Ол _шін с™зді немесе с™йлемді жаSа жолдан бастаймыз. Жолды б™лу _шін
тегін Kолданса болады.
Блокнотта:
< HTML>
< TITLE >МеніS алCашKы параCым.
<І>
ALIGN=“CENTER”> Jaрметті достар, алCашKы web-параCыма Kош келдіSіздер!
`стаз болу – ж_ректіS батылдыCы,
`стаз болу – сезімніS аKындыCы.
`стаз болу – мінездіS к_н шуаCы,
АзбайтaCын адамныS аKылдыCы.
2. Броузерден н‰тижені к™реміз.
^. СабаKты Kорытындылау. Кері байланыс «Бес саусаK» ‰дісі (
ШынашаK – ойлау _рдісі: мен б_гін Kандай білім алдым? Нені _йрендім?
АтыжоK саусаK – маKсатKа жету: б_гін мен не істедім, неге Kолымды жеткіздім?
Орташа саусаK – рухани жаCдай: мен Kандай к™Sіл-к_йде болдым?
СaK саусаK – к™мек, Kызмет: мен б_гін кімге к™мектесе алдым, кімді Kуанттым?
^лкен саусаK – сергектік, дене жаCдайы: б_гін меніS жаCдайым Kандай болды? ДенсаулыCымды саKтауCа не істедім? К™Sіл-к_йімді Kалай жаKсарттым?
ЖаSа материалды пысыKтау, оKушылардыS меSгерген білімдерін талдау.
^І. ^йге тапсырма. Мазмaндау. Тест жaмысы
Блокнот редакторында тегтер арKылы web-параKKа ™леS шумаKтарын кірістіріп келу.
М‰тінніS т_сін ™згертіп, экранныS ортасына орналастырып, астына сызыK, кесте элементтерін Kосу.
^ІІ. БаCалау. СабаKтыS барысында оKушылардыS белсенділігіне, тапсырма н‰тижелеріне Kарай баCалау.
15