Мәтіндік файл HTML файлына айналуы үшін оның кеңейтілуін

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

Қазақстан Республикасы Білім және ғылым министрлігі
Л.Н.Гумилев атындағы Еуразия ұлттық университеті

Шурин Рамазан Мақсұтұлы

Asp.net core фреймворкты қолдану арқылы онлайн киім конструкторын құру

ДИПЛОМДЫҚ ЖҰМЫС
5B060200 - Информатика мамандығы бойынша

Нұр-Сұлтан, 2020
Қазақстан Республикасы Білім және ғылым министрлігі
Л.Н.Гумилев атындағы Еуразия ұлттық университеті

Қорғауға жіберілді

Информатика және ақпараттық
қауіпсіздік кафедрасының
меңгерушісі т.ғ.к., доцент
Сагиндыков К.М. ________________
__ __________ 2020 ж.

ДИПЛОМДЫҚ ЖҰМЫС
Тақырыбы: Asp.net core фреймворкты қолдану арқылы онлайн киім конструкторын құру
5B060200 - Информатика мамандығы бойынша

Орындаған: Шурин Р.М.
Ғылыми жетекші Улюкова Г.Б.

Нұр-Сұлтан, 2020
Л.Н. Гумилев атындағы Еуразия ұлттық университеті

Ақпараттық технологиялар факультеті
Мамандығы 5B060200 - Информатика Информатика және ақпараттық қауіпсіздік кафедрасы

Бекітемін Информатика және ақпараттық қауіпсіздік кафедрасының меңгерушісі т.ғ.к., доцент Сагиндыков К.М.
2019 ж.

ДИПЛОМ ЖҰМЫСЫН ОРЫНДАУҒА АРНАЛҒАН ТАПСЫРМА

Шурин Рамазан Мақсұтұлы 4 курс, ИНФ-43, 5B060200 - Информатика мамандығы, күндізгі бөлім

1 Дипломдық жұмысының тақырыбы Asp.net core фреймворкты қолдану арқылы онлайн киім конструкторын құру 2020 жылдың берілген № ректордың бұйрығымен бекітілген.
Диплом жұмысының тапсырмасына сәйкес:
Есеп берудің бірінші аралық кезеңі - __ 20 ж. Есеп берудің екінші аралық кезеңі - 20__ж. Есеп берудің үшінші аралық кезеңі - __ 20 ж.
Алдын-ала қорғауға дипломдық жұмысты әкелу мерзімі - 20 ж. Норма бақылау тексерісі - 20 ж.
Дипломдық жұмыстың соңғы нұсқасын әкелу мерзімі - 20__ж. Дипломдық жұмысты қорғау мерзімі - 20 ж.
Аяқталған жұмысты тапсыру мерзімі - 20 ж.
Жұмыстың бастапқы деректері: Javasciprt, HTML, CSS, ASP.NET Core.
Диплом жұмысын дайындау үшін сұрақтар тізімі:
Интерактивті жүйе;
MSSQL сервері;
ASP.NET платформасы;
Fabric JS фреймворгы;
ASP.NET платформасын пайдаланып сайт әзерлеу:

