Жарнама агенттігінің байланыс ақпараттары терезесі

Жұмыс түрі: Дипломдық жұмыс
Тегін: Антиплагиат
Көлемі: 44 бет
Таңдаулыға:

Мазмұны
Кіріспе ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
3
1 Теориялық бөлім ... ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...

4
1.1 Веб-сайт ұғымы және түрлері ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
4
1.2 Веб-сайтқа қойылатын талаптар ... ... ... ... ... ... ... ... ... ... ... ...
4
1.3 Пәндік облыстың сипаттамасы ... ... ... ... ... ... ... ... ... ... ... ... ...
6

2 Техникалық құралдары ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ..
7
2.1 Сайттарды құру технологиясы ... ... ... ... ... ... ... ... ... ... ... ... .
14
2.2 Сайт жасау құралдарын таңдау және негіздеу ... ... ... ... ... ... ... ...
14
2.3 Программалау ортасының функционалдығы ... ... ... ... ... . ... ... .
14

3 Веб-сайтты жобалау ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
18
3.1 Есептің қойылымы ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .
20
3.2 Веб-сайттың логикалық құрылымы ... ... ... ... ... ... ... ... ... ... .
20
3.3 Программисттің нұсқаулығы ... ... ... ... ... ... . ... ... ... ... ... ... ... ...
21
3.3 Программисттің нұсқаулығы ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ..
21
3.4 Пайдаланушы нұсқаулығы ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... .

Қорытынды ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..
29

Пайдаланылған әдебиеттер тізімі ... ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ..

Қосымша А. Программа листингі ... ... ... ... ... ... ... ... ... ... ... ... ... ... .
30

Қосымша Б. Қосымша жүктелген диск ... ... ... ... ... ... ... ... ... ... ... ... ...
31

Кіріспе

Қазіргі кезде қоғамда Интернет маңызды роль атқарады. Интернет ақпарат алудың қайнар көзі ретінде қызмет атқарады, сонымен қатар байланысу мүмкіндіктерін береді. Интернеттің дамуына байланысты әртүрлі ақпарат пен қызмет түрлерін ұсынуға арналған веб-сайттарды құру мүмкіндігі пайда болды.
Қазіргі таңда көптеген кәсіпорындар үшін сайтты құру және оның қызмет көрсетуі маңызды қажеттілік болып табылады. Веб-сайт байланыс және мақсатты аудиторияның назарын аудару құралы болып табылады. Сайтты алға тарту және жарнама жасау арқылы Интернет желісінде бизнесті дамытуға болады. Сайт кәсіпорынның тәулік бойы түскі үзіліссіз, демалыссыз жұмыс істейтін және әрбір клиенттің жанында орналасқан қосымша кеңсесі десекте болады.
Бүгінгі таңдатек біраз ғана коммерциялық ұйымдар жасалған жұмыстарын көрсете алатын, өздері туралы толық ақпарат бере алатын, көрсетілетін қызметтерін ұсынатын сайт құрмай өз жұмыстарын жүргізе алады.
Күрделі нарықтық мақсаттарды орындай алатын жағдайда болу үшін, сайт нарықтық тәртіпке, түсініктерге және санатқа сүйенуі керек. Сайт кәсіпорынның визиткалық картасы болу керек және қолданушының есінде сақталуы тиіс.Бұдан шығатыны, сайт тек ақпараттық сипатта болмау керек, ол басынан аяғына дейін өзі жататын кәсіпорынның мәнін толықтай ашуы тиіс.
Жарнама агенттігінің пәндік облысын зерттеу сайтқа қажетті ақпараттыанықтауға мүмкіндік береді.
Жұмыстың мақсаты: Шабыт дизайн жарнама агенттігінің қызметін талдау нәтижесінде берілген агенттіктің концепциясына сәйкес келетін сайт құру.
Зерттеу объектісі: Шабыт дизайн жарнама агенттігі.
Зерттеу пәні: клиенттер санын көбейтуге мүмкіндік беретін сайт құру.

1 Теориялық бөлім

1.2 Веб-сайт ұғымы және түрлері

