Қазақстан Республикасының Білім және ғылым министрлігі

«Ғ.Мұратбаев атындағы №61 жалпы білім беретін мектеп» КММ

Ғылыми жоба:

«Html тілінің тегтерін пайдаланып сайт жасау»

секция (информатика, робототехника STEM инженерия)

Орындаған: 10 «А» сынып Шыныбек Қорғанбай

Жетекшісі: информатика пәні мұғалімі Кожаева М

2023-2024

Мазмұны

Аннотация

Жұмыстың мақсаты: Сайт жасау түрлерін анықтау және Html тілінде сайт жасау жолдарын меңгеру.

Жұмыстың міндеттері:

• HTML тілінің не үшін қолданылатынын;

• Сайт жасаудың ең алғаш шыққан тарихы;

• Құжат құрылымын сипаттайтын элементтер;

• Сайт жасудың түрлері;

• HTML тілінің тегтерінің қызметі?

• TML тілінің құрылымын жаза білу;

• HTML, HEAD, TITLE тэгаларының қызметін

Жұмыстың өзектілігі:

Әлемдегі ең алғашқы сайт Info.cern.ch 1990 жылы пайда болды. Сайтты жасаған Тим Бернерс-Ли. Сайтта HTTP деректердi беру хаттамасы негізінде жасалған World Wide Web жаңа технологиясы сипаттамасын жариялаған. URIнiң бағыттауын жүйеге және HTMLның гипермәтiн белгiсiнiң тiл негiзделген жаңа технологиясына сипаттама онында жариялады.

Зерттеу әдістері:

Ғылыми жұмысты орындауда ғылыми әдебиет көздерімен жұмыс, мәліметтерді талдау мен зерттеу жұмыстары жүргізілді.

Жұмыстың болжамы:

Html тілі ең кең таралған тілдердің бірі болғанымен, қазіргі таңда онымен жұмыс жасау күрделі деп саналып, басқа сайт құрылымын жасайтын web браузерлер көптеп шықты.

Жұмыстың қорытындысы:

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

Аннотация

Цели работы: Определить типы создания сайтов и узнать, как создать сайт в HTML.

Задача:

• Первая история создания сайта;

• Элементы, описывающие структуру документа;

• Виды создания сайтов;

• Функция языковых тегов HTML?

• умение писать структуру языка TML;

• Функция тегов HTML, HEAD, TITLE

Актуальность работы:

Первый сайт в мире Info.cern.ch появился в 1990 году. Сайт создан Тимом Бернерсом-Ли. Siteta опубликовала описание новых технологий Всемирной паутины с упором на протокол передачи данных HTTP. Новая технология, основанная на языке разметки гипертекста HTML, получит широкое распространение в системе перенаправления URI.

Методы исследования:

При выполнении научной работы проводилась работа с источниками научной литературы, анализ данных и исследования.

Перспективы работы:

Хотя HTML является одним из наиболее широко используемых языков, в настоящее время считается, что с ним сложно работать, и существует множество веб-браузеров, которые создают различную структуру сайта.

Заключение работы:

Учащиеся работают с кодами, меняют структуру окон, размещают несколько мультимедиа и учатся терпению.

Anatation

The purpose of the work: Identify types of site creation and learn how to create a site in Html.

Job duties:

What HTML language is used for;

The first history of creating a site;

Elements describing the structure of the document;

Types of site creation;

Function of HTML language tags?

being able to write the structure of the TML language;The function of HTML, HEAD, TITLE tags

Relevance of work:

The first site in the world, Info.cern.ch, appeared in 1990. Site created by Tim Berners-Lee. The site published a description of the new World Wide Web technology based on the HTTP data transfer protocol. The URI routing system and the new HTML hypertext markup language-based technology were published in the specification.

Research methods:

In the performance of scientific work, work with sources of scientific literature, data analysis and research were carried out.

Job Outlook:

Although HTML is one of the most widely used languages, nowadays it is considered difficult to work with it, and there are many web browsers that create a different site structure.

Conclusion of the work:

Students learn to work with codes, change the structure of windows, put a lot of multimedia.

1. Кіріспе

1. Сайт жасаудың алғашқы тарихы.

