Web- жобалау — презентация
logo
Web- жобалау
  • Web- жобалау
  • Шығу тарихы
  • Клипатриктің типтік үлгісі
  • Жобалау технологиясында төмендегідей іс-әрекеттер жүзеге асуы тиіс
  • Сайтты жоспарлау
  • Сайтты жоспарлау кезеңдері
  • Сайтты құру мақсаттары
  • Концептуалды жобалау
  • Сайттарды жобалаудың ерекшеліктері
  • Базалық принциптер
  • W eb- сайттарын әзірлеуде HTML әдістерін пайдалану
  • HTML ағылш. Hypertext Markup Language — « еренмәтін белгілеу тілі » ) — вебшолғышта көрсетілуге арналған еренмәтін мен басқа ақпараттардан тұратын веб -
  • HTML тілін британ ғалымы Тим Бернерс - Ли 1986-1991 жылдары Женева ( Швейцария ) Еуропалық ядролық зерттеу орталығында жасап шығарған болатын. HTML алғашында
  • HTML деген не ? HTML гипермәтіндік таңбалау тіліне арналған. Бұл интернеттің негізделген тілі болды. HTML - дің негізгі мақсаты - веб парақтың құрылымын құру
  • HTML - дің негізгі түсініктері
  • HTML элементтері
  • Тегтер
  • Гипермәтіннің жай мәтінге қара ғанда негізгі ерекшелігі - құжат ішіне HTML тілінің арнайы элементтері болып табылатын гиперсілтемелер қосуға болады, сол
  • Тегтерді жазу кезінде бас әріп пен кіші әріп бірдей болып саналады. Көбінесе тегтер екеуден жазылады, олардың алғашқысы - ашылу тегі ( start tag ) және
  • Ашылу тегінің синтаксисі ( жазылу ережесі ) : < тег _ аты [ атрибуттары ] > Жабылу тегінің ашылу тегінен айырмасы - тек оның алдында көлбеу сызықтың жазылуы :
  • Тег атрибуттарының форматы : [ аты = " мәні " ] Атрибут көрсетілмесе, оның алдын ала келісілген мәні ( значение по умолчанию ) пайдаланылады.
  • Тапсырма:
1/22

Первый слайд презентации: Web- жобалау

HTML web- сайттарын әзірлеу әдістері

Изображение слайда

Слайд 2: Шығу тарихы

Жобалау технологиясы ХІХ ғасырдың ІІ жартысында АҚШ ауылшаруашылығы мектептерінде пайда болған. Оның негізін қалаған — Джон Дьон атты психолог және педагог, философ. Дьюнд i ң ілімін жалғастырушы – Колумбия университеті жанындағы мұғалімдер колледжінің профессоры Уильям Херд Килпатриктің ойынша, балаларды өз жұмысының жемісін көруге ынталандыру арқылы үнемі өмірге дайындау – бұл технологияның негізі.

Изображение слайда

Слайд 3: Клипатриктің типтік үлгісі

Өзіне көйлек тігіп киген бойжеткенді мысалға алайық. Егер ол кейін өзі киетін көйлегі үшін жанын аямай, ерінбей, аса қызығушылықпен көйлек үлгісін өзі ойлап тауып, өз бетімен өлшеп, пішіп, тігіп кисе » бұл мысал Жобалау технологиясының нағыз типтік үлгісі деген екен Клипатрик.

Изображение слайда

Ақпарат жинау ; Ақпаратты алғашқы сұрыптау; Алғашқы күндердің нәтижесін қорғау; Кері байланыс; Нәтижені бағалау;

Изображение слайда

Вeб-сайт – бұл әлемнің кішкентай моделі. Алдыңғы кезде вeб-сайтты бір адам ( вeб-мастер) жасаған болса, қазіргі кезде вeб-сайтты бірнеше адам жасайды. Web-сайт жасаумен кәсіби тұрғыдан веб-программалаушылар, веб-дизайнер, IT-мамандар айналысады. Бүгінгі таңда кез келген компьютер пайдаланушы қарапайым сайт жасауға арналған дайын шаблондар көмегімен интернетте өз сайтын жасай алады. Web-сайтты жобалау кезінде сайттың көлемі, функционалдығы және т.б.с.с. жоспарлай білу керек

