HTML тілінде онлайн магазин

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

Алматы мемлекеттік бизнес колледжі

ДИПЛОМДЫҚ ЖОБА

HTML тілінде онлайн магазин

Оқу ісі бойынша директордың орынбасары ____________________Абдуллаева Г.А.
___________________2023ж.

Жаратылыстану математика мен Есептеу
техникасы және ақпараттық жүйелер Жетекші
________________Таншаева А.К.
Цикл меңгерушісі
____________________Қорабаева Н.Ж. ___________________2023ж.
___________________2023ж.

Экономика бойынша кеңесші: Дипломшы
____________________Төлеу Е.С. _________________Тұралық А.Қ
___________________2023ж. ______ ______________2023ж.

Еңбекті қорғау бойынша Нормальді бақылау
____________________Нуракова Ж.М. ____________________Ауезхан Б.К.
___________________2023ж. ______ _____________2023ж.

Алматы, 2023

Алматы мемлекеттік бизнес колледжі

БЕКІТЕМІН
Оқу ісі бойынша директордың орынбасары
____________________Аты-жөні
___________________20__ж.

ДИПЛОМДЫҚ ТАПСЫРМА
№______

студенттің _____________________________ курс, тобының __________
маманды бойынша _____ _______________________
(шифр) (аты)
біліктілігі _____ _______________________
(шифр) (аты)

Аты-жөні: _____________________________

Дипломдық жобаның тақырыбы және оны кім ұсынды_____________________________ __
___________________________________ ___________________________________ ___
Әзірлеуге тиісті сұрақтар тізімі
Кіріспе____________________________ ___________________________________ ____
I бөлім ___________________________________ ___________________________________
II бөлім ___________________________________ ___________________________________
III бөлім ___________________________________ ___________________________________

Түсіндірме хаттың соңында пайдаланылған әдебиеттер тізімі болуы керек. ___________________________________ ___________________________________ ____

Жобаның графикалық бөлімінде мыналар болуы керек _____________________
1) ___________________________________ _________________________
2) ___________________________________ _________________________

Берілген күні __ ________ 20___ ж.
Біту мерзімі __ ________ 20___ ж.
Дипломдық жобаның жетекшісі: ______________
Циклдік комиссияның отырысында қаралды
__ ________ 20___ ж.
Хаттама № __

Білім алушының дипломдық жобасына
СЫН ПІКІР
Алматы мемлекеттік бизнес колледжі
________________________________
(аты-жөні)

Мамандық ___________________________________ ___________________
Дипломдық жобаның тақырыбы ___________________________________ ______________
___________________________________ ___________________________________ _______
___________________________________ ____
(тақырыптың, жобаның толық атауы)
мына құрамда орындалған:
а) графикалық бөлімі ___________ беттерінде;
б) түсіндірме хат ___________ беттерінде;

Жоба бойынша ескертулер
___________________________________ ___________________________________ ______________________________________ ___________________________________ ______________________________________ ___________________________________ ______________________________________ ___________________________________ ______________________________________ ___________________________________ ______________________________________ ___________________________________ ______________________________________ ___________________________________ ______________________________________ ___________________________________ ______________________________________ ___________________________________ ______________________________________ ___________________________________ ___________________________________ ___________________________________ ____

Жобаның бағасы ___________________________________
Пікір білдіруші ___________________________________
(аты-жөні) қолы
___________________________________ ________________
лауазымы

_____________________________20 ___ж.

МАЗМҰНЫ

КІРІСПЕ ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..3
1. HTML тарихы ... ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
2. Интернет магазин
2.1 Интернет желісін тарату ... ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... .7
2.2 HTML тілінің негізгі түсініктері ... ... ... ... ... ... ... ... ... ... ... ... ... 7
2.3 HTML тілі және оның мақсаты ... ... ... ... ... ... ... ... ... ... ... ... ...9
2.4 HTML редакторлары ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 11
2.5 Visual Studio Code ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...12
2.6 CSS ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .13
3. Job ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 14
3.1 Мәтінді пішімдеу ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ..15
3.2 Web беттеріндегі графиканы көрсету ... ... ... ... ... ... ... ... ... ...17
3.3 Html және CSS кодтары ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 20
ҚОРЫТЫНДЫ ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... .28
Қолданылған әдебиет тізімі ... ... ... ... ... ... ... ... ... ... ... ... ... ... 30

Кіріспе
Кіріспе

