Сабақтың тақырыбы: Web-беттер және сайттар. Html редакторы, визуалды редактордың негізгі мүмкіндіктері және сыртқы түрі



жүктеу/скачать 42,46 Kb.
Дата05.06.2017
өлшемі42,46 Kb.
#18069
түріСабақ
<html><title>САБАҚ <a href="/mektep-turali-aparat.html">ЖОСПАРЫ </a><br />Пән аты: Информатика Сыныбы: 10 <p>Сабақтың тақырыбы: Web-беттер және сайттар. HTML – редакторы, визуалды редактордың </p> <p>негізгі мүмкіндіктері және сыртқы түрі. </p> <p>Сабақтың мақсаты:</p> <p>           Білімділігі: Ғаламтор, HTML тілі, <a href="/bl-jmista-veb-sajtti-rudi-teoriyali-negizderi-oni-ajettiligi-j.html">сайт бетінің құрылымы</a>, HTML тілінің визуалды </p> <p>редакторы Share point Designer программасының терезе құрылымы туралы </p> <p>түсінік беру </p> <p>   Дамытушылығы: жаңа тақырыпты оқыта отырып, ойлау қабілеттерін дамыту</p> <p>Тәрбиелігі: Шығармашылық <a href="/saba-jospari-oral-tl-jatti-kodi.html">қабілеттерін</a>, пәнге деген қызығушылығын </p> <p>арттыру.Жинақылыққа, ұқыптылыққа тәрбиелеу </p> <p>Жаңа технология:  ақпараттық технология                                                </p> <p>Сабақтың түрі: жаңа тақырыпты меңгерту сабағы</p> <p>Оқыту  әдістері: Көрнекі, практикалық, түсіндіру, <a href="/timdi-sra--tabisti-sabati-kepili.html">сұрақ-жауап</a>, тәжірибелік әдіс </p> <p>Сабақтың көрнекілігі:  Компьютер, оқулық, жұмыс дәптері,тұсаукесер</p> <p>Сабақтың барысы:     </p> <p>І. Ұйымдастыру кезеңі</p> <p>ІІ. Үйге берілген тапсырманы тексеру. Ой қозғау </p> <p>Flash-те дыбысты біріктірудің неше үлгісі бар?</p> <p>Дыбысты модификациялау үшін қандай эффектілерді қолдана аламыз? </p> <p>Фильмді жүктеудің неше режимі бар?</p> <p>Экспорттауда жүретін форматтарды атаңыз. </p> <p> ІІІ. <a href="/saba-jospari-tairibi-til-men-jazu-ejelgi-jazba-eskertkishteri.html">Жаңа сабақ</a></p> <p>Компьютер немесе басқа да электронды құрылғыларда оқылатын мәтіндер гипермәтін деп аталады.Гипермәтін терминін алғаш рет америкалық әлеуметтанушы, философ Тед Нельсон 1963 жылы айналымға енгізді. HTML тілінің бастапқы мәтінді белгілейтін бұйрықтары тег деп аталады. Тег символдар тізбегінен тұрады. Барлық тег «кіші» (<) символдарына басталады да, «үлкен» (>) символымен аяқталады. Осындай қос символ тізбегі бұрыштық жақшалар деп аталады. Web-сайт дегеніміз – дизайндары қайталанған web-парақтардың навигациялық, физикалық және мағыналық жағынан дабір серверде біріккен жиынтығы. Web-парақ 2 логикалық бөлікке бөлінеді: тақырыбы және мазмұны. Web-парақтың <HEAD></ HEAD> контейнерінде бектіледі.Беттің атауы <TITLE> контейнерінде орналасады және браузердің жоғары бөлігінде бейнеленеді. Ал беттің мазмұны контейнерінде жазылады. HTML тілінде web-парақ немесе сайт құру үшін кәдімгі блокнот қосымшасын қолдануға болады. Кодты блокнотқа жазамыз да, сақталу орнын көрсетіп, Файл→Сақтау Файл атау дегенге name*.html, ал файл типтері дегенге Барлық файлдар таңдаймыз да, Сақтау батырмасын басамыз. Сосын броузермен ашып, жұмыс нәтижесін қараймыз.