Сайт жасау негіздері
Графикалық материалдың тізімі (сызбалар, кестелер, диаграммалар және тағы басқалары):
Негізгі ұсынылатын әдебиеттер тізімі:
Изучаем HTML, XHTML и CSS. 2-е изд. -- СПб.: Питер, 2014. -- 720 с.: ил. -- (Серия Head First O'Reilly)
Изучаем HTML, XHTML и CSS. 2-е изд. -- СПб.: Питер, 2014. -- 720 с.: ил. -- (Серия Head First O'Reilly)
MySQL 5.0. Библиотека программиста: Питер; Санкт-Петербург; 2010
Секреты Javascript ниндзя, 2-е изд. : Пер. С англ. - СпБ. : ООО Альфа- книга, 2017. - 544 с. : ил. - Парал. тит.англ.
Жұмысқа қатысты кеңестер (оларға қа тысты жұмыс бөлімдерінің көрсетілуімен)

Нөмір, бөлімнің, бөлімшенің аты
Ғылыми жетекші, кеңесші
Тапсырманы алу уақыты
Тапсырма бердім(қо лы)
Тапсырм а алдым (қолы)
Кіріспе
Улюкова Г.Б.

Негізгі бөлім
Улюкова Г.Б.

Практикалық бөлім
Улюкова Г.Б.

Қорытынды
Улюкова Г.Б.

Қолданылған әдебиеттер тізімі
Улюкова Г.Б.

Нормабақылау
Токкулиева А.К.

Дипломдық жұмысты орындау графигі

№
Жұмыс сатысы
Жұмыс сатысын орындау
мерзімі
Ескерту
1
Дипломдық жұмыстың
тақырыбын бекіту
27.11.2019

2
Дипломдық жұмысты дайындау үшін мәліметтер
жинау
5.12.2020

3
Дипломдық жұмыстың
теориялық бөлігін дайындау (1 Бөлім)
6.01.2020

4
Дипломдық жұмыстың
аналитикалық бөлігін дайындау (2-3 Бөлім)
28.03.2020

5
Дипломдық жұмыстың толық мәтінінің қолжазбалық нұсқасын
аяқтау
30.04.2020

6
Алдын-ала қорғауға
дипломдық жұмысты әкелу
25.04.2020

7
Рецензияға дипломдық
жұмысты жіберу
5.05.2020

8
Ғылыми жетекшінің пікірі мен рецензиясы бар дипломдық жұмыстың
соңғы нұсқасын әкелу
15.05.2020

9
Дипломдық жұмысты
қорғау
06.06.2020

Тапсырманың берілген мерзімі 4 12 _ 2019 жыл

Ғылыми жетекшісі,
аға оқытушы __________________ Улюкова Г.Б.

Тапсырманы орындаған__________________ Шурин Р.М.

МAЗМҰНЫ
Кіріспе 7
Веб-парақшаның өзектілігі ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... ... .9
Жалпы сипаттама ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ..9
Жобаның ерекшеліктері 10
Пайдаланушылар мен келушілер ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ...11
Шолғыштын үйлесімділігі ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..11
Жобаның негізгі бөліктері ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..12
Жобадағы интерактивті тапсырмалармен веб-сайтты әзірлеу үшін арналған инструмeнтaлдық жәнe бaғдaрлaмaлық құрaлдaры. 16
HTML негіздері 16
Javascript негіздері. 21
ASP.NET технологиясы 24
Онлайн конструкторы бойынша интерактивті тапсырмалармен веб-сайтты әзірлеу процесі 29
Бағдарламаның көрінісі. 29
Бағдарламаны әзірлеу процесі 34
Қорытынды. 42
Пайдаланылған әдебиеттер тізімі 43
Қосымша 45

Кіріспе
Онлайн киім конструкторы клиентке жеке дизайнымен өз киімдерін безендіруге мүмкіндік беруі керек. Клиент матаның түрін, киімге басып шығару әдісін және киімнің түсін таңдай алады.
Жоба заманауи жоғары технологиялық Asp .Net Core шеңберінде жазылған.
Жоба тұтынушыларға көбірек қол жеткізу үшін веб-бағдарлама ретінде жүзеге асырылады.
Веб-бағдарлама интерактивті стильде жасалған, сондықтан қолданушы киім жасауға ыңғайлы.
Диплом жұмысының құрылымы: диплом кіріспе, үш тарау, қорытынды, пайдаланылған әдебиеттер тізімі және косымшадан тұрады.
Кіріспеде веб-парақшаның маңыздылығы және өзектілігі бейнеленген.
Бірінші тарауында қандай технологиялар бар, олардың артықшылықтары мен кемшіліктері бар болғанын зерттеп, бір-бірімен салыстырылған.
Екінші тарауында веб-парақшаның интерактивтілігін және қандай компоненттері бар екенін бейнеленген.
Үшінші тарауда бағдарламаның әзірлеу процесі сипатталған.
Технологиялық прогрестің қарқыны қазіргі заманғы құралдарды, тиімді коммуникацияны, ақпаратты, стратегия мен әдіснаманы үнемі жаңартып отыруды қажет етеді.
Пайдалы веб-сайт пайдаланушының қажеттіліктерін алдын-ала білуі керек, ол сайтты оңай басқаруға және өзіңіз қалаған әрекеттерді қиындықсыз орындауға қабілетті болуы керек.
Пайдаланушылар өз мақсаттарына ең аз күш пен максималды нәтижеге қол жеткізе алуы керек, демек, келуші басынан бастап ұсынылған ресурстарды интуитивті қолдана алады.
Мәтіндердің түсі фонның түсіне қарама-қарсы, ал шрифт мөлшері жеткілікті үлкен болуы керек.
Интернет ұсынатын байланыс жылдамдығы және оның желіге қосылған барлық компьютерлерге шексіз қол жетімділігі оны осы қажеттіліктерді қанағаттандыратын тамаша құралға айналдырады.
Интернет әрқашан кез келген жерде және кез келген уақытта қол жетімді болуға мүмкіндік береді. Енді сіз үйден шықпай-ақ киім жасай аласыз
Веб-сайтты қолдана отырып, әлеуетті клиенттер өз өнімдері мен қызметтері туралы ақпаратты кез-келген уақытта, Интернетке қосылу арқылы ала алады.
Компания үшін веб-сайттың маңыздылығы - бұл Интернет арқылы каталог өнімдері және т.б. туралы толық ақпарат бере алатындығында.
Осылайша, ақпаратты ықтимал тұтынушыларға жіберуден аулақ болыңыз. Егжей-тегжейлі ақпарат беру үшін ұзақ қоңырау шалуға болмайды.

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

1 Веб-парақшаның өзектілігі

1.1 Жалпы сипаттама

Көптеген интернет-дүкендерді талдағаннан кейін біз осындай қорытынды жасауға болады олардың барлығы дерлік дизайнердің жұмысында ғана ерекшеленеді, дәлірек айтсақ түймелердің түсі мен өлшемі, каталогтағы бұйымдардың дизайны және әртүрлі сайт мәзіріндегі стильді белгішелер. Мұндай функциялардың икемділігі жоқ қосымшалар, мысалы, көптеген интернет дүкендер рұқсат бермейді тіркелмеген пайдаланушы тіпті продуктты немесе пайдалануды көре алады іздеу, басқалары кәрзеңкеге продукттарды қосуға тыйым салады. Сонымен қатар, қарамастан тез дамып келе жатқан технологиялар, кез-келген жолмен Интернеттен ажырату немесе қысқа мерзімді ажырату көп жағдайда, мысалы, пайдаланушы туралы ақпараттың жоғалуына әсер етеді. Пайдаланушы сеансты қайта бастаған кезде, ол тағы да мәжбүр болады кәрзеңкені бұрын таңдалған заттармен толтырыңыз. Кейбір тізімделген қолайсыздық, қандай-да бір жолмен, төмен болса да, пайдаланушыларды қорқытады бағалар немесе жақсы дүкендік жеңілдік жүйесі. Осылайша, бұл жұмыстың мақсаты ең функционалды, қанағаттанарлық жобалау және жүзеге асыру интуитивті интернет-дүкеннің көптеген пайдаланушыларының қалауы интерфейсі.

1.2 Жобаның ерекшеліктері

- Бұл жоба негізгі талаптарға сай болуы керек
- Интернет-дүкеннің иесі үшін қазіргі уақытта маңызды.
- Навигация ыңғайлылығы. Мәзірлер мен каталог элементтері келесідей көрсетілуі керек
Осылайша пайдаланушыда біреуінен қалай ауысуға болатындығы туындамайды сайт басқасын көрсетеді, яғни. сайтты шарлау интуитивті және пайдаланушыға ыңғайлы.
Тауарлар каталогы. Продукттілер каталогы сонымен қатар сайтты шарлауға кіреді.Ол дисплейдің айқындылығын қамтамасыз етуі керек. Егер каталог үлкен болса, сізге бірнеше мүмкін жолдарды енгізу керек навигация, мысалы, компания немесе продукт моделі бойынша. Пайдалануға өте ыңғайлы каталогтан іздеу.

Кәрзеңке. Виртуалды кәрзеңкені қашан пайдалану керек каталогты шарлау, бұл келушіге тауарларды салуға мүмкіндік береді продукт каталогын қарау кезінде. Оған қол жеткізу мүмкіндігі де маңызды Қайта санауға тапсырыс бергенге дейін немесе қарау кезінде кәрзеңке тауарларды алып тастау керек.
Сайт жаңалықтары. Сайттың ең жаңартылған бөлімі - жаңалықтар. Жаңалықтар ыңғайлы болу үшін мүмкіндігінше автоматтандырылған болуы керек сайтты басқару нәтижесінде жеңілдейтін әкімшілік.
Тапсырысты қабылдау. Әрбір тапсырыс қажет екендігі өте маңызды тапсырыс идентификаторын берумен бірге жүреді.
Сатып алушыларды тіркеу. Тіркеудің пайдасы келушіге көп нәрсе береді мүмкіндіктер (сатып алу тарихын, жеткізу мекен-жайларын және т.б. қамтамасыз етеді), бірақ бар және басқа маңызды кемшіліктерге келуші көптеген толтыруы керек формалар, деректеріңізді енгізіңіз және әдетте тіркеуден өтіңіз, бірақ олар оны өте жақсы көреді барлығы емес. Осылайша, іздеу, қарау және іздеу мүмкіндігін ашу туралы шешім қабылданды пайдаланушылардың барлық санаттарына тауарлар қоржынына қосу.

1.3 Пайдаланушылар мен келушілер

Пайдаланушылардың екі түрін бөлуге болады: тұрақты келушілер мен пайдаланушылар жүйесі. Тұрақты келушілер парақтың аз болуын және болуын сұрайды оларда қысқа мерзімге. Мұндай келушілер аз сайт дерегіне қызығушылық танытады. Бірақ олар қолдарынан келеді суреттерге, дизайнға, әртүрлі басқару элементтеріне қызығушылық жеке тәсіл.
Пайдаланушылар көбірек парақтар сұрайды және сайтта қалады келушілерге қарағанда көбірек уақыт. Аз болған суреттер мен дизайнға қызығушылық танытады, олар сайт дерегіне көбірек қызығушылық танытады. Олар сайтта тіркелгі жасай алады және артықшылығын қолдана алады жеке панель. Жобаны сәтті коммерциализациялау үшін кез-келген пайдаланушы маңызды. Маңызды бәрін қызықтыра білу. Бұған жетудің ең тиімді әдісі - бұл Пайдаланушының тартымды интерфейсін жасаңыз. Пайдаланушы тартқан кезде интерфейс арқылы сайтты қарауға көп уақыт кетеді, осылайша мүмкіндіктеріңіз артады оны қызықтырыңыз.

1.4 Шолғыштың үйлесімділігі

Қазір Интернетті көбірек адамдар қолданады - бұл көптеген әртүрлі браузерлердің пайда болуына әкелді (негізгі) Интернетті пайдалану құралы). Көптеген шолғыштардың пайда болуы үйлесімділік мәселелерін тудырды. Дегенмен, әзірлеушілердің әрқайсысы шолушылар және өзін ең жақсы деп санайды, бірақ, дегенмен, барлығына бірдей бірыңғай стандарт жоқ.
Жиі сіз беттері қарама-қайшы болатын сайтты таба аласыз әртүрлі шолғыштарда ерекшеленеді. Бұл проблемалар әкелді W3C стандарты. Бұл стандартта тек осы құралдар бар барлық шолушылар қолдайды (көпшілігі). Статистикаға негізделген (осы түсіндірмені жазу кезінде) ескертулер), көптеген интернет пайдаланушылары келесі шолғыштарды пайдаланады:
OpenStat сәйкес:
Хром - 43.96%
Яндекс браузері - 12.32%
Firefox - 10.55%
Опера - 9,11%
Сафари - 8,05%
Microsoft Internet Explorer - 5.71%
Авторы бойынша LiveInternet деректері:
Google Chrome - 46.38%
Сафари 1 - 12.68%
Android шолғышы - 10.23%
Яндекс.Броузер - 7,27%
Firefox - 5.79%
Жобаны жасау Google Chrome, Firefox, Opera браузерлеріне бағытталған
және Яндекс браузері. Осылайша, бұл браузерлерде дизайн көрсетіледі
бірдей, және барлық функциялар дұрыс жұмыс істейді.

