Презентация. HTML редакторы 9-сынып

#1 слайд
Ұйымдастыру кезеңі 1. Сәлемдесу; 2. Бағалау парағымен таныстыру; Оқушылардың назарын сабаққа шоғырландыру 3.Ұйымдастыру; 4.Топқа бөлу; 5.Сабақтың барысымен таныстыру; 6.Бағалау парағымен таныстыру;

1 слайд

#2 слайд
Үй тапсырмасы ФУТБОЛ ойыны

2 слайд

#3 слайд
Ой қозғау «Интернетке тәуелділік» (Бейнеролик)

3 слайд

#4 слайд
Сабақтың тақырыбы: HTML – редакторы, редактордың сыртқы түрі. Web-беттер.

4 слайд

#5 слайд
Сабақтың мақсаты: Ғаламтор, HTML тілі, сайт бетінің құрылымы туралы түсінік беру Шығармашылық қабілеттерін, пәнге деген қызығушылығын арттыру. Жинақылыққа, ұқыптылыққа тәрбиелеу оқушыларды жүйелілікке, ойды тұжырымдай білуге үйрету, ойлау қабілеттерін дамыту

5 слайд

#6 слайд
Негізгі түсініктер HTML ( Hypertext Markup Language – гипермәтінді белгілеу тілі) тілі World Wide Web (WWW) жүйесінде гипермәтіндік құжаттарды дайындау үшін құрастырылған. Бұл тіл World Wide Web қызметімен бірге пайда болды және бірге дамып келеді. HTML- тілінің көмегімен көркем, қызықты WEB - парақтарды құруға болады.

6 слайд

#7 слайд
HTML командалары тэгтер (tag) деп аталатын элементтердің көмегімен тапсырылады. Әр тегтің арнайы функциясы болады. Тэгтердің екі түрі болады: • бірэлементті тэг, ол қандай-да бір әрекетті аяқтау үшін мәтінге қойылады ; • қос тег , ол ашатын және жабатын тэгтерден тұрады. Ашатын тэг эффект құрайды, ал жабатын тэг оның әрекетін тоқтатады. Жабатын тэгтер қисық сызық (/) белгісімен басталады.

7 слайд

#8 слайд
Web- парақ құру тәсілдерін меңгеру

8 слайд

#9 слайд
9HTML тілі HTML = Hypertext Markup Language (гипермәтінді оқу тілі) HTML – бұл программалау тілі емес! ! HTML -бет – бұл мәтіндік файл ( Блокнот ): <HTML> <HEAD> <TITLE> Менің бетім </TITLE> </HEAD> <BODY> Салем! … </BODY> </HTML><HTML> <HEAD> <TITLE> Менің бетім </TITLE> </HEAD> <BODY> Салем! … </BODY> </HTML> index.html sail.jpg man.jpg sunset.jpg clock.avi ball.swf bee.wavimages

9 слайд

#10 слайд
10Қарапайым Web- бет <HTML> <HEAD> <TITLE> Моя первая Web-страница </TITLE> </HEAD> <BODY> Привет! </BODY> </HTML> <HTML> <HEAD> <TITLE> Моя первая Web-страница </TITLE> </HEAD> <BODY> Привет! </BODY> </HTML> first.html <HEAD> <TITLE> М енің бірінші Web- бетім </TITLE> </HEAD><HEAD> <TITLE> М енің бірінші Web- бетім </TITLE> </HEAD> басыбасы <BODY> Привет! </BODY><BODY> Привет! </BODY> Негізгі бөлігі («денесі») Негізгі бөлігі («денесі»)

10 слайд

#11 слайд
11BODY тэгі – беттің жалпы қасиеттері • бет пен тәтіннің түсі • гиперсілтемелердің түсі <BODY TEXT ="white" BGCOLOR =green> Привет! </BODY><BODY TEXT ="white" BGCOLOR =green> Привет! </BODY> <BODY LINK ="#FF8C00" VLINK =green> ... </BODY><BODY LINK ="#FF8C00" VLINK =green> ... </BODY> мәтіннің түсімәтіннің түсі беттің түсібеттің түсі сілтемелер түсісілтемелер түсітэгтің атрибуттарытэгтің атрибуттары

11 слайд

#12 слайд
12• мәтіннің түсі • қаріптің өлшеміFONT тэгі – мәтін блогының қасиеттері Привет! <FONT COLOR =red> Как дела? </FONT>Привет! <FONT COLOR =red> Как дела? </FONT> Привет! <FONT COLOR=red SIZE =6> Как дела? </FONT>Привет! <FONT COLOR=red SIZE =6> Как дела? </FONT> 1-ден 7-ге дейін 1-ден 7-ге дейін

12 слайд

#13 слайд
13Құжаттағы суреттер < IMG SRC ="flag.jpg"> < IMG SRC ="flag.jpg"> image ( сурет ) image ( сурет ) source ( түп нұсқасы ) source ( түп нұсқасы )

13 слайд

#14 слайд
Тапсырма: 1 – топ. «22 – Наурыз мейрамы » 2 – топ. «Қазақтың салт -дәстүрлері» тақырыптарына web – парақ құру

14 слайд

#15 слайд
Сабақты қорытындылау YURT

15 слайд

#16 слайд
«КИІЗ ҮЙ. Киіз үйдің құрылысы және жабдықтары» тақырыбына веб – парақ құру.

16 слайд