Сайт немесе Веб-сайт- (ағылшынша Website: Web - тор, желi және site - орын, желiдегi орын, сегмент) - бiр мекенжайға (домен атымен немесе IP - мекенжаймен) бiрiктірілген компьютер желiсiндегi жеке тұлғаның немесе ұйымдары электрондық құжаттар (файлдар) жиынтығы [1].
Сайт - Дүниежүзілік Ғаламтордың құрылымдық ақпараттық бірлігі болып табылады. Онда бір немесе көп беттер болуы мүмкін.
Сайт беттері - HTML тілінде белгіленген мәтіндік файлдар жинағы. Бұл файлды компьютерге кірушімен жүктеп алған браузер түсінеді және өңдейді және пайдаланушының көрсету құралында көрсетіледі. HTML тілі мәтінді пішімдеуге, ондағы функционалды элементтерді ажыратуға, гипермәтіндік сілтемелерді жасауға және бейнені, дыбыстық жазбаларды және басқа мультимедиа элементтерін көрсетілген бетке кірістіруге мүмкіндік береді.
Әрбір бет мәтін, суреттер, бейне немесе аудио клиптерден тұруы мүмкін. Басқа беттерге сілтемені де көруге болады. Сілтемеге басу арқылы автоматты түрде басқа бетке көшуге болады. Сілтемелер көбінесе әртүрлі түсте, асты сызылған, кейде суреттер түрінде болады [2].
Ақпаратты жаңарту әдісіне байланысты сайттарды екі топқа бөлуге болады:
1.Статистикалық - барлық беттерде статикалық HTML-код бар және оларды өзгерту қиындау.
2.Динамикалық - онда ақпарат арнайы бағдарламалардың бақылауында жұмыс істейді және ақпарат динамикалық түрде өзгереді.
Қолжетімділік тұрғысынан барлық сайттарды үш шартты топқа бөлуге болады:
::Ашық сайттар. Мұндай сайттарда тіркеу немесе шектеулер жоқ, барлық ақпарат қоғамдық игілікке жатады.
::Жартылай жабық сайттар. Әдетте, мұндай сайттарда тіркеу бар. Ақпараттың бір бөлігі тек жүйеде тіркелген пайдаланушылар үшін.
::Жабық сайттар. Бұл жалпыға ортақ қолжетімділіктен толық жабылатын арнайы сайттар және мұндай сайттар сайт мүшелеріне ғана қол жетімді.
Әрбір сайт нақты бір мақсатпен жасалады. Бұл шағын жеке веб-сайт немесе ірі корпоративтік портал болуы мүмкін:
1.Портал - нақты тақырыптар бойынша толық ақпарат беретін ең ірі ақпараттық ресурс. Әдетте әңгімелесуге ыңғайлы және тақырыпты талқылау үшін арналған форумдар мен чаттары бар. Порталдарда пайдаланушы әдетте өзінің пошта жәшігін, Интернет бетін жасай алады, хабарландырулар тақтасын қолданады, ауа-райы, валюта бағамы туралы ақпарат алады және т.б.
2.Корпоративтік сайт - компания туралы толық ақпаратты қамтиды. Ол немен айналысатыны туралы ақпарат береді: не шығарады, ұйым қандай қызметтер көрсетеді. Мұнда компанияның өнімдері, жарнамалық акциялары туралы, сондай-ақ шолулар мен серіктестер тізімі туралы барлық ақпаратты табуға болады. Мұндай сайт көбінесе компанияның тауарлары мен қызметтерін жарнамалау үшін жасалады.
3.Сайт - визитка - компания, ұйым немесе кәсіпкер туралы жалпы ақпаратты қамтиды. Мұндай сайттарда баға тізімі, резюме, сапар схемасы және иесінің жұмыс кестесі, жеке мекен-жайы, байланыс телефондары орналастырылған. Жалпы алғанда, іс жүзінде қарапайым визиткаларда жазылуы мүмкін нәрсе. Бұл сайт ыңғайлы, себебі ол клиентті бірге жұмыс істеуге талпындыратын маңызды ақпаратты жылдам көрсете алады.
4.Интернет-дүкен - сатушыға және сатып алушыға ыңғайлы өнімдер каталогы бар виртуалды дүкен. Сатушы тауарды орналастыру үшін бөлмені жалға берудің қажеті жоқ, жеткізушіні анықтау жеткілікті. Сатып алушы компьютердің алдында отырып қажет элемент пен ыңғайлы төлем жүйесін таңдау арқылы қажетті нәрсені немесе қызметті сатып ала алады.
5.Блог - онлайн күнделік, бірақ жеке емес, қоғамдық. Кез келген келуші ұсынылған ақпаратты оқып, пікірлерін қалдыра алады. Блогтар өздерінің кәсіби дағдыларын, мысалы, дизайн саласында бөлісу үшін құрылған. Немесе, өзіңіздің әуесқойлықтарыңызды пікірлестермен бөлісуге болады, мысалы, балық аулау немесе тамақ пісіру. Блогта ақпаратты мәтін, фотосурет, аудио және бейне түрінде орналастыруға болады. Блогтардың тағы бір ерекшелігі - күнде жаңа жазбалар орналастырылады.
6.Микроблог - қысқартылған нұсқасы бар блог, қысқа хабарламаларға арналған. Осы топтың ең жарқын өкілдерінің бірі - барлығына таныс Twitter қызметі.
7.Тлог - күнделік емес, блокнот емес, минималистік стильдегі блог. Ол мұнда түсініктемелер туралы алаңдамай, өз ойларын жазуға болатындығымен ерекшеленеді.
8.Сплог - блогтың тағы бір түрі, оның мақсаты - басқа блогтарды айналдыру арқылы ақшаны табу. Сплог басқа ресурстарға тиесілі ақпаратты және айналдырылатын сайтқа сілтемелерді қамтиды [3].

1.2 Веб-сайтқа қойылатын талаптар