1.5 Жобаның негізгі бөліктері

Әзірленген жобаны бірнеше функционалды деп бөлуге болады
бөлшектер, олар бірге толық интернет-дүкенді ұсынады.Төменде бөлшектердің функционалдығы туралы толығырақ сипаттама берілген техникалық шарттардың талаптарына сәйкес болуы керек.

1.5.1 Басты бет

Сіз сайтқа алғаш кірген кезде барлық келушілер сайттың басты бетіне кіреді.
Мұнда ең танымал продуктілер көрсетілуі керек, әртүрлі санаттарға жатады. Негізгі бетте де бар санаты бойынша продуктілерді таңдау мүмкіндігі бар функционалды мәзір ішкі категориялар. Көптеген заманауи Интернет-ресурстар сияқты, дамыған интернет-дүкен, әдеттегі іздеуден басқа, қамтуы керек сізді қызықтыратын продуктты тез табуға мүмкіндік беретін тегтер бұлты. Басты бет Интернет-дүкеннің негізгі, көп кіретін ресурсы.
Негізгі бетте келесі негізгі блоктар орналасқан:
- Сайт мәзірі (негізгі, жаңалықтар, сілтемелер бар ішкі мәзірден тұрады)
каталог, акциялар, сұрақ-жауап және байланыс);
- Продуктілер каталогы (продукттын қысқаша сипаттамасы, бағасы және. Көрсетіледі)
сурет);
Кәрзеңке (пайдаланушы таңдайтын продуктілердің тізімі, түймелері көрсетіледі) ауарларды алып тастау, жалпы құны және төлем парағына сілтеме тапсырыс);

