Файл: азастан Республикасыны Білім жне ылым министрлігі Ж. Досмхамедов атындаы жоары педагогикалы колледж Курсты жмыс.docx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 12.12.2023
Просмотров: 32
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Қазақстан Республикасының Білім және ғылым министрлігі
Ж.Досмұхамедов атындағы жоғары педагогикалық колледж
Курстық жұмыс
Тақырыбы: «Сайт верстау»
«Информатика-Математика» кафедрасы
Пәні: “Бағдарламалау тілдері” пәні
Орындаған: 4аКб-9топ студенті Мерген Ислам
Жетекшісі: Джумагазиева А.К
Орал қаласы - 2023 жыл
МАЗМҰНЫ
| Кіріспе................................................................................................. | 3 |
| Web-сайт……………………………………………………………. | 4 |
| Web-бет және веб-сайт құрылымы................................................... | 5 |
| HTML тарихы..................................................................................... | 6 |
| HTML тілі және оның мақсаты......................................................... | 6 |
| HTML құжатының құрылымы.......................................................... | 7 |
| Редактор.............................................................................................. | 8 |
| Қысқаша CSS……………………………………………………….. | 11 |
| CSS қосу.............................................................................................. | 12 |
| Таблицалар, CSS деңгейлері............................................................. | 13 |
| Сайт парақшаны интернетке жүктеу................................................ | 14 |
| Практикалық жұмыс.......................................................................... | 16 |
| Қорытынды......................................................................................... | 20 |
| Қолданылған әдебиеттер................................................................... | 21 |
| | |
Кіріспе
Өзектілігі: Интернет – бүкіл әлемдегі миллиондаған шағын компьютерлік желілерді бір – бірімен байланыстырып тұрған орасан зор компьютерлік желі, ол хаттама деп аталатын бірыңғай стандартпен жұмыс істейді. Желідегі компьютерлерде мәтін, сурет, аудио – бейнематериалдар, т.с.с. өте үлкен ақпарат көлемі сақталады.
Желіні пайдаланудың ең негізгі түрлеріне – Бүкіләлемдік өрмек, электрондық пошта, желілік чат (әңгімелесу) және дискуссиялық топтар (конференциялар) жатады. Желіге қойылатын ең негізгі талап – байланыс арналары елеулі өзгерістерге ұшырағанмен, кез келген жағдайда информацияны бір орнынан екінші орынға сенімді түрде жеткізу қажеттілігі болып саналады. Желі тораптарының бірсыпыра бөлігі істен шықса да, қалғандары өз жұмысын атқара алатын қалыпта қалуы тиіс болды. Информацияны тасымалдау сенімділігі мен оның жеткізілу жылдамдығын арттыру мақсатында мәліметтерді тасымалдаудың жаңа түрі – дестелерді коммутациялау технологиясы пайда болды. Оның артықшылығы болып мәліметтерді тасымалдау жылдамдығының жоғарылығы, сенімділігі және икемді жұмыс істеуі саналды.
Зерттеу мақсаты:
Пайдаланушылардың компания туралы өзекті ақпаратты алуын жеңілдету;
Трафикті арттыру қажеттілігі;
Клиенттерге қызмет көрсету қоңырауларын азайту;
Сату процесін жеңілдету;
Кері байланыс процесін жеңілдету.
Міндеттері:
Клиенттердің адалдығын арттыру;
Жаңа клиенттер есебінен сатылымды ұлғайту;
Техникалық және / немесе ақпараттық қолдау қызметтеріне шығындарды қысқарту;
Сату көлемін ұлғайту;
Өнімді және/немесе қызметтерді жетілдіру және жаңарту;
Зерттеу объектісі: Сайт немесе Веб-сайт- (ағылшынша Website: Web - тор, желi және site - орын, желiдегi орын, сегмент) - бiр мекенжайға (домен атымен немесе IP - мекенжаймен) бiрiктірілген компьютер желiсiндегi жеке тұлғаның немесе ұйымдары электрондық құжаттар (файлдар) жиынтығы.
Зерттеу пәні: Веб-сайттың немесе қосымшаның клиенттік жағында пайдаланушы интерфейсін құру.
Интернет қызметтері
Интернетте жұмыс істеу немесе оны қолдану туралы сөз айтылғанды, оның кейбір қызметтері ғана айтылады. Желі клиенттері өздерінің мақсатына байланысты керекті қызметтерді ғана қолданады. Алғашқы компьютерлер арқылы мәлімет айырбастау 50-жылдарда-ақ басталған және ол тәжірибелік мағанада болған. Бұл желі бірінші ғылыми зерттеулер білім орталықтарын біріктірді. Оның басты мақсаты – ғылыми техникалық жобалармен жұмыс істейтін ұжым топтарын бағыттау және негізгі жұмысы электрондық почта мен ғылыми, жобалы қарастыру құжаттық файлдарды алмастыру.
Әртүрлі қызметтер әртүрлі құжаттарға ие. Оларды қолданбалы құжаттар деп атаймыз. Олардың жұмыс істеуін арнаулы бағдарламалармен бақылайды.
Сондықтан арнаулы бір интернет қызметімен жұмыс істеу үшін, компьютерлерге арнаулы бағдарлама онату керек, ол бағдарлама берілген қызметтің құжаты бойынша жұмыс істуі керек. Мұндай бағдарламаларда – клиенттік немесе клиент деп атайды.
Web-сайт
Сайт немесе Веб-сайт- (ағылшынша Website: Web - тор, желi және site - орын, желiдегi орын, сегмент) - бiр мекенжайға (домен атымен немесе IP - мекенжаймен) бiрiктірілген компьютер желiсiндегi жеке тұлғаның немесе ұйымдары электрондық құжаттар (файлдар) жиынтығы. Ғаламтор желісінің негізін құрайтын барлық сайттар болып табылады. Сервердегі сайтқа қолданушының бірден қол жеткізуі үшін арнайы HTTP хаттамасы жасалған. Сайт - домен, хостинг және қозғалтқыштан (cms ) тұрады.
Әлемдегі ең алғашқы сайт Info.cern.ch 1990 жылы пайда болды. Сайтты жасаған Тим Бернерс-Ли. Сайтта HTTP деректердi беру хаттамасы негізінде жасалған World Wide Web жаңа технологиясы сипаттамасын жариялаған. URIнiң бағыттауын жүйеге және HTMLның гипермәтiн белгiсiнiң тiл негiзделген жаңа технологиясына сипаттама онында жариялады. Сайтта сонымен бiрге қою және серверлер және браузерлердiң жұмысының қағидаларын сипатталды. Сайт болды және тiзбемен интернет- бiрiншi әлемде, Бернерс Тим өйткенi соңыра - сiлтемелердiң басқа сайттарына тiзiм онда таратып салып қойды. Барлық аспаптар Бернерс бiрiншi сайттың жұмысы үшiн қажеттi - ертерек әлi дайындады - соңында 1990 жыл NeXTcube және алғашқы веб-беттi базасында редактордың веб-сi, бiрiншi сервер функционалы бар WorldWideWebнiң(WWW) бiрiншi гипермәтiн браузерлерi пайда болды.
Ғаламтор (ағылш. World Wide Web, WWW) — компьютердегі мәліметтер мен құжаттарды, мультимедиа элементі бар гипермәтінді жүйелерді байланыстыратын ғаламдық тор.
Ең жаңа және көпшілікке кең тараған Интернет қызметін алады. WWW гипермәтін принципіне негізделеді және мультимедиа ресурстарын (бейне, аудиографика т.б.) мүмкіндігінше пайдалана отырып, ақпарат беруге қабілетті. SLIP, РРР немесе интернетпен тікелей қосылуды, сондай-ақ арнайы бағдарлама Интернет навигаторларымен (Mosaic немесе Netsape типті) қамтамасыз етуді талап етеді. Интернетке берілген орны жоқ, бірақ Интернетке тікелей қосылған пайдаланушылар мәтіндік Lynx навигаторымен жұмыс істей алады. WWW ақпараттық ізденістерді гипермәтін мүмкіндіктерімен біріктіретін жүйе. Бұл жүйеде әрбір құжат, ақпараттық кеңістікте өз ізденісін шексізге дейін тереңдете және кеңейте алуының арқасында өзге құжаттармен көптеген байланысы (айқас сілтеме жүйесі секілді) бар. Жүйе әсіресе үнемі жаңартылатын файлмен және сақталу орнына қарамастан құжаттар арасында байланыс жасау үшін жұмыс істеуге ыңғайлы.
Web-бет және веб-сайт құрылымы
Веб-сайттың құрылымы - бұл веб-сайттағы барлық беттердің қалай ұйымдастырылғандығы және бір-бірімен байланысы және әртүрлі беттердің қалай шарлауы.
Ең жиі қолданылатын құрылымның үш түрі бар, олардың әрқайсысы веб-сайттың белгілі бір түріне ең қолайлы:
1 Сызықтық немесе тізбекті құрылым. Беттер сызықты түрде қосылған және барлығы әрекеттің логикалық жолымен жүреді, мысалы, негізгі беттен қызмет көрсету бетіне және сұрау/дәйексөз бетіне. Ол өнімді, қызметті немесе брендті ұсыну болып табылатын шағын веб-сайттар үшін жақсы жұмыс істейді.
2 Желі немесе веб құрылымы. Бұл сайтты ұйымдастырудың сирек түрі, онда әрбір бетке басқа беттерден кіруге болады. Бұл бір-бірімен табиғи түрде байланысты беттердің шектеулі саны бар веб-сайттар үшін тиімді.
3 Иерархиялық немесе ағаш құрылымы. Бұл кез келген спецификациядағы веб-сайтқа қолдануға болатын құрылымның ең танымал түрі. Ол жалпы беттерден нақтырақ беттерге ауысатын санаттар иерархиясын бақылайды.
Веб-сайттың иерархиялық құрылымы әдетте силостарды білдіреді. Онда беттерді топтастыру және олардың мазмұнын пайдаланушы сұрауларына неғұрлым сәйкес ету үшін жақсарту үшін пайдаланылатын семантикалық нысандар бар. Жеке тақырыптар немесе іздеу мақсаттары негізінде мазмұн дүкендерін жасауға және сол дүкендерге сәйкес беттеріңізді ұйымдастыруға болады.
Кең ауқымды веб-сайт үшін иерархиялық құрылым жалғыз өміршең нұсқа болып табылады. Пайдаланушының электрондық коммерция сайтында смарт динамикті іздеу жолы келесідей болуы мүмкін: басты бет - смарт үй жалпы санаты - ойын-сауық құрылғысының санаты - динамик және дыбыс тақтасының каталогы - өнім беті. Бұл жол артық немесе түсініксіз аталған санаттармен қиындаса, құрылым мен навигацияны жақсарту қажет. Пайдаланушы сіздің сайтыңызға белгілі бір сұрау үшін басты бет немесе бастапқы бет арқылы міндетті түрде кірмейді, сондықтан олар қай беттен бастаса да, қажетті ақпаратты таба алуы керек.
HTML тарихы
HTML тілін британ ғалымы Тим Бернерс-Ли 1986-1991 жылдары Женева (Швейцария) Еуропалық ядролық зерттеу орталығында жасап шығарған болатын. HTML алғашында ғылыми және техникалық құжаттарды халық арасында алмастыруға арналған тіл ретінде жасалған. HTML көмегімен әдемі жасалған құжатты оңай және тез жасауға болады. Құрамының өзгеруінен басқа HTML-ға гипермәтіндерді оқу қасиеті қосылған. Бейнематериалдық қасиеттер кейіннен қосылған. Бағдарламалар құжаттарды құрылымдау және пішімдеу, оларды байланыстыру құралдарына қайта шығару (бейнелеу) құралы ретінде құрылды.
HTML тілі және оның мақсаты
HTML тiлi - (Hypertext Markup Language) - дүниежүзiлiк құжаттардың əйгiлi стандартты гипертексттiк белгi тiлi. Барлық веб беттер HTML (немесе XHTML) тiлiнiң көмегiмен жасалады. HTML тiлi браузерде анықталады жəне адамға ыңғайлы құжат ретiнде көрсетiледi. HTML тiлi SGML (Standard Generalized Markup Language )-дiң қосымшасы болып табылады жəне əлемдiк ISO стандартына сəйкес келедi
HTML (ағылш. Hypertext Markup Language — «ерен мәтін белгілеу тілі») — вебшолғышта көрсетілуге арналған еренмәтін мен басқа ақпараттардан тұратын веб-парақшаларды жасауға арналған белгілеу тілі.
HTML (HyperTextMarkupLanguage) – бұл құжаттарды кодтау үшін қолданылатын гипермәтіндік белгілеу тілі. HTML беттер ғаламторда браузерден серверге, жай мәтін немесе жасырын символдар(шифрлар) арқылы HTTP және HTTPS хаттамаларымен жіберіледі.
Браузерлер
HTML тiлiнiң кодталған мəтiндiк құжаттары (" html " немесе " htm " деп сақталатын) арнайы қосымшалармен , оның форматталған түрiнде құжатты суреттейдi .
Браузер немесе интернет - шолушылар деп аталатын қосымшалар веб - беттердiң сұранысына арналған ыңғайлы интерфейстi пайдаланушыға ұсынады, оларды көру ( жəне басқа сыртқы құрылғыларға шығару ) , əрине қажет болған жағдайда , осыларды серверге жiберу мүмкiндiктерi бар. Бүгiнгi күндегi ең əйгiлi браузерлер: Internet Explorer , Firefox , Safari , Google Chrome жəне Opera болып табылады.
HTML құжатының құрылымы
HTML құжаттарды жасау үшін мəтіндік редакторларды (мысалы, қойын дəптер (блокнот)), мəтіндік процессорлар (Word) жəне визуалдық HTML редакторларын қолданады.
Сіздер қарапайым блокнотта құжатты жасай алаcыздар. Арнайы стандартты ұстана отырып, HTML кодты мəтіндік файлында жазып қойып, қатқыл дискіде .txt деген кеңейтуді .html немесе .htm құжат ретінде сақтасаңыз толық құнды web бетті аласыз.
HTML тегттер
Тегтер - текстті белгілеу құралы. Тегтер бас əріппен де кіші əріппен де жазыла береді, еш айырмашылығы жоқ. Əрі олар жұптарымен де, жалғыз да болады. Жұптарымен тұратын тегке мысал ретінде келесі тегті келтіруге болады: . Бұл тег кез-келген HTML құжатты ашып жəне жабатын тег. Тегтің екінші бөлігін бірінші бөлігінен мына символ арқылы "/" ажыратуға болады. Бірақ бірінші бөлігі қосымша параметрлерден тұруы мүмкін.
Мысалы: тегінде, size="4" параметрі мəтіннің өлшемін анықтайды. Ал дара, яғни жұп емес тегтің мысалы ретінде
тегін келтіруге болады, ол HTML құжатқа көлденең сызықты орналастырады.
HTML тіліндегі міндетті тегтер:
Кез-келген HTML құжат келесі тегтердің көмегімен құралады ,
,