Сайтты жасау барысында негізгі есепке алу керек нарселер:
::Дизайн. Негізгі критерилары - қарапайым, жалықтырмайтын, бірақ бірегей болуы керек.
::Сауатты қолданбалы интерфейс. Ол максималды түрде ыңғайлы және сіздің мақсатты аудиторияңызға бағытталуы қажет.
::Логикалық навигация. Сайттың негізгі бөлімдерін (Главная, О нас, Услуги, Галерея, Контакты) жоғарғы бөлікке орналастырған жөн, ал пайдалы сілтемелерді және т.б қосымша ақпараттарды бүйірлік менюде орналастырған жөн.
::Сілтемелерді төменгі жақта орналастыру керек. Сілтемелер назар аудартудың қосымша тәсілдері.
::Сапалы контент.
::Контакты. Бұл міндетті шарт: сізбен байланыс ыңғайлы әрі қол жетімді болу керек.
::Іздеу. Бұл менюді барынша сауатты құру керек. Себебі, сұранысы табылмаған жағдайда оқырманның бұл сайтқа деген көзқарасы өзгереді.
::ТіркеуЖазылу. Максималды түрде қысқартылған тіркеу және жазылу анкетасы кез келген сайт қолданушысының көңілінен шығады.
::Сайт картасы. Ол қолданушыға сіздің ресурсыңыздың толық көрінісін береді және беттерді индекстеуге көмектеседі.
::Контентті дизайыннан ажырату керек. HTML мұндай мүмкіндікті бермейді. Сол себепті CSS файлдарды пайдаланған жөн.
::XHTMLCSS қолданыңыз. Кодтар нақты болу керек.
::Браузерлердің сәйкестігі. Сайт сіздің оқырманыңыз жұмыс істейтін барлық браузерлермен және платформалармен сәйкес келуі керек.
::Кескінді оптимизациялау. Кескіндердің максималды түрде сапасын сақтау арқылы кескінді кішірейту керек.
::Статистика. Ол сіздің сайтыңыздың жұмысын талдауда көмектеседі [4].
Веб-сайтқа қойылатын негізгі талаптар:
::Браузерлердің негізгі нұсқаларымен сәйкестігі;
::HTML кодының ең аз көлемі;
::Сайтты кем дегенде адам-сағатпен өзгерту;
::Сайттың портативтілігі.
Әрине, ең бастысы сайттың HTML-кодының негізгі браузерлермен үйлесімдігі. Бүгінгі күні веб-сайтты ең бастысы: Internet Explorer, Netscape Navigator, Opera, Coogle және браузерлердің үшінші нұсқаларында қараған жөн. Егер сайт браузерлердің төртінші нұсқасында қаралмаса немесе дұрыс көрсетілмесе, онда келушілердің басым бөлігі жоғалады.
HTML кодының саны екі себеп бойынша ең төменгі деңгейде болуы керек. Біріншісі - сіздің HTML құжатыңызды жүктеу жылдамдығы. Егер бет бір минут ішінде шықпаса, онда пайдаланушы басқа веб-сайтқа барады. Екінші себеп браузерлердің негізгі нұсқаларымен үйлесімділікпен және сайтты одан әрі күтумен байланысты. Тәжірибе көрсеткендей, HTML-кодтың көлемі көп болған сайын, сол браузерде түрлі жолдармен көрсетілу қиынырақ болады.
Болашақта, сайтта жұмыс аяқталғаннан кейін, оны қолдауға тура келеді, яғни толықтыру және өзгерту. Сайтты тез және сәтті өзгерту үшін мыналар қажет:
::Сайттың құрылымы болуы;
::Бастапқы HTML коды оқылуы;
::Жоғарғы, төменгі колонтитулдар жеке файлда орналастырылуы (Cascading Style Sheets);
::Бірнеше құжаттарда пайдаланылатын JavaScript функциялары бөлек файлда болуы.
::Гиперсілтемелердің дұрыс жолдары бар болуы - абсолютті және салыстырмалы;
::Файл атаулары мен гиперсілтемелер мекенжайларында ағылшын әліпбиінің тек төменгі әріптері мен цифрлар, астын сызу символының пайдаланылуы. Орыс әліпбиінің барлық басқа таңбалары, ағылшын жоғары таңбалары айтарлықтай веб-сайтты қолдау қызметін ауырлатып жіберуі мүмкін.
Егер жоғарыда келтірілген талаптар орындалса, сайтты модификациялау және сайттың тасымалдануы ең төменгі шығындармен жүзеге асырылады [5].

1.3 Пәндік облыстың сипаттамасы

Веб-сайтты жобалаудың бірінші кезеңінде пән аумағын талдау қажет, яғни, пәндік облыстың объектілерін және объектілер арасындағы қатынастарды анықтау керек.
Функционалдық тәсіл тапсырма бойынша қозғалысының принципін жүзеге асырады және оның қызметі үшін веб-сайт жасалатынміндеттер жиынтығы анықталған кезде пайдаланылады. Бұл жағдайда сипатталуы керекпәндік облыс объектілерінің ең аз қажетті жиынтығын ерекшелеуге болады [6, 14с].
Пәндік тәсілде пәндік облыс объектілері алдын-ала анықталмаған әр түрлі тапсырмаларды шешу үшін пайдаланылуы мүмкін осындай жолмен анықталады. Бұл сайт арналған бизнесті, арналған нарықты, сайтқа тапсырыс беруші компанияның қызметі және оның бәсекелестерінің қызметін, оның жарнамалық стратегиясын, арнайы стилін, терминологиясын, қажет болған жағдайда осы нарықтағы адамдардың сленгін мұқият түрде зерттеу қажет.
Жарнама агенттігі туралы ақпараты бар веб-сайтқұрдық. Мұндай веб-сайтжарнама агенттігі туралы мәліметтерді сақтау мен көрсетуді қамтамасыз ету керек.
Мұндай қолданушылық қосымшаның ақпараттық қамтамасыз етуінде келесідей ақпараттар бар:
Главная;
О нас;
Услуги;
Галерея;
Контакты.
Бұл веб-сайт жанарма агенттігі туралы ақпараттармен, көрсетілетін қызмет түрлері және жасалған жұмыстары туралы толық ақпарат береді. Бұл веб-сайттың қолданылуы өте қарапайым болып табылады. Бұл қандай да бір жарнамалық қызмет немесе мерекелік іс-шаралар уақытында безендіру қажет болған жағдайда адамдардың таңдау жасауына мүмкіндік беретін корпоративтік сайт. Сайтты кез келген жастағы адам пайдалана алады, себебі сайт құрылымы өте қарапайым, әрі түсінікті болып табылады.
Жарнама агенттігі сайтының құрылу мақсаты - агенттік жұмысына адамдардың назарын аударту, қызығушылығын ояту, қажетті пайдалы ақпарат беру және агенттіктің қызметін пайдалануға әкелу.
Негізгі мақсатты аудиториясы - әр түрлі бағыттағы кәсіпорындар, жеке тұлғалар, жеке көліктері бар фирмалар, дүкендер мен супермаркеттер, мерекелік іс-шараны ұйымдастырушылар.

