Файл: М. Х. Дулати атындаы Тараз ірлік университеті ке а.docx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 25.10.2023
Просмотров: 47
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Веб - сайттарды жоспарлау
Енді World Wide Web клиентін білдіретін веб - сайтта қандай материал болатынын шешу керек. Бастау үшін, құрылған веб - сайттың мақсаты қандай болатынын анықтаған жөн.
Веб-сайттар басқа мақсаттар үшін де жасалуы мүмкін. Бір сайт кез-келген бағдарламалық өнімнің пайдаланушыларына техникалық қолдау көрсете алады. Басқа сайтта тауарлар каталогы орналасуы мүмкін және тапсырыстарды қауіпсіз орналастыру мүмкіндігі қамтамасыз етіледі. Веб-сайтты құру мақсаты оның дизайны мен мазмұнын анықтайды.
Содан кейін сайттың веб - беттері бір-бірімен қалай байланысатынын анықтау керек. Әлбетте, еренсілтемелердің көмегімен.
Жақтау (frame) - мазмұны басты бетке қарамастан көрсетілетін бөлек аймақ. Бір беттен екінші бетке өтуге болады, олар оң жақтауда пайда болады және сол жақтаудың мазмұны (мысалы, гиперсілтеме мәзірі) өзгеріссіз қалады.
Графикалық кескіндерді Веб - бетке орналастыру.
Графикалық кескіндердің екі негізгі түрі бар: фотосуреттер мен сызбалар. Фотографиялық суреттері бар файлдар әр түрлі форматта болуы мүмкін, бірақ веб - шолғыштар үшін көбінесе GIF (Graphics Interchange Format - графикалық деректермен алмасу форматы) немесе JPEG (Joint Photographic Group - фотографияның бірлескен сараптамалық тобының форматы) қолданылады. GIF және JPEG форматтары кескіндерді қысу алгоритмдерін қолданады, бұл суреттерді басқа форматтарға қарағанда кішірек файлда сақтауға мүмкіндік береді. Осы форматтағы кескін файлдары тезірек жүктеледі.[4.154 б]
Веб - параққа дыбыстық және музыкалық үзінділерді қосу.
Веб-беттердің көпшілігі кез-келген ақпаратты қамтиды, бірақ ақпарат парақтарды құруға тұрарлық жалғыз нәрсе емес. Веб - сайтты қарау өте жағымды болатындай етіп жасау керек. Сайтты тартымды етудің бір жолы - басты бетке фондық дыбыстық дизайнды қосу. Бет веб - шолғышта ашылған кезде фондық дыбыс үнемі ойнатылады. Бірақ сіз парақтар мен бейнеклиптерге оңай орналастыра аласыз. Веб - сайтқа кіруші кіріктірілген бейнеклипі бар бетті жүктегенде, бейне мен дыбыс бір уақытта ойнатылады. Сондай-ақ, бейнеклиптері бар файлдарға гиперсілтемелер жасауға болады.
Веб - беттердің элементтерін орналастыру үшін стиль кестелерін пайдалану.
Тартымды, бірақ өте қарапайым емес әдістердің бірі - стильдер кестесін (style sheets) қолдана отырып, веб-беттердің көрінісін бақылау мүмкіндігі. Веб - беттің мәнерлер кестесі-бұл беттің әртүрлі элементтерін көрсететін жеке мәтіндік файл.[5. 256 б]
Стиль кестелері басқаша "иерархиялық стиль кестелері" деп аталады. Тақырып бір веб-параққа бір уақытта әртүрлі деңгейдегі бірнеше стильдерді қолдануға болатындығын көрсетеді.
Қалқымалы түймелерді жасау.
Бейнеклиптер FrontPage-пен жұмыс істеу кезінде қол жетімді анимацияның жалғыз түрі емес. Тағы бір танымал мультимедиялық эффект-бұл қалқымалы батырма (hover button), оның көрінісі сайтқа кіруші тышқанды басқан кезде өзгереді.
Қалқымалы батырма - бұл FrontPage жасаған Java апплеті (бағдарлама). Басқа веб-бетке өту үшін қалқымалы батырманы пайдалануға болады. Веб - сайтқа кіруші тінтуірді қалқымалы батырманың үстіне апарғанда, ол оған жауап береді, мысалы, түсін өзгерту немесе басылған батырманың көрінісін қабылдау. Келуші осындай батырманы басқан кезде, экранда осы батырмадан сілтеме жасалған бет ашылады.
Веб-беттің емлесін тексеру.
Веб-сайтты серверде жарияламас бұрын, интернетте немесе жергілікті желіде маңызды емес, оны мүмкіндігінше жетілдіруіңіз керек. Абайсызда жіберілген қателіктер сайт туралы жағымсыз әсер қалдыруы мүмкін.
Веб - сайтты жариялау.
Емлені тексергеннен кейін Веб - сайт жариялауға дайын. Веб - сайтты жариялау-Бұл керемет сайт жасайтын нәрсе. Сондай-ақ, сайтты компьютерде жариялап, сақтық көшірмесін жасаған жөн. Егер сіз сайттың жұмыс көшірмесін өзгертсеңіз, содан кейін ескі нұсқаға оралу арқылы өзгертулерден бас тартқыңыз келсе, онда жергілікті компьютерде жарияланған сайт пайдалы болады.
1.2 Тапсырма қою
"Ойыншықтар" сайты курстық жобалауға арналған техникалық тапсырма нәтижесінде жасалды. Интернет арқылы қызығушылық туралы ақпарат алуға арналған.
Даму үшін негіз:
Челябі энергетикалық колледжі (ЧЭнК) берген дипломдық жобалауға тапсырма әзірлеуге негіз болып табылады.
Даму тақырыбы: "ойыншықтар" сайтын құру.
Даму мақсаты:
Сайт ойыншықтар туралы ағымдағы ақпаратты орналастыруға арналған; деректерді іздеу және қарау үшін.
Функционалдық сипаттамаларға қойылатын талаптар:
Әзірленген сайт гиперсілтемелер бойынша бір беттен екінші бетке өтуі керек.
- Бөлімдер
1) Басты бет: Сайт мазмұны.
2) "пайда болу тарихы" бетінде ойыншықтардың шығу тегі туралы мәліметтер болуы керек.
3) "өндіруші" беті мыналарды қамтуы тиіс: неғұрлым сапалы ойыншықтар өндірушілерінің тізімі
4) "сараптама" бетінде ойыншықтың негізгі сипаттамалары және оның функционалдық мақсаты туралы ақпарат болуы тиіс.
5) "фотоальбом" бетінде әртүрлі ойыншықтардың фотосуреттері болуы тиіс.
6) "зиянды ойыншықтар" бетінде зиянды ойыншықтармен жанасу кезінде туындайтын салдардың статистикасы мен негізгі тізбесі болуға тиіс.
7) "таңдау бойынша нұсқаулық" бетінде балаға ойыншық таңдау бойынша ұсыныстар болуы тиіс.
Сенімділікке қойылатын талаптар
Пайдаланушы бағдарламаның бұзылуына немесе ақпараттың сенімділігін жоғалтуға әкелетін бағдарламаға ешқандай ақпарат енгізбеуі керек.[6.654 б]
Пайдалану шарттары:
Internet-те сайтты қарау үшін Internet Explorer бағдарламасы қажет, ал Интернетке кіру үшін модем қажет.
Техникалық құралдардың құрамы мен параметрлеріне қойылатын талаптар:
Сайттың қалыпты жұмыс істеуі үшін сізге қажет:
- 433 МГц Pentium III класты орталық процессор;
- ЖЖҚ көлемі кемінде 128 Мб;
- стандартты"тышқан" манипуляторы;
- стандартты SVGA мониторы;
- Internet Explorer бағдарламасы;
- Windows 98, 2000, XP типті Операциялық жүйе;
- модем.
Ақпараттық және бағдарламалық үйлесімділікке қойылатын талаптар:
Сайтқа кіру және шығу кезінде ақпарат мәтіндік және сандық типте болуы керек және орыс тілінде ұсынылуы керек. Мәселені шешу әдісін, бағдарламалау тілін және бағдарламалық жасақтаманы әзірлеуші таңдайды. Бұл сайт ACE HTML Pro V6. 2 визуалды объектіге бағытталған бағдарламалау жүйесінде жасалған, өйткені ол сізге көп нәрсені қолыңызбен жасауға мүмкіндік береді, бірақ қажетті мәзірлер, әдетте, қолыңызда. Алдын ала дайындалған Java апплеттерін қамтиды. Қалыпты жұмыс үшін қажет нәрсенің бәрі бар. Интерфейсті ыңғайлы конфигурациялау тек жиі қолданылатын мәзірлер мен функцияларды қосуға мүмкіндік береді, IE немесе NN-ге тән тегтер белгіленеді (бұл өте ыңғайлы), ASP, PHP, WML, XML қолдауы бар. Интерфейс Windows-тың барлық талаптарын қанағаттандырады және автоматты түрде пайдаланушының компьютерінде орнатылған жүйеге конфигурацияланады.
Бағдарламалық құжаттамаға қойылатын талаптар:
Бағдарламалық құжаттамада мыналар болуы керек:
- техникалық тапсырма;
- сайт мәтіні;
- түсіндірме жазба.
Техникалық-экономикалық көрсеткіштер:
Бұл сайт есептеу жүйесінің үлкен ресурстарын қажет етпейді. Қатты дискіде орын алмайды. Бірақ сайтты қарау үшін бағдарлама қажет-Internet Explorer.[7.89 б]
Даму кезеңдері мен кезеңдері:
Сайт бірнеше кезеңмен жасалады:
1 кезең: - сайттың мақсаты мен функцияларын анықтау;
2 кезең: - түсті және стилистикалық дизайнды таңдау;
3 кезең: - беттерді анықтау және мазмұны;
4 кезең: - сайттың функциялары мен мақсаттарын қанағаттандыратын бағдарламалау тілін таңдау;
5 кезең: - сайттың графикалық элементтерін құру;
6 кезең: - сайттың орналасуы.
Сайт үшін бағдарламалық құжаттама жасалуы керек.
Бақылау және қабылдау тәртібі:
Бағдарламаны әртүрлі тестілеу әдістерімен сынау керек.
Есепте әзірленген бағдарламадағы қателерді анықтаудың негізгі әдісі-тестілеу.
Тестілеу-бұл оның жұмыс нәтижелерінің дұрыстығын тексеру мақсатында бағдарламаны орындау процесі. Ол бағдарламаның істен шығуы үшін ең үлкен мүмкіндіктерді жасайтын қиын кіріс жинақтарын әдейі жобалауды қамтиды. Бағдарламадағы қателерді анықтаудың негізгі әдісі-тестілеу. Сынақ-бұл жұмыс нәтижелерінің дұрыстығын және берілген сипаттамаларға сәйкестігін тексеру мақсатында бағдарламаны орындау процесі. Сынақ процесі бағдарламаның істен шығуы үшін ең үлкен мүмкіндіктерді жасайтын күрделі кіріс жиынтықтарын әдейі жобалауды қамтиды.[8.98 б]
Сынақтарды өткізу тәртібі:
- сайтты іске қосу;
- сілтеме оның белгілі бір бетіне енгізілуі керек;
- графикалық элементтерді дұрыс көрсету;
- сайтты әртүрлі пайдаланушы режимдерінде дұрыс көрсету;
- жобаның функционалдығы және қойылған міндетке сәйкестігі.
2. САЙТТЫ ӘЗІРЛЕУ
2.1 Пәндік саланы талдау
Дипломдық жобалаудың техникалық тапсырмасына сәйкес "ойыншықтар" сайтын әзірлеу қажет. Ол ағымдағы ақпаратты орналастыруға, деректерді іздеуді автоматтандыруға, сондай-ақ нәтижелерді шығаруға арналған.Деректерді іздеу процесін автоматтандыру қажетті ақпаратты табуға байланысты көптеген мәселелерді шешуге мүмкіндік береді.
Осындай сайттардың бірі - "Ойыншықтар". Бұл сайт ақпаратты орналастыруға және әртүрлі критерийлер бойынша ақпаратты іздеуге мүмкіндік береді.
Бағдарламаның негізгі мүмкіндіктері:
- қажетті ақпаратты таңдау;
- гиперсілтемелер мен түймелерге өту;
- пайдаланушы үшін қарапайым және ыңғайлы интерфейс.
Шешім әдісін таңдау
Қазіргі уақытта "ойыншықтар" сайтына ұқсас бағдарламалық жасақтаманы құрудың көптеген жолдары бар.Тапсырманы шешу үшін келесі бағдарламалық құралдарды бөлуге болады:
- гипермәтінді белгілеу тілі (HTML);
- FrontPage 2003 Объектілік визуалды бағдарламалау ортасы;
- мәтіндік редактор Блокнот (Notepad);
- Сценарий JavaScript және / немесе VBScript тілдері;
Осы құралдардың кез-келгенін қолдана отырып, техникалық жобалау тапсырмасының толық орындалуын қамтамасыз етуге болады.Бағдарламалық өнімді жасау үшін "ойыншықтар" сайты ең ыңғайлы құрал - FrontPage 2003 бағдарламасы, өйткені ол қолыңызбен көп нәрсе жасауға мүмкіндік береді. Қалыпты жұмыс үшін қажет нәрсенің бәрі бар, сонымен қатар бұл ең көрнекі бағдарлама.Курстық жұмысты әзірленген Сайт экранда қажетті ақпаратты іздеу және көрсету процесін жеңілдетеді және жылдамдатады.
Сайтты тәуелсіз өнім ретінде пайдалануға болады.[9]
2.2 Сайт құрылымын әзірлеу
Сайтты құру процесінде бірінші кезекте файл жолдарының дұрыстығына қамқорлық жасалады. Егер сіз өзіңіздің жергілікті компьютеріңізде файлдар мен каталогтарды атау жүйесін алдын-ала ойластырсаңыз, онда сайтты веб-параққа орналастыру кезінде проблемалар аз болады.Сайттың файлдық құрылымы әр түрлі болуы мүмкін, бірақ сіз әрқашан кейбір ережелерді есте сақтауыңыз керек. Болашақта сайтты жаңарту мүмкіндігін ескеру қажет. Егер сіз файлдарды бір уақытта ауыстыруыңыз керек болса, онда сіз барлық сілтемелерді өзгертуіңіз керек және бұл көп уақыт пен күш жұмсауы мүмкін.
Веб-сайттарды ұйымдастырудың мұндай түрлері белгілі.
- Барлық файлдар бір каталогта. Бірнеше HTML беттері мен бірнеше суреттері бар шағын сайттар барлық мазмұнын бір каталогта сақтай алады. Мұндай жүйенің ең үлкен артықшылықтарының бірі-жергілікті сілтемелерде жолдарды көрсетудің қажеті жоқ. Кемшілігі мынада, егер сайт өсіп жатса, мұндай жүйе шамадан тыс жүктеледі: бұл бір каталогта, кейбір полигондардағыдай, ештеңе табу мүмкін емес. Мұндай сайтты жаңарту оңай емес.[10.148 б]
- Функционалды каталогтар. Күрделі сайттарды ұйымдастырудың бір әдісі келесідей. Каталогтардың әрқайсысында жүйенің бір функционалды бөлігіне қатысты файлдар сақталады. Мысалы, жоғарғы деңгейде тек басты деңгей болады.html және оған қатысты графика. Келесі деңгейдегі каталогтарда сайттың кез-келген бөліміне қатысты файлдар болады: "аурухана сипаттамасы", "мәзір" және т.б. каталогтардың әрқайсысында HTML файлдары және оларға қатысты графикалық немесе мультимедиялық файлдар болуы мүмкін.
- Файл түрлері бойынша каталогтар. Кейбір веб-дизайнерлер сайттың қандай функционалды бөлігіне жататынына қарамастан, каталогтардың әрқайсысында бірдей типтегі файлдарды сақтауды жөн көреді. Сайттың негізгі каталогында тек индекс болады.html басқа каталогтар, мысалы, сайттың барлық суреттерін, HTML беттерін, жүктелген файлдарды және т.б. қамтуы мүмкін. Мысалы, егер бір сурет бірнеше бетте қолданылса, оны тек бір жерде ауыстыру жеткілікті болады: суреттер сақталған жерде. Сонымен қатар, барлық беттердегі барлық сілтемелер жаңартылған файлды көрсетеді (әрине, оны ескі сияқты атауды ұмытпаңыз).[11.78 б]
Файлды ұйымдастыруға деген көзқарас анықталғаннан кейін, сіз серверде де, компьютерде де барлық қажетті каталогтарды жасауыңыз керек. Яғни, егер images каталогы пайдаланылса, серверде қалай. Сонымен, жергілікті машинада осы каталогты қамтитын салыстырмалы жол болуы керек. Файл құрылымын құру 2 функцияны орындайды. Біріншіден, файлдарды сервердегі қате каталогтарға орналастырудың кездейсоқ қателерінен сақтайды. Екіншіден, салыстырмалы URL мекенжайларын (гипермәтіндік сілтемелер) құру процесін жеңілдетеді.[12.258 б]