1.5.2 Сайт мәзірі

Интернет-дүкеннің мәзірі жылжудың қарапайымдылығымен және тартымды дизайн.
Негізгі мәзір үш деңгейден тұрады:
- Жоғарғы деңгей төрт басқару элементінен тұрады: жаңалықтар,
пайдаланушының жеке шоты, кәрзеңкені қарау, кіру;
- Орта деңгей тауарлардың санаттары мен ішкі санаттарын қамтиды
ағаштар түрінде безендірілген. Мәселен, мысалы, категорияны таңдау пайдаланушыға электр құралы барлығына ұсынылады
Таңдалған продукт түрінің ішкі санаттары.
- Төменгі деңгей. Мұнда қолданушыға мүмкіндік беріледі продуктты іздеуді қолданыңыз. Сонымен қатар параққа өтіңіз кеңейтілген іздеу.
- Жоғарғы деңгей пайдаланушы үшін ең маңызды өтулерді қамтиды жүктеуді күтпей-ақ пайдалана алатын беттер бүкіл беттің дерегі. Продуктілер санаттарын таңдау ашылмалы мәзір түрінде ұсынылған jQuery java сценарий кітапханасын қолдану жеткілікті [2] сайттың толық функционалды мәзірін тез және әдемі етіп жасаңыз. Сонымен қатар мәзірдің орта деңгейінде Интернет деген сурет бар дүкен. Төменгі деңгейді пайдаланушы да қолдана алады жылдам іздеу, дәлірек айтсақ, әр түрлі категорияларды, ішкі санаттарды көрсетпестен және
Продукт белгілері.
Мәзірдің функционалды жүктемесі ыңғайлылыққа байланысты деңгейлерге бөлінді сайтты пайдалану және құрылымы.

