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

• 1 слайд

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

• 2 слайд

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

• 3 слайд

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

• 4 слайд

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

• 5 слайд

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

• 6 слайд

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

• 7 слайд

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

• 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 тілін оқу барысында статикалық жеке сайттар жасаймыз.
  

• 9 слайд

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

• 10 слайд

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

• 11 слайд

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

• 12 слайд

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

• 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
  

• 14 слайд

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

• 15 слайд

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