Веб беттегі мультимедия
Веб беттегі мультимедия

#1 слайд
1 слайд
#2 слайд
•
Web – бет, Web – сайт, гипермәтін ұғымдарына
түсініктеме?
•
Web – беттер қалай және қандай жолдармен
жасалады?
•
Қандай навигациялық сұлбалармен танысу керек ?
•
Web – беттерді әрлеудің мысалдары.
•
Зертханалық жұмысМынадай сұрақтарды қарастырайық:Мынадай сұрақтарды қарастырайық:
2 слайд
• Web – бет, Web – сайт, гипермәтін ұғымдарына түсініктеме? • Web – беттер қалай және қандай жолдармен жасалады? • Қандай навигациялық сұлбалармен танысу керек ? • Web – беттерді әрлеудің мысалдары. • Зертханалық жұмысМынадай сұрақтарды қарастырайық:Мынадай сұрақтарды қарастырайық:
#3 слайд
WebWeb
– бет, – бет,
WebWeb
– сайт, гипермәтін – сайт, гипермәтін
ұғымдарына түсініктеме?ұғымдарына түсініктеме?
Веб-сайт (Website) – бұл жеке адамның
құжаттарының бір атпен біріккен адресі Web-
тораптардағы құжаттардың негізгі форматы HTML
тілі болып табылады.
3 слайд
WebWeb – бет, – бет, WebWeb – сайт, гипермәтін – сайт, гипермәтін ұғымдарына түсініктеме?ұғымдарына түсініктеме? Веб-сайт (Website) – бұл жеке адамның құжаттарының бір атпен біріккен адресі Web- тораптардағы құжаттардың негізгі форматы HTML тілі болып табылады.
#4 слайд
•
Веб-бет – ( URL ) адресі бойынша анықталатын интернеттің бір бөлігі
•
Гипермәтін - бұл қосымша элементтерді басқару мақсатында ішіне арнаулы код, екпінді
элемент орналасқан мәтін түрі.
4 слайд
• Веб-бет – ( URL ) адресі бойынша анықталатын интернеттің бір бөлігі • Гипермәтін - бұл қосымша элементтерді басқару мақсатында ішіне арнаулы код, екпінді элемент орналасқан мәтін түрі.
#5 слайд
WebWeb
– беттер қалай және қандай – беттер қалай және қандай
жолдармен жасалады?жолдармен жасалады?
•
Жалпы бір тақырыпта жасалған құжаттардың
жиынының бір компьютерде орналасуын Web -
сайт деп атаймыз
5 слайд
WebWeb – беттер қалай және қандай – беттер қалай және қандай жолдармен жасалады?жолдармен жасалады? • Жалпы бір тақырыпта жасалған құжаттардың жиынының бір компьютерде орналасуын Web - сайт деп атаймыз
#6 слайд
•
HTML ( Hyper Text Maker Language ) ағылшын тілінен
аударғанда гипермәтінді белгілеу тілі деген мағынаны
білдіреді.
•
.
6 слайд
• HTML ( Hyper Text Maker Language ) ағылшын тілінен аударғанда гипермәтінді белгілеу тілі деген мағынаны білдіреді. • .
#7 слайд
Сайт бойынша навигация Сайт бойынша навигация
•
Кез-келген сайтта төмендегі 3 сұраққа жауап беретін
навигациясы болса онда ол сайт талапқа сай деп
есептелінеді .
Мен
қайдамын?
Қайда
барамын?
Мәзір
қайда?
Тақырып және логотип – олар сайттың атын көрсетеді
Сілтемеге жатпайтын сайттың тақырыбы, тақырып
терезесі және мәзір позициясы Web бетті белгілейді .
Әрбір беттен келесі кез-келген бетке өтуге мүмкіндігі бар
Пайдаланушы навигацияға қол жеткізу үшін бетті
айналдырып отырмау керек..
Мәзірді беттің басына және соңына орналастыру керек.
7 слайд
Сайт бойынша навигация Сайт бойынша навигация • Кез-келген сайтта төмендегі 3 сұраққа жауап беретін навигациясы болса онда ол сайт талапқа сай деп есептелінеді . Мен қайдамын? Қайда барамын? Мәзір қайда? Тақырып және логотип – олар сайттың атын көрсетеді Сілтемеге жатпайтын сайттың тақырыбы, тақырып терезесі және мәзір позициясы Web бетті белгілейді . Әрбір беттен келесі кез-келген бетке өтуге мүмкіндігі бар Пайдаланушы навигацияға қол жеткізу үшін бетті айналдырып отырмау керек.. Мәзірді беттің басына және соңына орналастыру керек.
#8 слайд
Қандай навигациялық Қандай навигациялық
сұлбалармен танысу керексұлбалармен танысу керек
??
8 слайд
Қандай навигациялық Қандай навигациялық сұлбалармен танысу керексұлбалармен танысу керек ??
#9 слайд
HTML тілінің бастапқы мәтінді белгілейтін командалары
- тэг ( tag ) деп аталады . Тэг символ тізбегінен тұрады.
Барлық тэг «кіші» ( < ) символынан басталады да,
«үлкен» ( > ) символымен аяқталады.
Қос символ тізбегі бұрыштық жақшалар деп
аталады .
Ашылатын бұрыштық жақшадан соң команда аты болып
табылатын түйінді сөз - тэг орналасады. Осы әрекетке
байланысты екі тэг қатар қолданылады: бірі – ашады,
екінші – жабады. Жабу тэгтері қиғаш символымен (/)
басталады.
Тэгтердің екі түрі бар:
Бір элементті тэг <BR> ; - келесі орынға көшу
Қосарланған тэг <BODY>…..</BODY> - бет мазмұны
9 слайд
HTML тілінің бастапқы мәтінді белгілейтін командалары - тэг ( tag ) деп аталады . Тэг символ тізбегінен тұрады. Барлық тэг «кіші» ( < ) символынан басталады да, «үлкен» ( > ) символымен аяқталады. Қос символ тізбегі бұрыштық жақшалар деп аталады . Ашылатын бұрыштық жақшадан соң команда аты болып табылатын түйінді сөз - тэг орналасады. Осы әрекетке байланысты екі тэг қатар қолданылады: бірі – ашады, екінші – жабады. Жабу тэгтері қиғаш символымен (/) басталады. Тэгтердің екі түрі бар: Бір элементті тэг <BR> ; - келесі орынға көшу Қосарланған тэг <BODY>…..</BODY> - бет мазмұны
#10 слайд
HTML тілінің құжатының құрылымы:
1. HTML тілінде жазылатын құжаттар <HTML> тэгінен басталып,
< / HTML> жабылу тэгімен аяқталады.
2. Тэгалар ортасында құжаттың тақырыптық негізгі бөлігі орналасады.
Құжаттың тақырыптық бөлігі <HEAD> </HEAD> тэгтерінің
ортасында тұрады, құжат туралы жалпы мәлімет береді.
3. Құжаттың терезесінде құжаттың атауы <TITLE> </TITLE>
орналасады. Браузерлер оны файл аты деп есептейді .
4. Жазылатын мәтін құжат тұлғасы деп аталатын <BODY> </BODY>
тэгтер ортасында жазылады .
Құжаттың функционалдық бөліктерден анықтау.
Құжаттарда негізгі функционалдық бөліктер ретінде тақырыптар мен
абзацтар.
1. HTML тілі құжаттардың ішкі тақырыптарының көлеміне қарай алты
түрлі деңгейін жасай алады. Олар <H1> және </H1> тэгтерінен
басталып, <H 6 > және < / H 6 > тэгтеріне жалғасады
10 слайд
HTML тілінің құжатының құрылымы: 1. HTML тілінде жазылатын құжаттар <HTML> тэгінен басталып, < / HTML> жабылу тэгімен аяқталады. 2. Тэгалар ортасында құжаттың тақырыптық негізгі бөлігі орналасады. Құжаттың тақырыптық бөлігі <HEAD> </HEAD> тэгтерінің ортасында тұрады, құжат туралы жалпы мәлімет береді. 3. Құжаттың терезесінде құжаттың атауы <TITLE> </TITLE> орналасады. Браузерлер оны файл аты деп есептейді . 4. Жазылатын мәтін құжат тұлғасы деп аталатын <BODY> </BODY> тэгтер ортасында жазылады . Құжаттың функционалдық бөліктерден анықтау. Құжаттарда негізгі функционалдық бөліктер ретінде тақырыптар мен абзацтар. 1. HTML тілі құжаттардың ішкі тақырыптарының көлеміне қарай алты түрлі деңгейін жасай алады. Олар <H1> және </H1> тэгтерінен басталып, <H 6 > және < / H 6 > тэгтеріне жалғасады
#11 слайд
Блокнот бағдарламасын ашу
тәсілі:
11 слайд
Блокнот бағдарламасын ашу тәсілі:
#12 слайд
Мәтінді енгізу, құжатты сақтау
12 слайд
Мәтінді енгізу, құжатты сақтау
#13 слайд
Үйге тапсырма: өткен Үйге тапсырма: өткен
тақырыпты пысықтау үшін тақырыпты пысықтау үшін
«Қазақстан қалалары» «Қазақстан қалалары»
тақырыбында веб – беттер құру. тақырыбында веб – беттер құру.
13 слайд
Үйге тапсырма: өткен Үйге тапсырма: өткен тақырыпты пысықтау үшін тақырыпты пысықтау үшін «Қазақстан қалалары» «Қазақстан қалалары» тақырыбында веб – беттер құру. тақырыбында веб – беттер құру.
шағым қалдыра аласыз