1.5.3 Продукт каталогы

Продукттар тізімі пайдаланушыға кесте түрінде, әр ұяшықта ұсынылады продукт картасы көрсетіледі. Әр карта автоматты түрде жасалады және
үш өрістен тұрады:
- мәтіндік ақпараттық блок;
- продукт имиджі;
Пайдаланушының әрекеттері.
Бірінші өрісте атау, модель және бірлік бағасы көрсетіледі. Сонымен пайдаланушы күтпестен продукт туралы қысқаша мәліметтермен таныса алады продукт суреттерін жүктеу.
Екінші жолда - продукттын эскиз суреті. Сонымен қатар продукт кескінін бір рет нұқу арқылы пайдаланушы продуктты келесіге ауыстыра алады кәрзеңкенің аумағын салыңыз, сол арқылы кәрзеңкеге тауарлар қосыңыз. Бұл технология әрине, осы ресурстарға пайдаланушылардың сұранысын тартады аналогтары.
Продукт кескінінде продуктты басқарудың екі кілті бар, нақтырақ айтсақ, пайдаланушы продукт туралы толық ақпарат парағына өтуі мүмкін, немесе батырмасын басып, өзіңізге ұнайтын продуктты кәрзеңкеге қосыңыз сәйкес атау. Егер продукттын саны каталогтың бірінші бетіне сәйкес келмесе пайдаланушылар каталог беттерінде шарлай алады Алға, артқа мәтінді көрсеткіштер мен сандар түрінде сандар түріндегі көрсеткіштер беттер.

1.5.4 Кәрзеңке

Сатып алу үшін пайдаланушы алдымен тауарды қосу керек ол қызықтыратын продукт кәрзеңкеге салған. Жобаның осы бөлігінде пайдаланушы параққа кіре алады тексеру, таңдалған продукттын тізімін және жалпы құнын қарау кәрзеңкелер.
Продукт тізімінде келесі өрістер бар:
- продукт бірлігінің саны;
- продукттын қысқартылған имиджі;
- аты;
- продукттарды жою батырмасы;
- продукттын бірлік құны;
Жобаның бұл бөлігін Ajax технология арқылы пайдалану керек. Бұл продуктты кәрзеңкеге қосқаннан кейін болады дегенді білдіреді жою, бет толығымен жаңартылмайды, тек кәрзеңкенің деректеріс.

1.5.5 Тауардың толық көрінісі

Тауарларды толық қарау - бұл әр Интернеттің қоңырау картасы - дүкен. Осы бөлімге кірген қолданушы продукт туралы егжей-тегжейлі мәліметтер (сипаттама, техникалық деректер, баға және т.б.) танысқысы келеді. Және пайдаланушыны қызықтырып, оның таңдауына әсер ету керек. Ішінде продукттын тривиалды емес егжей-тегжейлі көрінісі ретінде, агрегат кескін түрлерінің тартымды өзгеруі.

1.5.6 Пайдаланушыларды аутентификациялау және тіркеу жүйесі

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

1.5.7 Тексеру

Продуктты сатып алу үшін қолданушыға Тапсырысты орналастыру бару керек, ол оны тағы бір рет көре алады қораптың деректерін таңдаңыз, таңдалған продукттардын тізімін өңдеңіз және өтіңіз тапсырыс үшін төлеңіз. Төлем жүйесі ретінде белгілі жүйе таңдалды. Kaspi. Kaspi - бұл төлемдер мен төлемдерді ұйымдастыру қызметі банк карталары арқылы транзакциялар жасауға мүмкіндік беретін сатып алулар, электрондық төлем жүйелері және мобильді қосымшалар. Жоғары дәреже қауіпсіздік, әмбебаптылық және салыстырмалы қарапайымдылық үстірт өте танымал. Оның жұмыс істеуін жүйе қамтамасыз етеді. сценарийлер (сценарий тілінде жазылған модульдер) - олар Ақшасы есептен шығарылатын төлем жүйелерінің шоттарымен біріктіру. Клиент іс жүзінде жасауға ыңғайлы және қарапайым құралды алады қызметтердің алуан түріндегі төлемдер. Бүгінгі таңда қызмет 40-тан астам ұсынады төлем әдістері: бұл әйгілі WebMoney электрондық төлем жүйелері, Kaspi, банктер, танымал ұялы байланыс операторлары және басқалары. Ұсынылған әдістердің тізімі үнемі кеңеюде, және қызмет көрсету сәйкесінше, барған сайын танымал бола түсуде.

2 Жобадағы интерактивті тапсырмалармен веб-сайтты әзірлеу үшін арналған инструмeнтaлдық жәнe бaғдaрлaмaлық құрaлдaры