HTML (Hyper text Markup Language) термині "гипермәтінді таңбалау тілі"дегенді білдіреді. Бұл ұғым кеңірек, Интернет пен жергілікті желілерді, редакторларды, браузерлерді, әртүрлі бағдарламалық өнімдерді ,скиам дискілерді, оқу курстарын, дизайнды және т.б. қамтиды.
HTML-бұл тек мамандарға белгілі күрделі бағдарламалау тілдеріне қарама-қарсы.
HTML ұзақ уақыт бойы тек бағдарламалау тілі болуды тоқтатты. Бұл тілді үйренген адам күрделі нәрселерді қарапайым тәсілдермен және ең бастысы, тез жасауға мүмкіндік алады, бұл компьютерлік әлемде онша аз емес. Гипермәтін медиа элементтерін дәстүрлі құжаттарға қосуға жарамды. Іс жүзінде гипермәтінді дамытудың арқасында көптеген пайдаланушылар өздерінің мультимедиялық өнімдерін жасауға және оларды распространам дискілерге таратуға мүмкіндік алды. HTML беттерінің жиынтығы түрінде жасалған мұндай Ақпараттық жүйелер арнайы бағдарламалық жасақтаманы қажет етпейді, өйткені деректермен жұмыс істеуге қажетті барлық құралдар (WEB-браузерлер) көптеген дербес компьютерлердің стандартты бағдарламалық жасақтамасының бөлігі болды. Пайдаланушыдан тек әзірленіп жатқан өнімнің тақырыбына қатысты жұмысты орындау қажет: мәтіндерді дайындау, сызбалар салу, HTML беттерін құру және олардың арасындағы байланысты ойластыру.
Бұл жұмыс веб-сайттарды құруға негіз болатын HTML гипермәтінін белгілеу тілінің сипаттамасын қамтиды.
Веб-беттер. Веб-беттер HTML гипермәтіндік құжаттарды белгілеу тілі (Hyper Text Markup Language) арқылы жасалады. Кәдімгі мәтіндік құжатқа басқару таңбалары - HTML тегтері енгізіледі, олар браузерде қаралған кезде Веб-беттің көрінісін анықтайды.
Веб-беттерді құру үшін қарапайым мәтіндік редакторлар қолданылады, олар жасалатын құжатқа редактордың өзі Мәтінді пішімдеудің басқару таңбаларын қоспайды. Windows-та осындай редактор ретінде стандартты Блокнот қосымшасын пайдалануға болады.
HTML тегтерін пайдаланып веб-беттерді құру көп күш, уақыт және тіл синтаксисін білуді қажет етеді. Арнайы аспаптық бағдарламалық құралдарды (web-редакторлар) қолдану веб-сайттарды құру жұмысын Қарапайым және тиімді етеді. Веб-редакторларда беттерді құру және өңдеу процесі өте айқын,өйткені ол WYSIWYG режимінде (ағылш. "Сен не көресің, не аласың" - "не көрсең, соны аласың").
Тақырыптың өзектілігі мынада: веб-сайттар, Дүниежүзілік желідегі Жарияланымдар әдетте белгілі бір тақырып немесе мәселе бойынша материалды қамтитын веб-сайттар түрінде жүзеге асырылады. Мемлекеттік құрылымдар мен ұйымдар (үкімет, дума, мектеп және т.б.) әдетте өз ұйымдарының қызметі туралы ақпаратты орналастыратын ресми веб-сайттарын жасайды. Коммерциялық фирмалар өздерінің веб-сайттарында тауарларды немесе қызметтерді жарнамалайды және оларды интернет-дүкеннен сатып алуды ұсынады.
Кез-келген интернет қолданушысы өзінің тақырыптық сайтын құра алады, онда ол өзінің дамуы, хоббиі және т. б. туралы ақпаратты орналастыра алады.
Журнал баспа беттерінен де, веб-сайттан да компьютерлік веб-беттерден тұрады. Сайтта пайдаланушыға веб-беттерді шарлауға мүмкіндік беретін еренсілтеме жүйесі болуы керек.
Веб-сайтыңызды интернеттегі серверге орналастырмас бұрын, оны мұқият тексеріп алу керек, өйткені сіздің сайтыңызға ондаған миллион интернет қолданушылары кіруі мүмкін.
Веб-сайтты жариялау үшін Интернет-серверлердің бірінде қолайлы орынды табу керек. Көптеген провайдерлер өз клиенттеріне веб-сайттарды өз серверлерінде ақысыз орналастыру мүмкіндігін ұсынады (ақысыз хостинг).
Зерттеу нысаны-сайтты әзірлеу процесі.
Тақырып-сайт құру құралы ретінде HTML гипермәтіндік белгілеу тілі.

Жұмыстың мақсаты-HTML тілін қолдана отырып, веб-сайтты құру принциптерін талдау.
тапсырмалар:
қазіргі заманғы Интернет-технологиялармен танысу;
web-сайттарды әзірлеу және құру үшін қолданылатын негізгі ұғымдар мен бағдарламалық құралдарды зерттеу;
web-беттерде әртүрлі ақпарат түрлерін (мәтіндер мен суреттер)ұсыну әдістері мен тәсілдерін анықтау және есепке алу;
web-сайттарды әзірлеу және құру бойынша негізгі ережелер мен ұсыныстармен танысып, оларды өз тәжірибеңізде мүлтіксіз ұстаныңыз;
web-беттердің құрылымын анықтау;
web-сайтты дамытудың қадамдық стратегиясын ұсыну.
1 НЕГІЗГІ ҰҒЫМДАР-ВЕБ-САЙТТЫ ҚҰРУ