2 Сайттарды құру технологиясы және сайт жасау құралдары
2.1 Сайт құру технологиясы

Кез келген сайттың қолданбалық және серверлік бөлігі болады. Қолданбалық бөлім HTML-таңбалауда, CSS стилінде және JavaScript құрылады.
HTML сайт контентін көрсету үшін қажет: мәтіндер, тақырыптар, кескіндер, кестелер, мәтіндік блоктар, нөмірленген және нөмірленбеген тізімдер.
CSS - бұл контенттің стилдік рәсімделуі: шрифттың түсі мен өлшемі, элементтердің орналасуы, объекті жиектерінің көрсетілуі, блоктардың өлшемдері. JavaScript қолданушымен динамикалық қарым-қатынас орнатады: енгізілген деректерді тексеру, диалогтік терезелердің көрсетілуі, HTML элементтерін қосу және жасыру.
Серверлік бөлік HTML кодтың құрылуын, қолданбалы деректердің сақталуын, өзге веб-сервистармен байланысты қамтамасыз етеді.
Егер нақтырақ айтатын болсақ, сайтты құру барысында қолданылатын HTML құжаттар жазбасының жалпы ережелері және түсініктері бар.
Тег HTML тілінің негізі болып табылады. Ашылатын және жабылатын тегтің арасында қабылданған ақпарат оның контейнері деп аталады. Атрибуттар браузерге беттің элементтерінің қандай түрде көрінуі керек екенін хабарлайды. Олар бірдей тегтердің көмегімен қосылатын ақпараттың сыртқы түрін өзгертуге мүмкіндік береді.
Сайтын жасау барысында HEAD тегі қолданылады. Бұл тег қызметтік мақсаттарда пайдаланылады. Оған енгізілген ақпарат браузер терезесінде көрінбейді, бірақ онда беттерді қалай өңдеу керек екені туралы браузерге нұсқаулық беретін көптеген мәліметтер бар.
HEAD тегінің ішінде қолданылатын тегтер:
::title - терезенің тақырыбын анықтайды, жабу тегі қажет;
::meta - әр түрлі қызметтік ақпараттарды орнатады;
::script - сценарийлерді қосуға мүмкіндік береді;
::link - стиль кестесіне сілтеме береді;
::style - беттер үшін стильдерді қосуға мүмкіндік береді;
::base - құжаттың негізгі мекен-жайын орнатады;
::base font - бет үшін үнсіздік келісімі бойынша шрифтты орнатады.
Стильдер әдетте CSS сыртқы файлдарында сақталады. Стильдердің сыртқы кестелері тек бір файлды өзгерту жолымен веб-сайттың барлық беттерінің орналасуын және сыртқы түрін өзгертуге мүмкіндік береді.Стиль өзіне дизайн элементтерінің барлық типін қосады: шрифт, фон, мәтін, сілтеме түстерін, өрістер және беттерде объектілердің орналасуы.
CSS ережесі екі негізгі бөліктен тұрады: селектор және бір немесе бірнеше жарнама. Селектор дегеніміз - ол стильді өзгерткіңіз келген HTML элементі. Ал әрбір жарнама қасиеттен және мәннен тұрады. Қасиет өзгерткіңіз келген стильдің атрибуты болып табылады. Әрбір қасиеттін мәні болады.
JavaScript сценарилер тілі болып табылады. JavaScript сценариі - бұл веб-беттермен бірге серверден жүктеу кезінде пайдаланушының компьютерінде жұмыс істейтін шағын программалар. Сценарий тілі - оңай программаланатын, кез келген шолғышпен оңай жұмыс істейтін тіл.
Программалық код HTML беттерде қойылуы немесе жеке файлдарда сақталуы мүмкін. Сайтты құру барысында HTML бетке JavaScript қою үшін script тегін қолдандық. JavaScript - объектіге-бағдарланған тіл болғандықтан, веб-беттегі барлық элементтер объектілер түрінде болады.Барлық объектілердің қасиеттері бар және оларға қатысты іс-әрекеттер жасауға болады.
JavaScript HTML-беттерінің мазмұнын және браузердің жағдайын көруі үшін Document Object Model құралын пайдаландық. DOM JavaScript сценарилері үшін қажет [7, 32с].
PHP - серверлік программалау тілі, яғни ол веб серверде жұмыс жасайды. HTML-беттерге PHP кодының блоктарын қосуға болады. PHP интерпретаторы веб-серверге не арнайы сол сервер үшін жасалған модуль арқылы (мысалы, Apache әлде IIS), не CGI-қосымшасы ретінде қосылады [8].
Adobe Dreamweaver CC сияқты сайтты құруға арналған заманауи визуалды құралдардың көмегімен толық ақпаратты, әмбебап және қолданылуы қарапайым веб-сайтты қысқа уақыт аралығында жасауға болады.
Қосымша ыңғайлылық үшін сайтты құруға арналған барлық қажетті файлдарды қарауға және өзгертуге мүмкіндік беретін notepad++ программасын қолдану керек.

