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

1 слайд

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

2 слайд

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

3 слайд

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

4 слайд

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

5 слайд

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

6 слайд

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

7 слайд

#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 слайд

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

9 слайд

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

10 слайд

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

11 слайд

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

12 слайд

#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 слайд

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

14 слайд

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

15 слайд