Слайд 2: Шығу тарихы
Жобалау технологиясы ХІХ ғасырдың ІІ жартысында АҚШ ауылшаруашылығы мектептерінде пайда болған. Оның негізін қалаған — Джон Дьон атты психолог және педагог, философ. Дьюнд i ң ілімін жалғастырушы – Колумбия университеті жанындағы мұғалімдер колледжінің профессоры Уильям Херд Килпатриктің ойынша, балаларды өз жұмысының жемісін көруге ынталандыру арқылы үнемі өмірге дайындау – бұл технологияның негізі.
Слайд 3: Клипатриктің типтік үлгісі
Өзіне көйлек тігіп киген бойжеткенді мысалға алайық. Егер ол кейін өзі киетін көйлегі үшін жанын аямай, ерінбей, аса қызығушылықпен көйлек үлгісін өзі ойлап тауып, өз бетімен өлшеп, пішіп, тігіп кисе » бұл мысал Жобалау технологиясының нағыз типтік үлгісі деген екен Клипатрик.
Ақпарат жинау ; Ақпаратты алғашқы сұрыптау; Алғашқы күндердің нәтижесін қорғау; Кері байланыс; Нәтижені бағалау;
Слайд 5: Сайтты жоспарлау
Вeб-сайт – бұл әлемнің кішкентай моделі. Алдыңғы кезде вeб-сайтты бір адам ( вeб-мастер) жасаған болса, қазіргі кезде вeб-сайтты бірнеше адам жасайды. Web-сайт жасаумен кәсіби тұрғыдан веб-программалаушылар, веб-дизайнер, IT-мамандар айналысады. Бүгінгі таңда кез келген компьютер пайдаланушы қарапайым сайт жасауға арналған дайын шаблондар көмегімен интернетте өз сайтын жасай алады. Web-сайтты жобалау кезінде сайттың көлемі, функционалдығы және т.б.с.с. жоспарлай білу керек
Слайд 6: Сайтты жоспарлау кезеңдері
Сайтты қандай мақсатта жасайтынымызды анықтау; Сайтта қандай ақпарат орналастыру керектігін анықтау; Қажетті ақпаратты жинақтау; Сайттың дизайнын белгілеу; Сайттың логикалық құрылымын дайындау; Сайттың физикалық құрылымын ойластыру, яғни сайтты құрайтын бөлек файлдарды бумаларға бөліп алуды жоспарлау ;
Слайд 7: Сайтты құру мақсаттары
Жобалауда сайттың мағынасын, мақсаттарын, оның көмегімен шешуге болатын тапсырмаларды, ол арналған аудиторияны ойластырып алу керек. Сайттың мақсаты оның концепциясынан орындалу уақыты мен бар ресурстарымен ажыратылады. Мақсат сіз белгілеген әрекеттердің қашан, қандай деңгейде орындалатынын көрсетеді. Сайттың құрылу мақсаттарын ойластырып, оны жазып алу сіздің сайттың көмегімен шешкелі отырған есептеріңіз үшін керек. Дұрыс,нақты қойылған мақсат сіздің сайтыңызды эффективті құралға айналдырады.
Слайд 8: Концептуалды жобалау
Кейде сайттың эффективтілігін бағалау қиын болады. Сайттың жақсы екендігін білу үшін қай критериді қолдану керек. Сайттың эффективтілігін сипаттайтын әмбебап критери бар. Бұл сайтты құрасытрушылардың олардың алдарына қойылған мақсаттарының жетістігі. Концептуалды жобалау сайттың мақсаттарын көрсету үшін және ол есептелген аудиторияны анықтауға арналған. Бұл этапта келесілерді сипаттау керек: • Негізгі және қосымша мақсаттар. • Қойылған мақсаттарға жету үшін орындалатын әрекет. • Қолданушылар құрамы. • Қолданушы топтарының қызығушылықтары. • Сайттың бөлімдері. • Мақсатқа жету критерилері. Қойылған мақсаттардың және қолданушының қызығушылықтырының арқасында сайтта орналасатын бөлімдер мен сервистердің тізімін аламыз.
Слайд 9: Сайттарды жобалаудың ерекшеліктері
Сайттың ақпараттық толтырылуын және навигация құралдарын жобалауда адамның ақпаратты қабылдауына негізделген төрт базалық принципке негізделу керек: • Белгілеулерді қолдану. • Орындылық. • Біркелкілік. • Бөліктерге бөлу. Бұл принциптерге түсініктеме берейік.
Слайд 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 бөлімінде тақырып және т.б. сияқты құжаттың егжей - тегжейлері берілген, веб - беттің құрылымын құрайтын барлық тегтер ішінде бөлім. Бұл бөлімде абзацтар, тақырыптар, кестелер, тізімдер және т.б. орналасқан
Слайд 16: HTML элементтері
Элементтер блоктық және мәтіндік болып бөлінеді. Блоктық элементтер абзац деңгейіндегі мәтінге жатады, ал мәтіндік элементтер жеке сөз тіркестерінің немесе одан да кіші мәтін бөлігінің қасиеттерін сипаттайды.
Слайд 17: Тегтер
Тегтер арқылы : құжат тақырыбын ерекшелеуге, символдардың түсін, мөлшерін және сызылымын ( начертание ) өзгертуге, мәтін ішіне графикалық бейнелер мен кестелер енгізуге, гиперсілтемелер жасауға болады.