HTML Web беттер және сайттар

Тақырып бойынша 11 материал табылды

HTML Web беттер және сайттар

Материал туралы қысқаша түсінік
оқушыларға слайд
Материалдың қысқаша нұсқасы
img_page_1
Жүктеу
bolisu
Бөлісу
ЖИ арқылы жасау
Слайдтың жеке беттері
HTML 1. Интернеттегі ақпараттық объектілерді құру жүйелері 2. Web беттер және сайттар

#1 слайд
HTML 1. Интернеттегі ақпараттық объектілерді құру жүйелері 2. Web беттер және сайттар

1 слайд

HTML 1. Интернеттегі ақпараттық объектілерді құру жүйелері 2. Web беттер және сайттар

1 - Интернеттегі ақпараттық объектілерді құру жүйелері Интернетте қандай ақпараттық объектілер болады?  Web беттер және сайт

#2 слайд
1 - Интернеттегі ақпараттық объектілерді құру жүйелері Интернетте қандай ақпараттық объектілер болады?  Web беттер және сайттар  Анимация  Сүреттер  Видео, аудио

2 слайд

1 - Интернеттегі ақпараттық объектілерді құру жүйелері Интернетте қандай ақпараттық объектілер болады?  Web беттер және сайттар  Анимация  Сүреттер  Видео, аудио

Құралдар  Web беттер мен сайттар HTML тілімен және басқа бағдарламалау тілдерімен жазылады  Html, php/python/java/c#, css,

#3 слайд
Құралдар  Web беттер мен сайттар HTML тілімен және басқа бағдарламалау тілдерімен жазылады  Html, php/python/java/c#, css, mysql  Web сайт жасайтын әдейі бағдарламалар да болады  Wordpress – блог сияқты сайттарды жасауға арналған  Сүреттер және анимация жасау  Adobe Photoshop, Macromedia flash, т.б.  Видео және аудио жасау  Видео / аудио камера Біз web беттерді қалай жасау керек екенін оқимыз және ол үшін HTML тілін меңгереміз.

3 слайд

Құралдар  Web беттер мен сайттар HTML тілімен және басқа бағдарламалау тілдерімен жазылады  Html, php/python/java/c#, css, mysql  Web сайт жасайтын әдейі бағдарламалар да болады  Wordpress – блог сияқты сайттарды жасауға арналған  Сүреттер және анимация жасау  Adobe Photoshop, Macromedia flash, т.б.  Видео және аудио жасау  Видео / аудио камера Біз web беттерді қалай жасау керек екенін оқимыз және ол үшін HTML тілін меңгереміз.

Web сайт және web бет. Айырмашылығы қандай?  Web бет – бір бет  Web c айт – бір доменде гиперсілтеме арқылы байланысқа

#4 слайд
Web сайт және web бет. Айырмашылығы қандай?  Web бет – бір бет  Web c айт – бір доменде гиперсілтеме арқылы байланысқан беттер жинағы  Massaget.kz сайтында көптеген беттер бар. Біз қазір көріп тұрған басты бет. Осы беттегі сілтемелерді бассақ басқа беттер ашылады. Сайттағы барлық беттер massaget.kz доменіні жатады.

4 слайд

Web сайт және web бет. Айырмашылығы қандай?  Web бет – бір бет  Web c айт – бір доменде гиперсілтеме арқылы байланысқан беттер жинағы  Massaget.kz сайтында көптеген беттер бар. Біз қазір көріп тұрған басты бет. Осы беттегі сілтемелерді бассақ басқа беттер ашылады. Сайттағы барлық беттер massaget.kz доменіні жатады.

Web сайт түрлері  Статикалық сайт  Көбінесе тек қана html көмегімен жазылады  Сайттағы ақпарат ұзақ уақыт бойы өзгермейді