2.2 Техникалық құралды таңдау және негіздеу

Қазіргі заманғы жағдайда электронды-есептегіш техника құралдарын дамыту, жетілдіру және өндіріс-шаруашылық, сауда-экономикалық қызметтің түрлі салаларына есептегіш техникасы енгізу автоматтандырылған құралдарды пайдаланусыз мүмкін емес. Осы жобаның мәселесін шешу үшін әр түрлі техникалық құралдарынан жарнама агенттігінің қажеттіліктерін қанағаттандыратын дербес компьютерді (ДК) таңдау қажет. Іріктеу өлшемдері:
::Техникалық сипаттамалары: жады сыйымдылығы; тез жұмыс істеу; аппараттық құралдар құрамы;
::Ыңғайлылық және пайдаланудың қарапайымдылығы;
::Шығындар;
::Программалық қамтамасыз ету сапасы.
Техникалық құралдар жиынтығын таңдау кезінде келесі факторларды ескеру керек:
::техникалық құралдарды сатып алу құны;
::техникалық құралдарды пайдалану құны;
::техникалық құралдардың сенімділігі және қызмет ету мерзімі;
::техникалық құрал-жабдықтар кешені (КТС) ыңғайлылығы;
::өнімділігі мен жылдамдығы [9, 51c].
Жарнама агенттігі туралы пікірлер мен хабарламаларды қабылдау, сақтау, өңдеу үшін, агенттікпен байланысу үшін техникалық құралдардың базалық деңгейдегі жиынын пайдалану ұсынылады. Осы кешенді таңдау кезінде келесі ережелер ескерілді:
Кәсіпорынның толықтай қызметін емес, ең тар жерлерді автоматтандыру қажет. Шамадан тыс автоматтандыру талап етілмейді, сондықтан жоғары деңгейдегі техникалық құралдардың кешені талап етілмейді. Бұған қоса, бұл жағдайда қымбат жабдықтардың құны ақталмайды. Автоматтандыру міндеттерін кеңейту және қосу үшін техникалық құралдар кешенін жеткілікті масштабтауды қамтамасыз ету қажет. Демек, бастапқы деңгейдегі жабдықты пайдалану орынсыз.
Тапсырманы орындау үшін ең қолайлы класс болып Core i3 саналады, себебі осы кластың процессоры ыңғайлы интерактивті жұмыс істеуді және жоғары жылдамдықты операция өңдеуді қамтамасыз етеді.

2.3 Программалау ортасының функционалдығы

Веб-сайтты құру үшін компьютерге Microsoft Visual Studio 2017 Community программасын жүктеу керек.Бұл программа Android, iOS және Windows жүйелеріне, сондай-ақ веб-қосымшаларға және бұлттық қызметтерге арналған қазіргі заманғы қосымшаларды жасауға арналған тегін, толыққанды және кеңейтілген интеграцияланған даму ортасы болып табылады.
Visual Studio программасында JavaScript толық тіл болып табылады. Visual Studio бағдарламасының интеграцияланған әзірлеу ортасында JavaScript кодын жазғанда, стандартты өңдеу құралдарының (код үзінділері, IntelliSense және т.б.) көбін немесе барлығын пайдалануға болады.
HTML және JavaScript-ні қолданатын бағдарламалар мен қызметтердің нақты түрлерін әзірлеу үшін Visual Studio немесе арнайы Visual Studio кеңейтімдерінің кейбір нұсқалары қажет болуы мүмкін. Visual Studio бағдарламасындағы JavaScript өңдегіші IntelliSense үшін қолдау көрсетеді [10].

3 Web-сайтты жобалау

3.1 Есептің қойылымы

Есептің қойылымы - сайтты жасаушының еңбек шығындарын азайтуға, уақытты қысқартуға және сайтты құру кезінде қателер мен ақаулардың санын азайтуға мүмкіндік беретін сайтты құрудың маңызды кезеңі болып табылады. Оның жоғары дәрежелі мәні бар. Дұрыс жасалған есептің қойылымы 60-80% шешімнің жетістігін анықтайды.
Веб-сайттар әр түрлі мақсаттарға арналып құрылады және осы мақсаттарға жету үшін әртүрлі әдістер бар. Жобаны талқылау барысында есептің шешімін қанша уақыт аралығында шешуге болатыны және қанша қаражат қажет болатындығы анықталады. Бірінші кезеңді орындау нәтижесінде сайттың құрылымының сипаттамасы, навигация схемасы және сайтқа қойылатын техникалық талаптар алынады.
Сайт - бұл коммерциялық құрал. Жалпы алғанда сайт бірқатар міндеттерді орындауы қажет:
::Кадрлық қызметтің жұмысын ақпараттық қолдау;
::Жарнамалық компанияларды қолдау;
::Бөлшек желілерді сатуды қолдау
::Ақпаратты таратуға шығатын шығындарды азайту;
::Жаңалықтар туралы оперативті ақпарат;
::Кәсіпорын туралы ресми ақпарат;
::Әлеуетті серіктестер, жеткізушілер туралы ақпарат;
::Дилерлік серіктестік желісін қолдау;
::Маркетингтік ақпарат жинау.
Веб-сайтты пайда табу мен табысты ұлғайтудың көзі ретінде қарастыруға болады. Егер сайтқа жарнамалық көзқараспен қарайтын болсақ, онда оның құрылымы келесі кезеңдерден тұру керек:
Біріншіден, бұл назар аударту әдістерінің бірі. Интернет пайдаланушылардың назарын қаншалықты аударатыны маңызды.
Екіншіден, қолданушылардың көңіл-күйіне әсер ету күші. Оларда сайтты қолдану барысында қандай сезімдер пайда болатыны, жарнамалық аргументтің қаншалықты сәтті шыққаны және оның ұсынылуы маңызды.
Үшіншіден, ақпараттылық. Жарнамаланатын объектінің пайдалылығы қаншалықты терең көрсетілгендігі.
Төртіншіден, адамдардың назары қаншалықты тиімді аударылатындығы.
Жоғарыдағы төрт кезеңнің негізінде жарнама тұрғысынан сайттың құрылымы құрылады.