1.1 Интернетті Тарату

Интернет-әлемдегі ең үлкен компьютерлік желі. Қазір интернеттің 50-ден астам елде шамамен 150 миллион пайдаланушысы бар. WWW негізінен Интернет арқылы қол жетімді; бірақ www және Internet деп айтсақ, біз бірдей нәрсені білдірмейміз. WWW-ді ішкі мазмұнға жатқызуға болады, яғни бұл білімнің абстрактілі әлемі, ал Интернет-бұл көптеген кабельдер мен компьютерлер түріндегі ғаламдық желінің сырты (сурет.1).

1-сурет-әлемдік компьютерлік желі

1.2 www тұжырымдамасы

Сонымен, World Wide Web дегеніміз не, немесе ауызекі тілде айтылғандай, WWW, the Web немесе одан да қарапайым - 3W? WWW-гипермәтінге негізделген таратылған мультимедиялық ақпараттық жүйе. Бұл анықтаманы ретімен талдап көрейік.
Таратылған ақпараттық жүйе: ақпарат WWW деп аталатын көптеген серверлерде (серверлерде) сақталады. Яғни, орнатылған арнайы бағдарламалық жасақтама бар және Интернетке біріктірілген компьютерлер. Желіге кіре алатын пайдаланушылар бұл ақпаратты тұтынушы бағдарламалары, www құжаттарын қарау құралдары арқылы алады. Бұл жағдайда қарау құралы файлды қажетті құжатпен сақтайтын серверге компьютерлік желі арқылы сұрау жібереді. Сұрауға жауап ретінде, Егер файл қандай да бір себептермен қол жетімді болмаса, сервер қарау құралына осы қажетті файлды немесе бас тарту туралы хабарламаны жібереді. Клиент-сервердің өзара әрекеттесуі белгілі бір ережелерге немесе басқаша айтылғандай, хаттамаларға сәйкес жүреді. Www-де қабылданған хаттама Hypertext Transfer Protocol деп аталады, қысқартылған-HTTP.
Медиа: ақпарат тек мәтінді ғана емес, сонымен қатар екі және үш өлшемді графиканы, бейнені және дыбысты қамтиды.
Гипермәтін: www-дегі ақпарат құжаттар түрінде ұсынылады, олардың кез-келгенінде ішкі кросс-сілтемелер де, сол немесе кез-келген басқа серверде сақталатын басқа құжаттарға сілтеме де болуы мүмкін.
Мұндай сілтемелер гиперсілтемелер немесе гиперсілтемелер деп аталады. Компьютер экранында шолғыш терезесінде сілтемелер мәтіннің немесе графиканың қандай да бір жолмен (мысалы, басқа түспен жәненемесе астын сызумен) бөлектелген болып көрінеді. Еренсілтемелерді таңдай отырып, қарау құралының пайдаланушысы құжаттың бір бөлігінен екіншісіне немесе бір құжаттан екіншісіне жылдам ауыса алады. Қажет болса, қарау құралы желідегі тиісті сервермен автоматты түрде байланысады және сілтеме жасалған құжатты сұрайды. Айтпақшы, ақпаратты гипермәтіндік ұсыну идеясы Microsoft Windows жүйесінің әртүрлі нұсқаларының пайдаланушыларына жақсы таныс болуы керек. Дәл осы қағида бойынша Windows-та кеңестер жүйесі (Help) құрылған, тек айырмашылығы-Windows гипермәтіндік кеңестер жүйесі таралмаған.
Сонымен, веб-бетте стильдендірілген және пішімделген мәтін, графика және әртүрлі интернет ресурстарымен гипер байланыстар болуы мүмкін. Осы мүмкіндіктердің барлығын жүзеге асыру үшін әзірленген арнайы тіл болды Hypertext Markup Language (HTML) деп аталады, яғни гипермәтінді белгілеу тілі. HTML-де жазылған құжат-бұл оқырманға ақпарат беретін нақты мәтінді және белгілеу жалаушаларын қамтитын мәтіндік файл. Соңғысы-көру бағдарламасына арналған нұсқаулар болып табылатын белгілі бір таңбалар тізбегі; осы нұсқауларға сәйкес бағдарлама экранда мәтінді орналастырады, оған жеке графикалық файлдарда сақталатын сызбаларды қосады және басқа құжаттармен немесе Интернет ресурстарымен гипер байланыстар жасайды. Осылайша, HTML тіліндегі файл www құжатының көрінісін қарау құралы түсіндірген кезде ғана алады. HTML тілі келесі бөлімде егжей-тегжейлі баяндалады, өйткені бұл тілдің негіздерін білместен WWW-де жариялау үшін веб-парақ құру мүмкін емес.