#5 слайд
Web сайт түрлері  Статикалық сайт  Көбінесе тек қана html көмегімен жазылады  Сайттағы ақпарат ұзақ уақыт бойы өзгермейді  Мысалы сайт визитка, портфолио сайт ( http://joldas.com/ )  Динамикалық сайт  Сайттағы ақпарат өте тез өзгереді, ақпарат пайдаланушының іс - әрекетіне байланысты өзгереді  Сайт html үстіне дерекқор жүйесің және әдейі бағдарламалау тілін пайдаланады  Html, mysql/postresql/access, php/python/java/javascript  Мысалы, facebook.com, adebikz.com

5 слайд

Web сайт түрлері  Статикалық сайт  Көбінесе тек қана html көмегімен жазылады  Сайттағы ақпарат ұзақ уақыт бойы өзгермейді  Мысалы сайт визитка, портфолио сайт ( http://joldas.com/ )  Динамикалық сайт  Сайттағы ақпарат өте тез өзгереді, ақпарат пайдаланушының іс - әрекетіне байланысты өзгереді  Сайт html үстіне дерекқор жүйесің және әдейі бағдарламалау тілін пайдаланады  Html, mysql/postresql/access, php/python/java/javascript  Мысалы, facebook.com, adebikz.com

Web сайт түрлері Статикалық және динамикалық сайттар әр түрлі болады:  Блог – корпоративті немесе адамның жеке блогы. Блогта

#6 слайд
Web сайт түрлері Статикалық және динамикалық сайттар әр түрлі болады:  Блог – корпоративті немесе адамның жеке блогы. Блогта адам немесе мекемеде қандай жаңалықтар болып жатқаны, хобби және де басқы ұнайтын заттар тұралы жазылады  Белгілі блог платформалар: blogger.com, yvision.kz  Қоғамдастық сайт – бұл сайтта ұқсас көзқарастары бар адамдар бір бірімен байланысып пікір ауысады  Корпоративті сайт – бизнес немесе мекеме тұралы ақпарат береді  Microsoft.com  Танысу сайты – бойдақ адамдар өздерінің екінше бөлігін немесе жаңа достарды табатын сайт  Kuuples.com

6 слайд

Web сайт түрлері Статикалық және динамикалық сайттар әр түрлі болады:  Блог – корпоративті немесе адамның жеке блогы. Блогта адам немесе мекемеде қандай жаңалықтар болып жатқаны, хобби және де басқы ұнайтын заттар тұралы жазылады  Белгілі блог платформалар: blogger.com, yvision.kz  Қоғамдастық сайт – бұл сайтта ұқсас көзқарастары бар адамдар бір бірімен байланысып пікір ауысады  Корпоративті сайт – бизнес немесе мекеме тұралы ақпарат береді  Microsoft.com  Танысу сайты – бойдақ адамдар өздерінің екінше бөлігін немесе жаңа достарды табатын сайт  Kuuples.com

Web сайт түрлері  E- коммерция – тауарларды және қызметтерді онлайн сататын сайт  Amazon.com  Форум – әртүрлі тақыраптар

#7 слайд
Web сайт түрлері  E- коммерция – тауарларды және қызметтерді онлайн сататын сайт  Amazon.com  Форум – әртүрлі тақыраптарды талқылауға арналған сайт  Ct.kz  Галерея – сүреттерді галерея түрінде көрсететін сайт  Flickr.com  Үкімет сайты – жергілікті әкімшіліктін немесе мемлекеттік органның сайты  Egov.kz, edu.gov.kz  Жаңалықтар  Tengrinews.kz, bnews.kz  Жеке сайт – адамның жеке сайты  Joldas.com

7 слайд

Web сайт түрлері  E- коммерция – тауарларды және қызметтерді онлайн сататын сайт  Amazon.com  Форум – әртүрлі тақыраптарды талқылауға арналған сайт  Ct.kz  Галерея – сүреттерді галерея түрінде көрсететін сайт  Flickr.com  Үкімет сайты – жергілікті әкімшіліктін немесе мемлекеттік органның сайты  Egov.kz, edu.gov.kz  Жаңалықтар  Tengrinews.kz, bnews.kz  Жеке сайт – адамның жеке сайты  Joldas.com

Web сайт түрлері  C ұрақ - жауап – адамдар сұрақ қойып жауап алатын сайт  Stackoverflow.com, stackexchange.com, surak-zhaua

#8 слайд
Web сайт түрлері  C ұрақ - жауап – адамдар сұрақ қойып жауап алатын сайт  Stackoverflow.com, stackexchange.com, surak-zhauap.kz  Іздестіру жүйелері - ғаламтордағы ақпаратты индексация жасап адамдарға ақпарат табу қызметін көрсететін сайт  google,.com, yandex,ru, bing.com  Әлеуметтік желі - пайдаланушылар достарымен хабарласым, сүрет, видео, хабарлама ауысуға мүмкіндук беретін сайт  facebook.com, vk.com  Webmail – сайт электрондық пошта қызметін атқарады  Gmail.com, mail.ru  Және тағы басқа көптеген сайт түрлері бар. Біз html тілін оқу барысында статикалық жеке сайттар жасаймыз.

8 слайд

Web сайт түрлері  C ұрақ - жауап – адамдар сұрақ қойып жауап алатын сайт  Stackoverflow.com, stackexchange.com, surak-zhauap.kz  Іздестіру жүйелері - ғаламтордағы ақпаратты индексация жасап адамдарға ақпарат табу қызметін көрсететін сайт  google,.com, yandex,ru, bing.com  Әлеуметтік желі - пайдаланушылар достарымен хабарласым, сүрет, видео, хабарлама ауысуға мүмкіндук беретін сайт  facebook.com, vk.com  Webmail – сайт электрондық пошта қызметін атқарады  Gmail.com, mail.ru  Және тағы басқа көптеген сайт түрлері бар. Біз html тілін оқу барысында статикалық жеке сайттар жасаймыз.

2 - Web бет жасау құралдары  WYSIWYG бағдарламалар  What You See Is What You Get – “ не көрсен соны аласын ”  Microsoft Fr

#9 слайд
2 - Web бет жасау құралдары  WYSIWYG бағдарламалар  What You See Is What You Get – “ не көрсен соны аласын ”  Microsoft Frontpage  Графикалық интерфейс арқылы web бетті жасайды  Мәтін редакторымен жасау  Біз html беттерді notepad немесе notepad++ редакторымен жасаймыз  HTML кодты қолмен тереміз  Яғни бізге керек құралдар: мәтін редакторы және браузер (Chrome, Firefox немесе Internet Explorer)

9 слайд

2 - Web бет жасау құралдары  WYSIWYG бағдарламалар  What You See Is What You Get – “ не көрсен соны аласын ”  Microsoft Frontpage  Графикалық интерфейс арқылы web бетті жасайды  Мәтін редакторымен жасау  Біз html беттерді notepad немесе notepad++ редакторымен жасаймыз  HTML кодты қолмен тереміз  Яғни бізге керек құралдар: мәтін редакторы және браузер (Chrome, Firefox немесе Internet Explorer)

HTML???  HTML – HyperText Markup Language , Гипермәтін белгілеу тілі  Гипермәтін – басқа мәтіндерге сілтемелері бар мәтін 

#10 слайд
HTML???  HTML – HyperText Markup Language , Гипермәтін белгілеу тілі  Гипермәтін – басқа мәтіндерге сілтемелері бар мәтін  Белгілеу тілі – құжаттың аннотациясын жасайтын жүйе  HTML – белгілеу тілі, бағдарламалау тілі емес  Web құжаттар HTML тілін мәтіннің пішінін белгілеу үшін пайдаланады  HTML құжат екі компоненттен тұрады  Белгілеу тегтері – құжатты пішіндеу және тәртіптеу үшін  Контент

10 слайд

HTML???  HTML – HyperText Markup Language , Гипермәтін белгілеу тілі  Гипермәтін – басқа мәтіндерге сілтемелері бар мәтін  Белгілеу тілі – құжаттың аннотациясын жасайтын жүйе  HTML – белгілеу тілі, бағдарламалау тілі емес  Web құжаттар HTML тілін мәтіннің пішінін белгілеу үшін пайдаланады  HTML құжат екі компоненттен тұрады  Белгілеу тегтері – құжатты пішіндеу және тәртіптеу үшін  Контент

Белгілеу тілдерінің мысалдары  Wikipedia белгілеу тілі  XML – Extensible Markup Language  LaTeX  Ғылыми жұмыстарды пішіндеу

#11 слайд
Белгілеу тілдерінің мысалдары  Wikipedia белгілеу тілі  XML – Extensible Markup Language  LaTeX  Ғылыми жұмыстарды пішіндеу үшін Академияда пайдаланды

11 слайд

Белгілеу тілдерінің мысалдары  Wikipedia белгілеу тілі  XML – Extensible Markup Language  LaTeX  Ғылыми жұмыстарды пішіндеу үшін Академияда пайдаланды

LaTe Х арқылы құжатты пішіндеу мысалы

#12 слайд
LaTe Х арқылы құжатты пішіндеу мысалы

12 слайд

LaTe Х арқылы құжатты пішіндеу мысалы

HTML дың қысқа тарихы  Ойлап шығарушы  Tim Berners-Lee (CERN, 1989)  HTML 2.0 – 1995  HTML 3.2 – 1997 қантар  HTML 4.0 – 1

#13 слайд
HTML дың қысқа тарихы  Ойлап шығарушы  Tim Berners-Lee (CERN, 1989)  HTML 2.0 – 1995  HTML 3.2 – 1997 қантар  HTML 4.0 – 1997 желтоқсан  HTML 5.0 – 2008  Толығырақ http://en.wikipedia.org/wiki/HTML

13 слайд

HTML дың қысқа тарихы  Ойлап шығарушы  Tim Berners-Lee (CERN, 1989)  HTML 2.0 – 1995  HTML 3.2 – 1997 қантар  HTML 4.0 – 1997 желтоқсан  HTML 5.0 – 2008  Толығырақ http://en.wikipedia.org/wiki/HTML

HTML 5.0  Ұялы құралдарға пайдалануға болады  Аудио, видео және канвас сүреттеуін қолдайтың жаға синтактикалық элементтер 

#14 слайд
HTML 5.0  Ұялы құралдарға пайдалануға болады  Аудио, видео және канвас сүреттеуін қолдайтың жаға синтактикалық элементтер  Жаға семантикалық элементтер  Article - мақала  Header – бастама және т.б.

14 слайд

HTML 5.0  Ұялы құралдарға пайдалануға болады  Аудио, видео және канвас сүреттеуін қолдайтың жаға синтактикалық элементтер  Жаға семантикалық элементтер  Article - мақала  Header – бастама және т.б.

HTML файл  Мәтіннен тұратын файл  Белгілеу тегтарынаң құралған  Тегтар браузерге бетті қандай түрде көрсету керек екенін ай

#15 слайд
HTML файл  Мәтіннен тұратын файл  Белгілеу тегтарынаң құралған  Тегтар браузерге бетті қандай түрде көрсету керек екенін айтады  Қарапайым мәтін редакторымен жасауға болады (notepad, notepad++)  Файлдың кеңейтуі “.htm”, “.html”

15 слайд

HTML файл  Мәтіннен тұратын файл  Белгілеу тегтарынаң құралған  Тегтар браузерге бетті қандай түрде көрсету керек екенін айтады  Қарапайым мәтін редакторымен жасауға болады (notepad, notepad++)  Файлдың кеңейтуі “.htm”, “.html”

Файл форматы:
pptx
31.01.2020
2124
Жүктеу
ЖИ арқылы жасау
Бұл материалды қолданушы жариялаған. Ustaz Tilegi ақпаратты жеткізуші ғана болып табылады. Жарияланған материалдың мазмұны мен авторлық құқық толықтай автордың жауапкершілігінде. Егер материал авторлық құқықты бұзады немесе сайттан алынуы тиіс деп есептесеңіз,
шағым қалдыра аласыз
Қазақстандағы ең үлкен материалдар базасынан іздеу
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде керек материалды іздеп, жүктеп алып сабағыңызға қолдана аласыз
Материал жариялап, аттестацияға 100% жарамды сертификатты тегін алыңыз!
Ustaz tilegi журналы министірліктің тізіміне енген. Qr коды мен тіркеу номері беріледі. Материал жариялаған соң сертификат тегін бірден беріледі.
Оқу-ағарту министірлігінің ресми жауабы
Сайтқа 5 материал жариялап, тегін АЛҒЫС ХАТ алыңыз!
Қазақстан Республикасының білім беру жүйесін дамытуға қосқан жеке үлесі үшін және де Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық материалыңызбен бөлісіп, белсенді болғаныңыз үшін алғыс білдіреміз!
Сайтқа 25 материал жариялап, тегін ҚҰРМЕТ ГРОМАТАСЫН алыңыз!
Тәуелсіз Қазақстанның білім беру жүйесін дамытуға және білім беру сапасын арттыру мақсатында Республика деңгейінде «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жариялағаны үшін марапатталасыз!
Министірлікпен келісілген курстар тізімі