Изображение слайда

Слайд 6: Сайтты жоспарлау кезеңдері

Сайтты қандай мақсатта жасайтынымызды анықтау; Сайтта қандай ақпарат орналастыру керектігін анықтау; Қажетті ақпаратты жинақтау; ​Сайттың дизайнын белгілеу; ​Сайттың логикалық құрылымын дайындау; ​ Сайттың физикалық құрылымын ойластыру, яғни сайтты құрайтын бөлек файлдарды бумаларға бөліп алуды жоспарлау ;

Изображение слайда

Жобалауда сайттың мағынасын, мақсаттарын, оның көмегімен шешуге болатын тапсырмаларды, ол арналған аудиторияны ойластырып алу керек. Сайттың мақсаты оның концепциясынан орындалу уақыты мен бар ресурстарымен ажыратылады. Мақсат сіз белгілеген әрекеттердің қашан, қандай деңгейде орындалатынын көрсетеді. Сайттың құрылу мақсаттарын ойластырып, оны жазып алу сіздің сайттың көмегімен шешкелі отырған есептеріңіз үшін керек. Дұрыс,нақты қойылған мақсат сіздің сайтыңызды эффективті құралға айналдырады.

Изображение слайда

Слайд 8: Концептуалды жобалау

Кейде сайттың эффективтілігін бағалау қиын болады. Сайттың жақсы екендігін білу үшін қай критериді қолдану керек. Сайттың эффективтілігін сипаттайтын әмбебап критери бар. Бұл сайтты құрасытрушылардың олардың алдарына қойылған мақсаттарының жетістігі. Концептуалды жобалау сайттың мақсаттарын көрсету үшін және ол есептелген аудиторияны анықтауға арналған. Бұл этапта келесілерді сипаттау керек: • Негізгі және қосымша мақсаттар. • Қойылған мақсаттарға жету үшін орындалатын әрекет. • Қолданушылар құрамы. • Қолданушы топтарының қызығушылықтары. • Сайттың бөлімдері. • Мақсатқа жету критерилері. Қойылған мақсаттардың және қолданушының қызығушылықтырының арқасында сайтта орналасатын бөлімдер мен сервистердің тізімін аламыз.

Изображение слайда

Слайд 9: Сайттарды жобалаудың ерекшеліктері

Сайттың ақпараттық толтырылуын және навигация құралдарын жобалауда адамның ақпаратты қабылдауына негізделген төрт базалық принципке негізделу керек: • Белгілеулерді қолдану. • Орындылық. • Біркелкілік. • Бөліктерге бөлу. Бұл принциптерге түсініктеме берейік.

Изображение слайда

Слайд 10: Базалық принциптер

Изображение слайда

Слайд 11: W eb- сайттарын әзірлеуде HTML әдістерін пайдалану

Изображение слайда

Слайд 12: HTML ағылш. Hypertext Markup Language — « еренмәтін белгілеу тілі » ) — вебшолғышта көрсетілуге арналған еренмәтін мен басқа ақпараттардан тұратын веб - парақшаларды жасауға арналған белгілеу тілі. HTML ( HyperTextMarkupLanguage ) – бұл құжаттарды кодтау үшін қолданылатын гипермәтіндік белгілеу тілі. HTML беттер ғаламторда браузерден серверге, жай мәтін немесе жасырын символдар ( шифрлар ) арқылы HTTP және HTTPS хаттамаларымен жіберіледі

Изображение слайда

Слайд 13: HTML тілін британ ғалымы Тим Бернерс - Ли 1986-1991 жылдары Женева ( Швейцария ) Еуропалық ядролық зерттеу орталығында жасап шығарған болатын. HTML алғашында ғылыми және техникалық құжаттарды халық арасында алмастыруға арналған тіл ретінде жасалған. HTML көмегімен әдемі жасалған құжатты оңай және тез жасауға болады. Құрамының өзгеруінен басқа HTML ға гипермәтіндерді оқу қасиеті қосылған. Бейнематериалдық қасиеттер кейіннен қосылған. Бағдарламалар құжаттарды құрылымдау және пішімдеу. Оларды байланыстыру құралдарына қайта шығару ( бейнелеу ) құралы ретінде құрылды