3.2 Веб-сайттың логикалық құрылымы

Жарнама агенттігінің сайты сіз кез келген бетті ашып отырып өзіңізге қажетті бөлімді таңдай аласыз. Сайттың кез келген жеріне жету мүмкіндігі, оның орналасқан жеріне қарамастан, навигацияны жеңілдетеді, бұл өте қарапайым және ыңғайлы.
Сайт 6 беттен тұрады.Оның құрылымы келесілерден тұрады:
Главная - жарнама агенттігінің атауы, жарнама туралы қысқаша мағлұмат және клиенттердің пікірлері орналасады.
О нас - жарнама агенттігі туралы ақпарат.
Услуги - көрсетілетін қызметтер мен олардың қысқаша сипаттамасы.
Галерея - агенттіктің жасаған жұмыстары.
Контакты - жарнама агенттігінің телефондары, электрондық поштасы, мекен-жайы туралы ақпараттар (1-сурет).

1-сурет. Сайт құрылымы

3.3Программисттің нұсқаулығы

Жарнама агенттігінің веб-сайтын жасау үшін Microsoft Visual Studio 2017 Community программасын компьютерге орнату керек. Бұл программа Android, iOS және Windows жүйелеріне, сондай-ақ веб-қосымшаларға және бұлттық қызметтерге арналған қазіргі заманғы қосымшаларды жасауға арналған тегін, толыққанды және кеңейтілген интеграцияланған даму ортасы болып табылады.
Желіде жұмыс істейтін құрылғылар екі түрге бөлінеді. Олар серверлер немесе клиенттер болуы мүмкін. Егер сіз клиент-сервердің веб-парақтармен жұмыс істеуіне қатысты өзара іс-қимылын қарастырсаңыз, онда сіздің компьютеріңіз браузермен орнатылған клиент болып табылады. Ол желінің беттерін сұрайды. Бұл сұраулар серверді өңдейді. Қарапайым анықтамада, сервер әртүрлі сайттардың HTML файлдарын сақтайтын компьютер болып табылады. Клиент web-сервер арнайы бағдарламасының өтініміне жауап бере алады. Веб-парақтармен жұмыс істеу үшін пайдаланылатын негізгі хаттама - HyperText Transfer Protocol (HTTP). Ол HTML түзетулерін желімен ауыстырудың нақты ережелерін, бетті жүктеу туралы сұрауды қалай жасау керектігін, оның аудару процесі қалай жүретінін және сервердің қандай күйін беру керектігін сипаттайды [11]. Шабыт дизайн жарнама агенттігіне арнап жасалған веб-сайт барлық танымал веб-браузерлерде ашылады. Мысалы:Firefox, Google Chrome, Opera, Internet Explorer, Yandex.
Сайтты тек қана құру аздық етеді, оны үнемі жаңартып отыру керек. Яғни сайтқа жаңа ақпараттар енгізіп отыру, техникалық қолдау көрсету және вирустардан қорғау керек. Осының барлығын сайтқа қызмет кеөрсететін адам атқарады. Сайтқа қызмет көрсету оның жұмыс істеп тұруын қамтамасыз ететін міндетті шарты болып табылады.
Сайтқа қызмет көрсетуді арнайы маманға тапсырған жөн. Олардың қызметіне мыналар жатады:
::ресурстың құрылымы мен дизайынды өзгерту бойынша жұмыс;
::контентпен толтыру;
::айлық немесе апталық есеп беруді ұсыну арқылы ресурсты әкімшілендіру;
::ресурстың ішкі және сыртқы оптимизациясы;
::танымал іздеуіштерде алға тарту бойынша жұмыстар;
::желіде жарнама жасау.
Сонымен, ресурста үнемі мониторинг өткізіліп отырады және тәуліктік техникалық қолдау қамтамасыз етіледі. Сайтқа кірушілердің санын арттыру мақсатында сайт дизайны мен құрылымы оптимизацияланып отырады.

3.4 Пайдаланушы нұсқаулығы

Сайтқа кірген уақытта Главная басты беті ашылады. Бұл бетте жарнама агенттігінің атауы, Шабыт дизайн жарнама агенттігінің Вконтакте әлеуметтік желісіндегі парақшасына сілтеме, не себепті бұл жарнама агенттігін таңдау керектігі туралы қысқаша ақпарат, клиенттердің пікірлері және төменгі жағында жарнама агенттігімен байланысу ақпараттары орналасқан, сонымен қатар сайттың О нас бөліміне сілтеме бар (2-6-суреттері).