2.1 HTML негіздері

Бүгінгі күні HTML гипермәтінді белгілеуге және, демек, Интернетте жариялауға және веб-сайтты жасауға арналған ең әмбебап, тіпті таптырмайтын құрал болып қала береді. Гипермәтінді белгілеу тілі, анықтамасы бойынша, шолғышпен түсіндірілуі керек. Бұл, әрине, тілдің мүмкіндігіне және жаңа дизайнның браузерлердің ескі нұсқаларымен үйлесімділігіне бірқатар шектеулер қояды.
Алайда, белгілеу тілдерінің бұл ерекшелігі HTML-кодты басқа бағдарламалар (CGI-скрипттер) арқылы жасауға үлкен мүмкіндік қалдырады. Қазіргі заманғы сайттар енді тек HTML болып табылмайды. Динамикалық HTML құралдары оны үйлесімді түрде толықтырады: JavaScript және немесе VBScript тілдері, стильдердің каскадты парақтары (CSS), кейде Java қосымшалары бар.
Сайт - тиісті кодтаудағы қарапайым мәтіндік файл. Бұл гипермәтіндік белгілеу тілін - HTML (HyperText Markup Language) көмегімен бүкіл бетті сипаттайды. Сіз өзіңіздің браузеріңізге сайтты жүктегенде (Internet Explorer Nestcape Navigator), шолушы HTML-де жазылған командаларды орындайды және оларға сәйкес бетті көрсетеді.
Тек мәтін форматында файлдарды сақтай алатын мәтіндік редакторларда HTML файлдарын жасау керек (кеңейтім .txt). Егер сіз Word-та осындай файл жасап, оны Құжат форматында сақтасаңыз, содан кейін .doc кеңейтімін .html-ге өзгертсеңіз, онда сіз толығымен гиббіске ие боласыз, өйткені Word-тің өзі тегіс файлдардан мүлдем басқа компания файлдарына көптеген пішімдеу пәрмендерін енгізбейді және қосады. Сондықтан, бірінші рет шатастырмау үшін, ең жақсы редактор - Windows-тың стандартты жеткізілімінен Notepad.
Мәтіндік файл HTML файлына айналуы үшін оның кеңейтілуін .txt -тен .html -ке өзгерту жеткіліксіз. Бірінші жолдың ережесін сақтау керек.
Нұсқаның HTML сипаттамасына сәйкес келетін әрбір HTML құжаты, әдетте, келесідей көрінетін HTML нұсқасын жариялау ! DOCTYPE жолынан басталуы керек: ! DOCTYPE HTML PUBLIC - W3C DTD HTML 4.01 Transitional EN
Бұл жол браузерге берілген құжатты қалай дұрыс түсіндіру керектігін анықтауға көмектеседі. Бұл жағдайда біз браузерге HTML-нің 4.1 нұсқасының халықаралық сипаттамасына сәйкес келетіндігін айтамыз, ол жаңалығымен ерекшеленбейді, бірақ кейінгі нұсқалардан айырмашылығы - толыққанды, кеңейтілген стандарт болып табылады және ешқандай белгісіздіксіз.
Құжаттың нұсқасы мен түрін жариялағаннан кейін оның басталуы мен аяқталуын көрсету қажет. Бұл HTML контейнер тегінің көмегімен жасалады. Айта кету керек, кез-келген HTML құжаты HTML тегімен ашылады және ол жабылады.
Бұл тегтер шолғышқа олардың арасындағы мәтінді HTML мәтіні ретінде түсіндіру керек дейді. HTML құжаттары тек мәтінді болғандықтан, бұл файл HTML-де жазылғанын көрсетеді (HyperTextMarkupLanguage - Hypertext Markup Language)
HTML-бұл белгілі бір синтаксисті, компьютер мен веб-серверді көрсететін файлдар мен аттар туралы келісімдерді қамтитын мәтіндік файл. HTML келісімдерін кез келген мәтіндік редакторда мәтіндік файлға қолдана отырып, пайдаланушы негізгі веб-бетті жаза және жасай алады, содан кейін оны интернетке жүктей алады.
HTML келісімдерінің ең бастысы-мәтіндік файлдың басында құжат түрін хабарландыруды қосу. Бұл әрқашан құжатта бірінші орында тұр, себебі бұл HTML файл екенін компьютерге жағымды хабарлайды бөлігі. Құжаттың тақырыбы әдетте келесідей көрінеді:!DOCTYPE html. Ол әрдайым оның ішінде қандай да бір мазмұнсыз немесе оны сындырып жазылуға тиіс. Осы жарнамаға дейін пайда болған кез келген мазмұнды компьютер HTML ретінде танымайды.
Doctypes тек HTML үшін ғана емес, олар SGML (стандартты жалпылама таңба тілі) қолданатын кез келген құжатты жасау үшін қолданылуы мүмкін. SGML-нақты қолданылатын белгілеу тілін көрсету стандарты. HTML-SGML және doctype хабарландырулары қолданылатын бірнеше таңба тілдерінің бірі.
HTML файлын құру үшін тағы бір маңызды талап-A арқылы оны сақтау .html файлын кеңейту. Doctype хабарламасы HTML компьютеріне файл ішінен сигнал береді, файл кеңейтімі HTML компьютерге файлдың сыртынан сигнал береді. Бар және басқа, компьютер бұл HTML-файл, қарамастан, ол файлды оқиды немесе жоқ деп айта алады. Веб-сервер ішкі мазмұнды оқу үшін клиенттік компьютерге оларды жібермес бұрын, файлдармен не істеу керектігін білуі тиіс, өйткені бұл әсіресе маңызды болып табылады.
Doctype жазылғаннан кейін және HTML файл ретінде сақтағаннан кейін пайдаланушы веб-бетті баптау үшін басқа HTML синтаксистік құралдарын іске асыра алады. Жұмыс аяқталғаннан кейін олар веб-сайттың әр түрлі беттеріне сәйкес келетін бірнеше HTML файлдары болуы мүмкін. Пайдаланушы осы файлдарды сақталған иерархияда жүктеуі маңызды, өйткені әрбір Бет басқа беттер файлдарына белгілі бір жолдар сілтейді, олардың арасындағы байланысты қамтамасыз етеді. Оларды басқа ретпен жүктеу сілтемелердің үзілуіне және беттердің жоғалуына алып келеді, себебі файл жолдары беттермен сәйкес келмейді.
HTML негізгі элементтері
HTML арқылы, мәтіндік файл құжатты қалай көрсету керектігін сипаттайтын қосымша мәтінмен белгіленеді. HTML файлының нақты мазмұнынан бөлек белгілеуді сақтау үшін HTML арнайы, ерекше синтаксисі қолданылады. Бұл арнайы компоненттер HTML тегтері ретінде белгілі. Тегтер атрибуттар ретінде белгілі, ал тегте жасалған мазмұнның бір бөлігі HTML элементі деп аталады.

