Интернеттегі а?паратты? объектілерді ??ру ж?йелері Web беттер ж?не сайттар

HTMLИнтернеттегі ақпараттық объектілерді құру жүйелеріWeb беттер және сайттар 1 - Интернеттегі ақпараттық объектілерді құру жүйелеріИнтернетте қандай ақпараттық объектілер болады?Web беттер және сайттарАнимацияСүреттерВидео, аудио ҚұралдарWeb беттер мен сайттар HTML тілімен және басқа бағдарламалау тілдерімен жазыладыHtml, php/python/java/c#, css, mysqlWeb сайт жасайтын әдейі бағдарламалар да боладыWordpress – блог сияқты сайттарды жасауға арналғанСүреттер және анимация жасауAdobe Photoshop, Macromedia flash, т.б.Видео және аудио жасауВидео/аудио камераБіз web беттерді қалай жасау керек екенін оқимыз және ол үшін HTML тілін меңгереміз. Web сайт және web бет. Айырмашылығы қандай?Web бет – бір бетWeb cайт – бір доменде гиперсілтеме арқылы байланысқан беттер жинағыMassaget.kz сайтында көптеген беттер бар. Біз қазір көріп тұрған басты бет. Осы беттегі сілтемелерді бассақ басқа беттер ашылады. Сайттағы барлық беттер massaget.kz доменіні жатады. Web сайт түрлеріСтатикалық сайтКөбінесе тек қана html көмегімен жазыладыСайттағы ақпарат ұзақ уақыт бойы өзгермейдіМысалы сайт визитка, портфолио сайт (http://joldas.com/)Динамикалық сайтСайттағы ақпарат өте тез өзгереді, ақпарат пайдаланушының іс-әрекетіне байланысты өзгередіСайт html үстіне дерекқор жүйесің және әдейі бағдарламалау тілін пайдаланадыHtml, mysql/postresql/access, php/python/java/javascriptМысалы, facebook.com, adebikz.com Web сайт түрлеріСтатикалық және динамикалық сайттар әр түрлі болады:Блог – корпоративті немесе адамның жеке блогы. Блогта адам немесе мекемеде қандай жаңалықтар болып жатқаны, хобби және де басқы ұнайтын заттар тұралы жазыладыБелгілі блог платформалар: blogger.com, yvision.kzҚоғамдастық сайт – бұл сайтта ұқсас көзқарастары бар адамдар бір бірімен байланысып пікір ауысадыКорпоративті сайт – бизнес немесе мекеме тұралы ақпарат бередіMicrosoft.comТанысу сайты – бойдақ адамдар өздерінің екінше бөлігін немесе жаңа достарды табатын сайтKuuples.com 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-zhauap.kzІздестіру жүйелері - ғаламтордағы ақпаратты индексация жасап адамдарға ақпарат табу қызметін көрсететін сайтgoogle,.com, yandex,ru, bing.comӘлеуметтік желі - пайдаланушылар достарымен хабарласым, сүрет, видео, хабарлама ауысуға мүмкіндук беретін сайтfacebook.com, vk.comWebmail – сайт электрондық пошта қызметін атқарадыGmail.com, mail.ruЖәне тағы басқа көптеген сайт түрлері бар.Біз html тілін оқу барысында статикалық жеке сайттар жасаймыз. 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, Гипермәтін белгілеу тіліГипермәтін – басқа мәтіндерге сілтемелері бар мәтінБелгілеу тілі – құжаттың аннотациясын жасайтын жүйеHTML – белгілеу тілі, бағдарламалау тілі емесWeb құжаттар HTML тілін мәтіннің пішінін белгілеу үшін пайдаланадыHTML құжат екі компоненттен тұрадыБелгілеу тегтері – құжатты пішіндеу және тәртіптеу үшінКонтент Белгілеу тілдерінің мысалдарыWikipedia белгілеу тіліXML – Extensible Markup LanguageLaTeXҒылыми жұмыстарды пішіндеу үшін Академияда пайдаланды LaTeХ арқылы құжатты пішіндеу мысалы HTMLдың қысқа тарихыОйлап шығарушыTim Berners-Lee (CERN, 1989)HTML 2.0 – 1995HTML 3.2 – 1997 қантарHTML 4.0 – 1997 желтоқсанHTML 5.0 – 2008Толығырақ http://en.wikipedia.org/wiki/HTML HTML 5.0Ұялы құралдарға пайдалануға боладыАудио, видео және канвас сүреттеуін қолдайтың жаға синтактикалық элементтерЖаға семантикалық элементтерArticle - мақалаHeader – бастама және т.б. HTML файлМәтіннен тұратын файлБелгілеу тегтарынаң құралғанТегтар браузерге бетті қандай түрде көрсету керек екенін айтадыҚарапайым мәтін редакторымен жасауға болады (notepad, notepad++)Файлдың кеңейтуі “.htm”, “.html”