Әлемдегі ең алғашқы сайт 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ң бiрiншi гипермәтiн браузерлерi пайда болды.

Вебтi әке және оған өмiрге өз идеясын өмiрге келтiрудiң сәтi түстi гипермәтiн мәлiмет алмасу желiлердiң негiз бола алатынын санады. Бернерс 1980 Тим жылында әлi - Enquireнiң кездейсоқ қауымдастықтар мәлiметтi сақтау үшiн қолданушы гипермәтiн программалық қамтамасыз етуiн жасады. Содан соңы, оның әрiптестерiне гиперсiлтемелермен өзара сабақтас гипермәтiн құжаттары жариялауға (CERN) Женевада ядролық зерттеулердiң Еуропалық орталығында жұмыс iстей ұсынды. Бернерс - iшкi iздестiрушiге гипермәтiн рұқсатының мүмкiндiгi және құжаттарға, сонымен бiрге интернеттiң жаңалықтың қорларына көрсеттi. Нәтижеде, CERNға 1991 жылдың мамырында WWWтың стандартын нығайтылды.

Олардың теориялық негiздерi бiр жағынан ертерек әлi салғаннан, Бернерс Тим - HTTP, URI/URL және HTMLнiң веб-сiнiң негiзiн қалайтын технологияларының әкесi болып табылады. Ванневар Буш 1940-шi жылдарда оның тез iздестiруi үшiн техникалық құрылымдардың көмектi ақи көз адамды жадтың кеңейтуiн идеясы, сонымен бiрге мәлiметтiң жиналған адам баласын индексацияны ұсынды. Энгельбарт Теодор Нельсон және даг гипермәтiннiң технологияларын ұсынды - оқудың әртүрлi варианттарын оқырман көрсететiн тармақталған мәтiн. Xanadu, сол сияқты Нельсонның бiтпеген гипермәтiн жүйесi, сақтау және өзара байланыс және терезе енгiзiлетiн мәтiннiң iздестiруi үшiн арналды. Нельсон адам бала жасалған барлық мәтiндер әрiлi-берiлi сiлтемелермен байлауға армандады. Бернерс Тим дәл қазiр - интернеттiң стандарттарының өңдеумен және енгiзуiмен шұғылданатын (World Wide Web Consortium ) Бүкiләлемдiк өрмекшiнiң торының ол негiзделген консорциумы басшылық етедi.

2. Сайт түрлері

Қазіргі таңда дүниежүзілік компьютерлік интернет желісі — ғасырдың 90-жылдары компьютердің дамуына Internet және World Wide Web жүйелері үлкен әсерін тигізгені барлығымызға мәлім. Қазіргі кезде осы бағытта да компьютер өте үлкен қарқынмен дамуда. Оперативті ақпаратты алудағы негізгі құрылғының бірі болуда. Internet желiсi- Бүкiләлемдiк тор-WWW [World Wibe Web]. Берiлген тор құжатттардың өзара бiр-бiрiмен байланысы ретiнде берiледi. Өзіміз білетіндей Internet желісі түрлі сайттардан тұрады. Ал гибериттік сайттарда барлық функция түрлері бар. Гиберидтік сайт түрі қазіргі кезде ерекше дамысын табуда.Мұндай категорияларға электрондық комерциямен айналысатын сайттар жатады. Қоғамдық сайт: Мұндай сайттарда мемлекеттік ақпараттар және жаңалықтар көрсетіледі. Мұндай сайттарда операцияларды байланыстыруға байланысты қолданушылар арасыннан өз ара әрекеттеседі.

Қызықты сайттар: Мұндай сайттар ойындар немесе басқада интерактивті тіл қызықтаушылық үшін құрылады. Сайттарды ұйымдастыру негіздеріне сүйеніп бөледі. Олар қандай да бір жағдаймен төлем төлейді немесе басқадай жағдайлармен қолдаулар көрсетеді. Мұндай түрлерге сайттың негізгі түрін алып негіз етіп салыстырамыз.

• Сауда сайттары: Сауда жасауға, елмен қарым–қатынас жасауға, өз тауарларын жарнамалауға арналған сайттар және мұндай сайттар көмегімен электрондық коммерция мен тікелей айналысады.