2-сурет. Главная беті

3-сурет. Жарнама туралы қысқаша ақпарат терезесі

4-сурет. Шабыт дизайынның артықшылықтары терезесі

5- сурет. Клиенттердің пікірлері терезесі

6-сурет. Жарнама агенттігімен байланысу ақпараты терезесі
О нас бетінде Шабыт дизайн Жарнама агенттігі туралы ақпарат, жұмыс істеу артықшылықтары, мақсаттары, әлеуметтік желіге сілтеме және агенттікпен байланысуға арналған ақпараттар көретілген (7-9-суреттері).

7-сурет. Шабыт дизайн Жарнама агенттігі туралы ақпарат терезесі

8-сурет. Жарнама агенттігінің мақсаттары мен артықшылықтары терезесі

9-сурет. Жарнама агенттігімен байланысу ақпараты терезесі

Услуги бөлімінде Шабыт дизайн жарнама агенттігінің көрсететін қызмет түрлері туралы қысқаша ақпараттар берілген және агенттікпен байланысуға арналған ақпараттаркөрсетілген (10-15-суреттер).

10-сурет. Жарнама агенттігінің қызметтері терезесі

11-сурет. Жарнама агенттігімен байланысу нөмірі

12-сурет. Жарнама агенттігінің қызмет түрлері терезесі

13-сурет. Жарнама агенттігінің қызмет түрлері терезесі

14-сурет. Жарнама агенттігінің қызмет түрлері терезесі

15-сурет. Жарнама агенттігімен байланысу ақпараты терезесі

Веб-сайттың Галерея бөлімінде Шабыт дизайн жарнама агенттігінің жасалған жұмыстарының нәтижесі фотосуреттер түрінде көрсетілген. Сонымен қатар бұл бөлімде де басқа бөлімдердегі сияқты агенттікпен байланысуға арналған ақпараттар жазылған (16-18-суреттер).

16-сурет. Галерея беті

17-сурет. Жарнама агенттігінің жасаған жұмыстары терезесі

18-сурет. Жарнама агенттігімен байланысу ақпараты терезесі

Сайттың соңғы бөлімі Контакты бөлімі. Бұл бөлімде Шабыт дизайн жарнама агенттігінің мекен-жайы, байланыс телефондары, электронды поштасы, жұмыс істеу уақыты және кері байланыс формасы көрсетілген. Сонымен қатар бұл бетте әлеуметтік желіге сілтеме берілген және жарнама агенттігінің мекен-жайы картада көрсетілген (19-20-суреттер).

19-сурет. Контакты бөлімінің терезесі

20-сурет. Жарнама агенттігінің байланыс ақпараттары терезесі

Қорытынды

Қорытындылай келе, сайттарды кәсіпорынның жарнама немесе сауда қызметінде пайдалану құндылығының мәні кәсіпорын өзінің қызметтері арқылы клиенттердің санын көбейту болып табылатындығын айтуға болады. Бұл коммуникацияның әмбебап құралы қызметтің әр түрлі салаларында қолданысқа ие.
Жарнама агенттігі сайтының құрылуының негізгі мақсаты - тұтынушыларға өз қызметін ұсыну болып табылады. Сайтты құру барысында веб-сайтты құру технологиясына талдау жасалды, сайт түрлері, олардың тағайындалуы талданды, жұмыс барысында сайтты құру арқылы шешуге болатын мәселелер айқындалды.
Шабыт дизайн жарнама агенттігінің сайты өзіне мыналарды қосады:
Тиімді басқару жүйесін;
Сайтқа кірушілердің назарын аудартуға арналған интерактивті негізгі бетті;
Жасалған жұмыстардың фотосуреттерін;
Қолданушыларға қажет кері байланысты;
Веб-сайттың құрылымы жарнама агенттігінің қызметінің бағытына байланысты мұқият қарастырылып жасалды. Сайттың дизайны мен мазмұнының талаптары талданды. Веб-сайтты құрастыру барысында сценарилердің кіріктірілген тілі болып табылатын JavaScript мүмкіндіктері қолданылды.
Құрылған жарнама агенттігі сайтының көмегімен келесі мақсаттарға қол жеткізілді:
Агенттіктің клиенттерінің саны көбейеді;
Клиенттерге жаңа технологиялар мен материалдар туралы ақпарат беру мүмкін болады;
Жасалған жұмыстарды көрсетуге болады;
Клиенттерге сайтта көрсетілген карта арқылы Шабыт дизайн жарнама агенттігінің орналасқан жерін табуға және көрсетілген номерлер арқылы хабарласып сұрақтарына жауап алуға жеңіл болады.

Пайдаланылған әдебиеттер тізімі