1.3 HTML тілі

Веб-беттер кез-келген форматта болуы мүмкін, бірақ стандарт ретінде қабылданады
Hyper Text Markup Language-суреттермен, дыбыспен, анимациялармен, бейнеклиптермен және гипермәтіндік сілтемелермен қаныққан форматталған мәтінді жасауға арналған гипермәтінді белгілеу тілі, web кеңістігінде де, сол серверде де орналасқан немесе сол веб-жобаның құрамдас бөлігі болып табылатын басқа құжаттарға.
HTML тілін білмей Web - те жұмыс істеуге болады, өйткені HTML мәтіндері мүмкін
әр түрлі арнайы редакторлар мен түрлендіргіштер жасайды. Бірақ жазу
тікелей HTML - де қиын емес. Бұл HTML редакторын немесе түрлендіргішті үйренуден де оңай болуы мүмкін, олар көбінесе өз мүмкіндіктерімен шектеледі,
әр түрлі жұмыс істемейтін қате немесе нашар HTML кодын қамтиды
платформалар.
HTML тілі бірнеше нұсқада бар және дами береді, бірақ
HTML конструкциялары болашақта да қолданылуы мүмкін. Оқу
HTML және оны тереңірек білу, HTML зерттеуінің басында құжат жасау және
оны мүмкіндігінше кеңейте отырып, бізде web құру мүмкіндігі бар-
қазіргідей көптеген веб-шолғыштар көре алатын беттер,
болашақта да солай. Бұл басқа әдістерді қолдану мүмкіндігін жоққа шығармайды,
мысалы, Netscape ұсынатын кеңейтілген мүмкіндік әдісі
Navigator, Internet Explorer немесе кейбір басқа бағдарламалар.
HTML жұмысы-бұл құжаттарды құрудың ерекшеліктерін игеру тәсілі
стандартталған тілде, егер ол болса ғана
шынында да қажет.
HTML ратификацияланды World Wide Web Consortium. Оған қолдау көрсетіледі
бірнеше кең таралған браузерлер болуы мүмкін
байланысты барлық дерлік бағдарламалық жасақтаманың негізі
Web.

1.4 HTML құжатының құрылымы

HTML директивалары тегтер деп аталады. Тегтер бұрыштық жақшаларда орналасқан. Кейбір тегтерді қоспағанда, барлық тегтер жұптастырылған. Жабу тегі таңбасының болуымен ашылатын тегтен ерекшеленеді. Тег жазу синтаксисі:
ТЕГ өңделетін мән ТЕГ
Тегтер бір-біріне инвестиция салуға мүмкіндік береді. Бұрыштық жақшаға салынбаған барлық нысандар мәтіндік элементтер ретінде қабылданады.
HTML тізілімге қатысы жоқ, сондықтан тегтерге қол қою кезінде Код туралы ақпарат алу үшін тіркеу тізілімін пайдалану ұсынылады. Қосылған кезде пайдаланушылардың URL мекенжайлары мен escape мекенжайлары көрсетіледі.
Тег-Бұл HTML коды, ол браузер екенін көрсетедіол қандай және ол әр нақты нұсқауларға қойылатын талаптарды қанағаттандыру үшін қанша уақыт жұмыс істей алады мәні. Бұл мән тег атрибуты деп аталады. Тегте атрибут болуы мүмкін немесе болмауы мүмкін. HTML жоғарғы деңгей Тегінде атрибуттар жоқ.
Тегті жазу синтаксисі оның атрибутымен бірге:
ТЕГ атау_атрибут_1=" мән"
менің жарияланым_n=" мән"
Атрибуттардың мәндері тікелей тырнақшалар". Егер тег атрибутының ішінде тырнақшаға алынған басқа мән пайда болса, яғни кейбір тырнақшалардың басқаларына енуі орын алса, ішкі тырнақшалар ретінде біреуін пайдалану ұсынылады. Бұл өрнек келесідей:
ТЕГ атау_1 = " мән_1;
'мән2';
мәні3"
Тілдің спецификациясы келесі атрибуттар түрлерінде тырнақшаларды алып тастауға мүмкіндік береді:
1) латын әліпбиінің кіші немесе бас әріптерімен ғана жазылатын және өзге де таңбаларды, мысалы, сандарды қамтымайтын атрибуттар;
2) тек 0-ден 9-ға дейінгі сандардан тұратын атрибуттар;
3) уақыт аралығын білдіретін атрибуттар.
Мысал, border="1" немесе align=" center" - ге жазылыңыз, сондықтан ... жалғасы

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