• Мемлекеттік сайттар: Мұндай сайт түрлеріне мемлекеттік жоғарғы органдар, мемлекеттік органдар жатады. Сайттың негізгі мақсаты қоғамға немесе заңға бағынышты болу, қажеттілігін қанағаттандыру.

• Білім сайттары: Мұндай сайттар әр түрлі білім орындары университет, жоғарғы оқу орындары, мектептер сияқтылар жатады. Бұл сайт зерттеу және білім орындарын таныстыру мақсатында көптеп қолданылады.

• Филантроптық сайттар: Филантроптық сайт коммерциялық емес сайттар немесе жеке адамдар, қоғамдық қарапайым мекемелер жатады.

• Персональды сайттар: Бұл сайтқа кез–келген тұлға немесе адамдар тобы, кез – келген мақсатта жасалады. Олар еркін тақырыпта кез– келген жағдайда болуы мүмкін.

Сайттарды классификациялау күрделі мәселе. Мысалға, білім сайттары кей жағдайда басқадай мемлекеттік сайттарға кіруі мүмкін. Визуальды классификациялар: Визуальды ерекшелігі мен сайттарды ерекшелейтін болсақ, біз диапозон мен жұмыс жасайтын боламыз. Сайттың енді бір жағына текстік құрамына көпрек мән береміз. Бірақта тек мәтінге ғана емес графикалық таныстырулар және бейнелерге көбірек көңіл бөлінеді. Internet–те 4 ең көп таралған дизайнерлік мектептер орналасқан. Текст бағытталған сайттар: Мұндай сайттардың тексттік құрамына көбірек мән беру қажет. Мұндай сайтты жөндеу қиынға соқпайды, дизайыны онша қиын емес өте қарапайым.

GUI түріндегі сайттар-: (Graphic User Interface) бұл сайт түрі қолданушы сайт интерфейсі мен байланысты, бағдарламалық жобалық жабдақтауы кіреді. GUI–бағытталған ортасында қарапайым сайттар бар. Басқаша айтқанда GUI–ге қосылатын компанентке байланысты.

Метафоралық сайттар: Метафоралық сайттар көбінесе өмірлік мысалдардан алынады. Мысалы, дизайн машиналарға байланысты болуы мүмкін. Метафоралық сайттар жалпы жағдайда визуальды немесе интерактивті емес болады.

Тәжірибелік сайттар: Мұндай сайтты жасаушылар, көрсетілген нормалдардан артық жасайды. Мұндай сайттарда шығармашылық жағдайына көбірек мән береді. Бұл дизайнерлік жағынан көптеген сайттарда қолданылады.

2. Html тілінің негізгі тегтері

<html> </html> Бетті қарау программасында бұл HTML құжаты екенін көрсетеді.

<head> </head> Құжаттың денесінде бейнеленбейтін әр түрлі ақпараттар орналасқан жерді анықтайды. Мұнда құжат атының тегі және іздеу  машиналары үшін қолданылатын тегтер орналасады.

<body> </body>  Құжаттың көрінетін бөлігін анықтайды.

 Тақырып тегі

<title> </title> Құжат тақырыбын бетті қарау программасында мазмұнына қояды.

 Құжат денесінің атрибуттары

<body bgcolor=?> RRGGBB  түрінде түстің мәнін қолданып, құжат фонының түсін орнатады. Мысалы: FF0000 - қызыл түс.

<body text=?> RRGGBB  түрінде түстің мәнін қолданып, құжат текстінің түсін орнатады. Мысалы: 000000 - қара түс.

<body link=?> RRGGBB түрінде түстің мәнін қолданып, гиперсілтеменің түсін орнатады. Мысалы: 00FF00 - жасыл түс.

<body vlink=?> RRGGBB  түрінде түстің мәнін қолданып, сіз бұрын болып кеткен гиперсілтеменің  түсін орнатады. Мысалы: 333333 - күлгін түс.

<body alink=?> Басу кезінде гиперсілтеменің түсін орнатады.

 Текстті форматтау үшін қолданылатын тегтер

<pre></pre> Алдын-ала форматталған текстті жиектейді.

<h1></h1>  ЕҢ ҮЛКЕН тақырыпты құрады.