Изображение слайда

Слайд 14: HTML деген не ? HTML гипермәтіндік таңбалау тіліне арналған. Бұл интернеттің негізделген тілі болды. HTML - дің негізгі мақсаты - веб парақтың құрылымын құру Ол SGML - ге негізделген. HTML - дің әртүрлі нұсқалары бар, мысалы, HTML 1, 2 және т.б., ең соңғы нұсқасы - HTML5. Ол негізінен пайдаланушылық интерфейстерді дамыту үшін қолданылады. Оның көптеген қосымша функциялары бар. SVG графикалық қосымшалар үшін қолданылады. Геолокация жерді бөлісу үшін қолданылады Онда сонымен қатар отандық аудио және видео қолдау бар. HTML тілі тегтерден тұрады. Әр тапсырма үшін бөлінген тегтер бар. Әр т e г бұйра жақшалар арасында орналасады, ал тегтердің көпшілігінде тиісті аяқтау белгілері болады. HTML файлы Құжат түрі декларациясынан басталады. Ол HTML нұсқасын көрсетеді. Егер бастапқы тег болса, содан кейін жабылатын те г болады. HTML құжатында екі бөлім бар. The бөлімінде тақырып және т.б. сияқты құжаттың егжей - тегжейлері берілген, веб - беттің құрылымын құрайтын барлық тегтер ішінде бөлім. Бұл бөлімде абзацтар, тақырыптар, кестелер, тізімдер және т.б. орналасқан

Изображение слайда

Слайд 15: HTML - дің негізгі түсініктері

Изображение слайда

Слайд 16: HTML элементтері

Элементтер блоктық және мәтіндік болып бөлінеді. Блоктық элементтер абзац деңгейіндегі мәтінге жатады, ал мәтіндік элементтер жеке сөз тіркестерінің немесе одан да кіші мәтін бөлігінің қасиеттерін сипаттайды.

Изображение слайда

Слайд 17: Тегтер

Тегтер арқылы : құжат тақырыбын ерекшелеуге, символдардың түсін, мөлшерін және сызылымын ( начертание ) өзгертуге, мәтін ішіне графикалық бейнелер мен кестелер енгізуге, гиперсілтемелер жасауға болады.

Изображение слайда

Слайд 18: Гипермәтіннің жай мәтінге қара ғанда негізгі ерекшелігі - құжат ішіне HTML тілінің арнайы элементтері болып табылатын гиперсілтемелер қосуға болады, сол гиперсілтемелерді шерту арқылы басқа құжаттарға жеңіл көшуге болады

Изображение слайда

Слайд 19: Тегтерді жазу кезінде бас әріп пен кіші әріп бірдей болып саналады. Көбінесе тегтер екеуден жазылады, олардың алғашқысы - ашылу тегі ( start tag ) және екіншісі - жабылу тегі ( е nd tag ) болып саналады. HTML тілінің барлық тегтері " < " символынан басталып, " > " символымен аяқталады

Изображение слайда

Слайд 20: Ашылу тегінің синтаксисі ( жазылу ережесі ) : < тег аты [ атрибуттары ] > Жабылу тегінің ашылу тегінен айырмасы - тек оның алдында көлбеу сызықтың жазылуы : < / т е г аты > Жабылу тегінің атрибуттары болмайды

Изображение слайда

Слайд 21: Тег атрибуттарының форматы : [ аты = " мәні " ] Атрибут көрсетілмесе, оның алдын ала келісілген мәні ( значение по умолчанию ) пайдаланылады

Изображение слайда

Последний слайд презентации: Web- жобалау: Тапсырма:

HTML тілінің Интернет үшін маңызы неде? HTML т ілі қандай тіл? HTML т ілінің қосымша атрибуттарын оқып, қызметімен тансыңыз.

Изображение слайда

Похожие презентации