Сайт [Электрон.ресурс]. - 2017. - URL: https:ru.wikipedia.orgwikiСайт (дата обращения: 25.04.2018).
Что такое сайт? [Электрон.ресурс]. - 2017. - URL: http:fb.ruarticle138967chto-ta koe-sayt-kak-sozdat-svoy-sayt-ofits ialnyiy-sayt-samyie-nujnyie-saytyi (дата обращения: 25.04.2018).
Виды сайтов и их классификация [Электрон.ресурс]. - 2016. - URL: http:useroff.comchto-takoe-sajt. html (дата обращения: 25.04.2018).
Вильямсон Х. Универсальная библиотека программиста - СПб.: ПИТЕР, 2001.
Печников В.Н. Сомоучитель Web-страниц и Wrb-сайтов. - М.: Триумф, 2006.
Дронов В.А. Программирование. - СПб.: БХВ-Петербург, 2006.
Кроудер Д. Создание web-сайта для чайников: 3-е издание. - М.: Диалектика, 2009.
PHP [Электрон.ресурс]. - 2017. - URL: https:ru.wikipedia.orgwikiPHP (дата обращения: 25.04.2018).
Печников В.Н. Сомоучитель Web-страниц и Wrb-сайтов. - М.: Триумф, 2006.
JavaScript [Электрон.ресурс]. - 2017. - URL: https:ru.wikipedia.orgwikiJavaS cript (дата обращения: 25.04.2018).
Что такое HTML [Электрон.ресурс]. - 2017. - URL: http:blogwork.ruchto-takoe-html (дата обращения: 25.04.2018).

А қосымшасы. Шабыт дизайн жарнама агенттігі сайтының листингі
Программа листингі
!DOCTYPE html
html lang="en"
head
meta charset="utf-8"
meta name="viewport" content="width=device-width, initial-scale=1.0"
titleРекламное агентствоtitle
meta property="og:url" content="file:F:Шабыт%20дизайн index.html"
meta property="og:type" content="website"
meta property="og:title" content="Рекламное агентство "Шабыт дизайн""
meta name="author" content="Шабыт дизайн"
link rel="stylesheet" href="cssanimsition.min.css"
link rel="stylesheet" type="textcss" href="cssgrid.min.css"
link rel="stylesheet" type="textcss" href="cssstyle.css"
link rel="stylesheet" type="textcss" href="cssmenu.css"
link rel="stylesheet" type="textcss" href="cssoverlay.css"
link rel="stylesheet" type="textcss" href="cssowl.carousel.css"
link rel="stylesheet" href="https:cdnjs.cloudflare.com ajaxlibsanimate.css3.5.1animate .min.css"
link rel="stylesheet" href="https:cdnjs.cloudflare.com ajaxlibsfont-awesome4.5.0cssfo nt-awesome.min.css"
script src="https:cdnjs.cloudflare.coma jaxlibsmodernizr2.8.3modernizr. min.js"script
head
body
div class="animsition-overlay"
div id="section-1"
header class="main_h"
div class="menufix"
div class="mobile-toggle" spanspan spanspan spanspan div
nav
ul
lia class="out active animsition-link" href="Главная.html"Главнаяali
li class="line"a class="out animsition-link" href="О нас.html"О насali
li class="line"a class="out animsition-link" href="Услуги.html"Услугиali
li class="line"a class="out animsition-link" href="Галерея.html"Галереяali
li class="line"a class="out animsition-link" href="Контакты.html"Контактыa li
ul
nav
div
!-- row --
header
div class="hero"
h1 id="title-1"Рекламное агентство emspanШspanАБЫТ ДИЗАЙНemh1
div class="social-btn-container"
span class="social-btn-box" a href="https:vk.compublic76980180 " class="vk-btn"i class="fa fa-vk"ia span!-- .social-btn-box --
div
!-- .social-btn-container --
div class="fixbottarro" a class="scroll" href="#section-2"Scroll for morea div
div
!-- .hero --
div
!-- END #section-1 --
div id="section-2"
div class="grid"
div class="col_12"
h2 class="title-2"Рекламное агентство Шабыт Дизайнbr
span class="wow fadeInUp" data-wow-duration="2s"Ваш надежный партнер в мире рекламыspanh2
div
!-- END col_12 --
div
!-- END .GRID --
div class="grid flex"
div class="row"
div class="colw_6 wow zoomIn"
div class="wrapimg hack960"
div class="pic" img src="imagesweb-dizajn-1.jpg" class="pic-image full-width" alt="Pic"
div
h4 class="pic-title"h4
div
div
div
!-- END wrapimg --
div
!-- END col_6 --
div class="colw_6 "
div class="box66"
div class="wrap icon" i class="fa fa-cog fa-spin"i i class="fa fa-spin-reverse fa-cog"i i class="fa fa-cog fa-spin"i div
h3 class="center wow fadeInDown" data-wow-duration="0.5s" data-wow-delay="0.5s"ЭФФЕКТИВНОЕ РАЗМЕЩЕНИЕ РЕКЛАМЫ - ПУТЬ К УСПЕХУ КОМПАНИИh3
pСтатистические сведения показывают, что на сегодняшний день порядка 54% рынка рекламы занимают реклама на телевидении и реклама на радио, около 10% - реклама в печатных СМИ (как, например, реклама в газете), 14% наружная реклама различного вида и 17% глобальная сеть интернет. Данные показатели постоянно меняются ("доля" интернета постоянно растёт), поэтому к вопросу размещения рекламы необходимо подходить комплексно, задействовав все доступные инструменты привлечения целевой аудитории.p
div
!-- END box66 --
div
!-- END col_6 --

div
!-- END row --

div
!-- End GRID FLEX --

div
!-- END #section-2 --

div class="backimg" id="section-3"
div class="bghover wow fadeInUp" data-wow-duration="1.5s" data-wow-delay=".5s"
div class="grid flex16"
div class="row paddtop5"
h3 class="paraw wow fadeInUpBig" data-wow-duration="2s" data-wow-delay=".5s"Почему выбирают нас?h3
div class="col_4 bghwhite column2 wow zoomIn" data-wow-delay=".7s"
div class="colw_2 alomdebe vito"
div class="iconfullbox ... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.