<h6></h6> Ең кіші тақырыпты құрады.

<b></b> Қарайтылған әріппен жазылған текстті құрады.

<i></i> Көлденең әріппен жазылған текстті құрады.

<tt></tt> Басу машинкасының стилін көрсететін текстті құрады.

<cite></cite> Цитаталар үшін қолданылады, әдетте көлденең әріппен жазылған текст.

<em></em> Тексттен сөзді белгілеу үшін қолданылады (көлденең немесе қарайтылған әріппен жазылған текст).

<strong></strong> Тексттің маңызды бөлігін белгілеу үшін қолданылады (көлденең немесе қарайтылған әріппен жазылған текст).

<font size=?></font> 1-ден 7-ге дейінгі текст өлшемін орнатады.

<font color=?></font> RRGGBB түрінде түстің мәнін қолданып, текст түсін орнатады.  

 Гиперсілтемелер

<a ="URL"></a> Басқа құжаттарға немесе ағымдық құжаттың бір бөлігіне гиперсілтеме құрады.

<a ="mailto:EMAIL"> </a> Құжат авторына хат жазу үшін почталық программаны шақыру гиперсілтемесін құрады.

<a name="NAME"></a> Құжатта гиперсілтеме мақсатында қолданылатын текст бөлігін белгілейді.

<a ="#NAME"></a> Ағымдық құжаттың бір бөлігіне гиперсілтеме құрады.  

II Зерттеу бөлімі

2.1. Сайт эволюциясы

Зерттеу мақсаты – Қазіргі таңда сайттардың пайда болған сәттен бастап біздің күнімізге дейінгі эволюциясы, сайт жасудың тиімді жақтарын анықтау. Html тілін пайдаланудың оқушылар үшін пайдалы жақтарын зерттеу.

1990 жыл: Сайттың даму тарихын басынан бастау керек. Бірінші сайтты 1990 жылы мамырда Еуропалық ядролық зерттеулер орталығының (CERN) қызметкері Тимоти Джон Бернс-Ли жасаған. Ол info.cern.ch сайтында орналасқан.

1993 жыл: Енді мәтінмен бірге бетте кескіндерді көрсетуге қолдау бар. Мозаика жасалды - суреттерді жүктеп алуға болатын бірінші браузер. Кейіннен Netscape атауы өзгертілді, ол Internet Explorer-дің негізгі бәсекелесі болады және 2000 жылға дейін браузерлер нарығында көшбасшылықты сақтайды.

1994 жыл: Microsoft өзінің алғашқы веб-сайтын іске қосты. 2014 жылы әзірлеушілер осы сайттың бірінші нұсқасын қалпына келтірді:

1996 жыл: CSS тілінің алғашқы спецификациялары осы жылы пайда болды, бірақ ол браузерлер арқылы толығымен қолданылып, қолдау көрсетілетініне дейін тағы 5 жыл өтеді. Сонымен қатар, 1996 жылы Macromedia Flash шығарылды, кейін оны Adobe сатып алып, Adobe Flash деп аталды. Flash көптеген жылдар бойы веб-сайттарда анимация және бейне/аудиомен жұмыс істеудің негізгі технологиясына айналады.Ал Ресейде сол жылдары Rambler іздеу жүйесі пайда болды

1997 жыл: Яндекс іздеу жүйесі көпшілікке 1997 жылдың қыркүйегінде таныстырылды.

1998 жыл: 1998 жылдың 4 қыркүйегінде Стэнфорд студенттері Сергей Брин мен Ларри Пейдж Google компаниясын ашты.

2001 жыл: Microsoft кірістірілген Internet Explorer 6 браузері бар Windows XP шығарады және браузерлер нарығында жетекші орын алады - Интернет пайдаланушыларының 80% Internet Explorer 6 пайдаланады.

2003 жыл: CMS Wordpress шығарылды. Бастапқыда блогтарға арналған Wordpress әлемдегі ең танымал CMS болады, ол қарапайым блогтарды да, интернет-дүкендерді де жасау үшін қолданылады.

2004 жыл: 4 ақпанда Марк Цукерберг Facebook желісін іске қосты, ол сол кезде әлі Thefacebook деп аталды және тек Гарвард университетінің студенттеріне ғана қолжетімді болды. Қазірде дүниежүзі қолданыста