HTML элементтері әрқашан ашылатын тегтерге, ортасында мазмұнға және жабатын тегтерге ие. Атрибуттар элемент туралы қосымша ақпарат беріп, ашу тегіне қосылуы мүмкін. Элементтер екі жолмен сипатталуы мүмкін:
Блок деңгейіндегі элементтер құжаттағы жаңа жолдан басталады және өз кеңістігін алады. Мұндай элементтердің мысалдары абзацтар мен тегтерді қамтиды.
Кірістірілген элементтер құжаттағы жаңа жолдан басталмайды және тек қажетті кеңістікті алады. Бұл элементтер әдетте блок деңгейіндегі элементтердің мазмұнын пішімдейді. Кірістірілген элементтердің мысалдары гиперсілтемелер мен мәтіндік пішімдегі тегтерді қамтиды.
HTML артықшылықтары мен кемшіліктері
HTML пайдалану артықшылықтары қамтиды:
Қол жетімді ресурстар көп болған кезде кеңінен қолданылады.
Бастапқыда әрбір браузерде іске қосылады.
Бұл туралы білу оңай.
Таза және дәйекті бастапқы коды бар.
Бұл ашық бастапқы код және тегін пайдалану.
PHP сияқты басқа бэкенд бағдарламалау тілдерімен біріктірілуі мүмкін.
Ескеру керек бірнеше минус, бұл:
Өте динамикалық функционалдығы жоқ және негізінен статикалық веб-беттер үшін қолданылады.
Барлық компоненттер ұқсас элементтерді пайдаланса да бөлек жасалуы тиіс.
Браузердің мінез-құлқы күтпеген болуы мүмкін. Мысалы, ескі браузерлер жаңа мүмкіндіктермен үйлеспеуі мүмкін.
Жиі қолданылатын HTML тегтері
HTML тегтері беттің жалпы құрылымын анықтайды және олардың ішіндегі элементтер браузерде бейнеленеді. Жиі қолданылатын HTML тегтері қамтиды:
жоғарғы деңгей тақырыбын сипаттайтын h1.
h2, ол екінші деңгей тақырыбын сипаттайды.
p ол ежені сипаттайды.
кестелік деректерді сипаттайтын кесте.
ol, ол реттелген ақпарат тізімін сипаттайды.
ul, ол ретсіз ақпарат тізімін сипаттайды.
Бұрын айтылғандай, олар үлкейтетін мазмұнды қоршайтын және жабатын тегтер бар. Ашу тег келесідей көрінеді: p. Жабатын тег сол сияқты, бірақ бұл HTML-элементінің соңы екенін көрсететін кері қиғаш сызық бар. Жабатын тегтер былай көрінеді: p.
HTML қолдану және іске асыру
HTML толық мәтінге негізделген болғандықтан, HTML файлын тек Notepad++, Vi немесе Emacs сияқты бағдарламаларда ашу арқылы өңдеуге болады. Кез келген мәтіндік редактор HTML файлын жасау немесе өңдеу үшін және егер ол an арқылы аталады .html файлын кеңейту, кез келген веб - браузер - мысалы, Chrome немесе Firefox-файлды веб-бет түрінде көрсете алады.
Кәсіби бағдарламалық жасақтама әзірлеушілері үшін веб-беттерді әзірлеу үшін көптеген WYSIWYG редакторлары бар. NetBeans, IntelliJ, Eclipse және Microsoft Visual Studio WYSIWYG редакторларын плагиндер ретінде немесе стандартты компоненттер ретінде ұсынады, Бұл HTML ҚОЛДАНУ МЕН іске асыруда керемет қарапайым етеді.
Бұл WYSIWYG редакторлары HTML ақауларын жою үшін құралдарды ұсынады, бірақ қазіргі заманғы веб-браузерлер жиі HTML-беттерімен мәселелерді бөлетін веб-әзірлеушілердің плагиндерін қамтиды, олар жоқ жабатын тег немесе жақсы қалыптасқан HTML-ді жасамайды.
Chrome және Firefox Веб-беттің толық HTML файлын жылдам қарауға мүмкіндік беретін HTML әзірлеу құралдарын қамтиды, сондай-ақ HTML-ді ұшуға өңдеу және интернет-браузерде өзгерістерді бірден қосуға мүмкіндік береді.