Web-парақ немесе web-сайтты тек HTML тілінің арнайы редакторы визуалды редакторлар арқылы да құруға болады. Share point Designer web-редактор ретінде мына жағдайларда қолданылады:



  • Қарапайым HTML беттерін құру үшін;

  • Белсенді серверлік ASPX-беттерін жауа үшін;

  • Share point қызметі негізінде web-қосымшаларын жасау үшін;

  • web-сайтты басқару үшін.

Программаны іске қосу үшін Пуск→Барлық программалар→Microsoft Office→ Microsoft Office Share point Designer әрекетін орындаймыз. Office Share point Designer интерфейсі өте қарапайым және түсінікті.

1.Конструктор режимін таңдаймыз

2.Пернетақтадан қандай да бір мәтінді енгіземіз.

3.Құрал-саймандар панелінен 2 тақырыпша стилін таңдаймыз.

4. Web-парақтың код терезесіне мән беретін болсақ енгізілген мәтін <һ2> тегімен таңбаланған.

Элементтер қосу

Share point Designer-де элементтердің үш типі қарастылыған:


  • кәдімгі HTML тегтері;

  • ASP.NET басқаруының серверлік элементтері;

  • Share point Designer қызметі басқаруының серверлік элементтері

Бетті алдын-ала қарау және сақтау. Құрал-саймандар панеліндегі Сақтау батырмасы арқылы web-парақты тез сақтауға болады.

Ү.Бекіту. Компьютерде тәжірибелік жұмыс

№1 тапсырма.

1. Блокнот қосымшасын ашамыз

2. Төмендегі кодты тереміз.

< HTML>

< TITLE >Менің алғашқы парағым.



Құрметті достар, алғашқы web-парағыма қош келдіңіздер!





3. Құжатты сақтаймыз.

4. Броузерден қараймыз.

№2 тапсырма.

1. Алдыңғы парақтағы «Құрметті достар, алғашқы web-парағыма қош келдіңіздер!» сөйлемінің астына бір шумақ өлең қосайық. Ол үшін сөзді немесе сөйлемді жаңа жолдан бастаймыз. Жолды бөлу үшін
тегін қолданса болады.

Блокнотта:



< HTML>

< TITLE >Менің алғашқы парағым.





<І>

ALIGN=“CENTER”> Құрметті достар, алғашқы web-парағыма қош келдіңіздер!



Ұстаз болу – жүректің батылдығы,

Ұстаз болу – сезімнің ақындығы.

Ұстаз болу – мінездің күн шуағы,

Азбайтұғын адамның ақылдығы.






2. Броузерден нәтижені көреміз.

Ү. Сабақты қорытындылау. Кері байланыс «Бес саусақ» әдісі I

Шынашақ – ойлау үрдісі: мен бүгін қандай білім алдым? Нені үйрендім?

Атыжоқ саусақ – мақсатқа жету: бүгін мен не істедім, неге қолымды жеткіздім?

Орташа саусақ – рухани жағдай: мен қандай көңіл-күйде болдым?

Сұқ саусақ – көмек, қызмет: мен бүгін кімге көмектесе алдым, кімді қуанттым?

Үлкен саусақ – сергектік, дене жағдайы: бүгін менің жағдайым қандай болды? Денсаулығымды сақтауға не істедім? Көңіл-күйімді қалай жақсарттым?

Жаңа материалды пысықтау, оқушылардың меңгерген білімдерін талдау.

ҮІ. Үйге тапсырма. Мазмұндау. Тест жұмысы

Блокнот редакторында тегтер арқылы web-параққа өлең шумақтарын кірістіріп келу.

Мәтіннің түсін өзгертіп, экранның ортасына орналастырып, астына сызық, кесте элементтерін қосу.



ҮІІ. Бағалау. Сабақтың барысында оқушылардың белсенділігіне, тапсырма нәтижелеріне қарай бағалау.
жүктеу/скачать 42,46 Kb.

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



©engime.org 2024
әкімшілігінің қараңыз
    Басты бет