Сол 2006 жылы ВКонтакте, сонымен қатар vkontakte.ru сайтында іске қосылады.

2005 жыл: YouTube пайда болады. Сол жылдары әзірлеуде Flash Video технологиясы қолданылды, бұл сайтқа ұзақтығы 10 минутқа дейінгі бейнелерді оңай жүктеуге мүмкіндік берді.

2008 жыл: Google Chrome браузерінен шығу. Chrome пайдаланушылар мен веб-әзірлеушілер арасында тез танымалдылыққа ие болды. Нәтижесінде ол Internet Explorer-ден көшбасшылықты қайтарады.

2018 жылдан бастап біздің күнге дейін тегіс дизайн, минимализм және параллакс әсерлері идеяларын дамыту жалғасуда. Сайтты пайдаланудың қарапайымдылығы бірінші орынға қойылады. Веб-сайттар 30 жылдық даму жолынан өтті: кестелік орналасуы бар таза HTML тіліндегі қарапайым веб-сайттардан HTML5, CSS, JavaScript пайдаланатын күрделі веб-сайттарға дейін.

2.2 Сайт жасауға арналған бағдарламалар

Сайт жасаудың үш тәсілі бар

CMS (Content Management System)

Онлайн Конструктор

(Интернет те Онлайн)

WordPress, Joomla, Drupal, OpenCart, 1C-Bitrix, UMI.CMS, NetCat

Tilda, Wix, SiterBuilder, LP-platform, Weebly, uKit, Dudda

Кодпен (0-ден бастап қолыңызбен)

Html, CSS, JavaScript, PHP, MySQL7

2.3. Html тілінде «Менің алғашқы сайтым»

Қорытынды

Жүргізілген жұмыс барысында мен Html тілімен жұмыс жасау күрделілікті көптеген тегтерді қолдануға тура келетінін түсіндім. Сайтты тек Html тілімен ғана емес сонымен қатар бірнеше бағдарламалар бар екенін білдім. Соңғы жылдары елімізде ғылыми-техника қарқынды дамығалы, көп жетістікке қол жеткіздік. Қоғамда өмірге қажетті әрі қолжетімді технологиялар көптеп еніп, телекоммуникация жүйелері жаңарды. Html тіліндегі белгісі бар мұндай құжаттар әдетте .html немесе .htm форматында болады) мәтіндік құжаттар форматталған түрде көрсететін арнайы бағдарламалармен өңделеді. Бұндай бағдарламаларды веб-шолғыштар немесе браузерлер дейді, әдетте олар пайдаланушының талаптарын ыңғайлы интерфейспен және оларды көрумен қамтамасыз етеді. Қазіргі кездегі ең атақты браузерлер: GoogleChrom, Yandex, Mozilla FireFox, Opera, Intrnet, Explorer және Safari.

Web-беттің негізгі қызметі – қажетті ақпаратты іздеу, жинастыру және оны экранға шығаруды ұйымдастыру. Web-беттер түрінде дайындалып сақталған электронды құжатқа мәліметтер, графиктер, фотосуреттер жатады. Электронды құжаттын қарапайым құжаттан айырмашылығы – оның жазылу форматында. Интернетте электронды құжат құру үшін Html арнайы тілі пайдаланылады және олар Html форматында сақталады.

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

1. Война мобильникам: новости о детях // Здоровье. – 2005. – N 4. – С. 78. О вредном воздействии на детей мобильных телефонов.

2. Гайсенок Н. Как бы не подсесть на SMS// Н.Гайсенок // Эхо планеты. – 2004. – N 50/51. – С. 7.

http://www.portal-slovo.ru/

http://www.cnews.ru/news/top/index.shtml

3. Фримен Эрик, Фримен Элизабет. Изучаем HTML, XHTML и CSS = Head First HTML with CSS & XHTML. - 1-е изд. - М.: «Питер», 2010. - С. 656. - 978-5-49807-113-8.

4. Оригинальное название: “HTML5: Pocket Reference Пятое издание” Автор: Дженнифер Роббинс Издательство: М.: Вильямс Год: 2015. - С. 869.