2.2 Javascript негіздері

JavaScript (қысқаша JS) - HTML құжатына қолданылатын және веб парақшаларында динамикалық интерактивтілікті қамтамасыз ететін толық динамикалық бағдарламалау тілі. Оны Mozilla жобасының, Mozilla Foundation және Mozilla корпорациясының бірлескен құрылтайшысы Брендан Эйч жасаған.
JavaScript керемет жан-жақты және бастаушыға ыңғайлы. Үлкен тәжірибемен сіз ойындар, анимациялық 2D және 3D графикаларын, мәліметтер базасының толық қосымшаларын және басқаларын жасай аласыз!
JavaScript-тің өзі өте жинақы, бірақ өте икемді. Әзірлеушілер негізгі JavaScript тілінің үстіне көптеген құралдарды жазды, олар көп күш жұмсамай, көптеген қосымша функцияларды ашады. Оларға мыналар жатады:
Бағдарламалық жасақтаманың интерфейстері (HTML) динамикалық түрде жасау және CSS мәнерлерін орнату, бейне ағынын түсіру және басқару, пайдаланушының веб-камера арқылы жұмыс істеу немесе 3D графикалық және аудио үлгілерді құру сияқты әртүрлі функционалдылықты қамтамасыз ететін шолғыштарға салынған.
Үшінші тараптың API интерфейстері Twitter немесе Facebook сияқты басқа әзірлеушілерден өз сайттарына функционалдылықты енгізуге мүмкіндік береді.
Сондай-ақ, сіз өзіңіздің HTML-ге бөгде жақтаулар мен кітапханаларды қолдана аласыз, бұл сайттар мен қосымшаларды құруды тездетуге мүмкіндік береді.
Мақсаты және JavaScript, жалпы ақпарат
Гипермәтіндік ақпараттық жүйе ақпараттық түйіндердің көптігінен, осы түйіндер мен түйіндерде анықталған гипермәтіндік сілтемелердің көптігінен және сілтемелермен жұмыс істеу құралдарынан тұрады. World Wide Web технологиясы Интернетте гипермәтіндік таратылған жүйелерді сақтау технологиясы болып табылады, сондықтан ол мұндай жүйелердің жалпы анықтамасына сәйкес келуі керек. Бұл жоғарыда аталған гипермәтіндік жүйенің барлық компоненттері Интернетте болуы керек дегенді білдіреді.
Гипермәтіндік жүйе ретінде парақшаны екі тұрғыдан қарастыруға болады. Біріншіден, гипермәтіндік ауысулармен байланысқан көрсетілген беттер жиынтығы ретінде (сілтемелер - ANCHOR контейнері). Екіншіден, көрсетілетін беттерді (мәтін, графика, мобильді код және т.б.) құрайтын қарапайым ақпараттық объектілердің жиынтығы ретінде. Соңғы жағдайда, көптеген гипермәтіндік парақтардың ауысуы - бұл мәтінге енгізілген суретпен бірдей ақпарат фрагменті.
Екінші тәсілде гипермәтіндік желі гипермәтіндік сілтемелер рөлін атқаратын HTML парақтарының көмегімен қарапайым ақпараттық нысандар жиынтығында анықталады. Бұл тәсіл дайын компоненттерден жылдам көрінетін беттерді құру тұрғысынан тиімдірек.
Интернетте беттерді құру кезінде клиент-сервер архитектурасына байланысты дилемма пайда болады. Беттерді клиент жағынан да, сервер жағынан да жасауға болады. 1995 жылы ... жалғасы

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