WEB - БЕТШЕЛЕР ЖӘНЕ САЙТТАР




Презентация қосу
WEB – БЕТШЕЛЕР ЖӘНЕ
САЙТТАР. ВИЗУАЛДЫ
РЕДАКТОРДЫҢ СЫРТҚЫ
БЕЙНЕСІ ЖӘНЕ
МҮМКІНДІКТЕРІ
HTML-тілі
HTML (Hypertext Markup Language – гипермәтінді
белгілеу тілі) тілі World Wide Web (WWW) жүйесінде
гипермәтіндік құжаттарды дайындау үшін құрастырылған.
Бұл тіл World Wide Web қызметімен бірге пайда болды
және бірге дамып келеді.
HTML- тілінің көмегімен көркем, қызықты WEB -
парақтарды құруға болады.
HTML тілі бастапқы мәтіндік құжатқа енгізілетін және
осы құжаттың дисплей экранындағы көрінісін басқаруға
мүмкіндік беретін бірнеше командалардың жиынтығы
болып табылады.
Гипермәтіндік құжат – бұл қосымша элементтерді басқаратын,
яғни құру, иллюстрация, мультимедиялық орнатулары және
басқа құжаттарға гиперсілтемелері бар арнайы кодтар орнатылған
құжат.

Өте ұлкен құжаттарды беру үшін HTTP (Hyper Text Transfer
Protocol) хаттамасы қолданылады.

Internet – те құжат URL (Uniform Resourse Locator) деп аталатын
адреспен ізделінеді. URL көп жағдайда келесі формаға ие
болады:
Мысалы: http://mcdev.kollezh.kz/kk/site/index-shell
HTML командалары тегтер (tag) деп аталатын
элементтердің көмегімен тапсырылады. Әр тегтің арнайы
функциясы болады. Тегтердің екі түрі болады:
• бірэлементті тег, ол қандай-да бір әрекетті аяқтау
үшін мәтінге қойылады;
• қос тег, ол ашатын және жабатын тегтерден
тұрады.
Ашатын тег эффект құрайды, ал жабатын тег оның
әрекетін тоқтатады.
Жабатын тегтер қисық сызық (/) белгісімен басталады.
HTML құжаты негізгі мәтіннен және белгілеу
тегтерінен тұрады.
HTML құжаты – ол кеңейтілу аты .htm болатын әдеттегі
мәтіндік файл.
Оны құру үшін кез келген мәтіндік редакторын қолдануға
болады. Ал құрылған Web – парақтың нәтижесін көруге
кез келген белсенді браузердің көмегімен көруге болады.
Негізгі HTML - файлының түрі:



информатика


1-ші курс студенті



Блакнотқа енгізіп, Internet Explorer браузерінде ашсақ
тегінде орналасқан Информатика терезенің<br>тақырып қатарына, <BODY> тегінде орналасқан 1-ші<br>курс студенті терезенің жұмыс аймағында орналасады.<br> Мәтін үзінділерін ерекшелеу<br> Мәтін үзінділерін ерекшелеу тэгтері жеке символдар мен<br> сөздердің бейнелеуін басқаруға мүмкіндік береді.<br> Тегтер Қолданылуы Нәтижесі<br> Жартылай<br><B>…</B> <B>Жартылай қалың</B><br> қалың<br><I>…</I> <I>Курсивті</I> Курсивті<br><U>…</U> <U>Асты сызылған</U> Асты сызылған<br><S>…</S> <S>Сызылған</S> Сызылған<br><BIG>…</BIG> <BIG>Үлкен</BIG> Үлкен<br><SMALL>…<br> <SMALL>Кішкентай</SMALL> Кішкентай<br> </SMALL><br> Жоғарғы –<br><SUP>…</SUP> Жоғарғы – x <SUP>индекс</SUP><br> xиндекс<br><SUB>…</SUB> Төменгі – x <SUB>индекс</SUB> Төменгі – xиндекс<br> Шрифт өлшемін, гарнитурасын және түсін беру<br><FONT> тегі гарнитурамен және мәтін түсімен<br>өлшемді басқару мүмкіндіктерінен тұрады. Шрифт<br>гарнитурасын өзгерту <FONT> тегіне FACE атрибутын<br> қосу арқылы жүзеге асады. SIZE атрибуты 1-ден 7-ге<br>дейінгі шрифт өлшемін көрсетеді.<br>Шрифт түсін өзгерту үшін <FONT> тегінде COLOR =<br>“түс” атрибутын қолдануға болады.<br>Мысалы: <FONT FACE=”ARIAL” COLOR=blue size=7><br>1-ші курс студенті </FONT><br> Түстерді 16-сандармен беру<br> Түс Коды Түс Коды<br>black (черный) #000000 silver (серебряный) #C0C0C0<br>maroon(темно-бордовый) #800000 red (красный) #FF0000<br>green (зеленый) #008000 lime (известь) #00FF00<br>olive (оливковый) #808000 yellow (желтый) #FFFF00<br>navy (темно-синий) #000080 blue (синий) #0000FF<br>purple (фиолетовый) #800080 fuchsia (фуксия) #FF00FF<br>teal (сине-зеленый) #008080 aqua (аква) #00FFFF<br>gray (серый) #808080 white (белый) #FFFFFF<br><br>Түсті әрқайсысы О-дан ҒҒ-қа дейінгі мәнге ие болатын, жіктелген үш құ-<br>рамға бөліп көрстеуге болады: қызыл (R-Red), жасыл (G-Green), көк (B-<br>Blue). RGB деп аталатын форматпен жұмыс істейтін боламыз. RGB фор-<br>матында түстерді мына файлдан көре аламыз<br> Web-парақта графиканы орналастыру<br> <IMG> тегі құжатқа бейне енгізуге мүмкіндік береді. Ол<br>төменде сипатталған көптеген атрибуттардан тұрады.<br>№ Атрибуттар Тағайындалуы<br>1 SRC Міндетті параметр. Суреті (бейнесі) бар файл адресін<br> (URL) көрсетеді .<br>2 HEIGHT және Сәйкесінше сурет биіктігі мен енін анықтайды.<br> WIDTH<br>3 HSPACE және Көлденеңінен және тігінен картина шегінісін<br> VSPACE (пиксельмен) анықтайды.<br>4 ALIGN Міндетті параметр. Құжатта суреттің туралану тәсілін<br> көрсетеді.<br>5 ALIGN=«left» Суретті құжаттың сол жақ шеті бойынша туралайды.<br>6 ALIGN=«right» Суретті құжаттың оң жақ шеті бойынша туралайды.<br>7 ALIGN=«center» Суретті құжаттың центрі бойынша туралайды.<br> </span> <br> <div class="text-center"><b>Ұқсас жұмыстар</b></div> <table class="table"> <tbody> <tr><td><a class='refLink' href='prezentatsiya/id/36248'>Web - сайт құру кезеңдері</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/28756'>Интернет жүйесіне қосылу</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/11371'>Интернеттің таралуы</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/29808'>Технология Оқыту интерактивті режимі</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/27746'>ТЕХНОЛОГИЯЛАРДЫ АҚПАРАТТЫҚ</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/40929'>ИНТЕРНЕТТІҢ НЕГІЗТІ</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/38117'>ВЕБ ДИЗАЙНҒА ҚОЙЫЛАТЫН ТАЛАПТАР</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/29712'>Macromedia Flash - ортасында векторлық графика мен жұмыс</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/41773'>ИНТЕРНЕТ ПРОТОКОЛДАРЫ</a></td></tr> <tr><td><a class='refLink' href='prezentatsiya/id/21501'>Web-сайттардың қазіргі заманғы динамикалық мазмұнын жобалаудың құралдары</a></td></tr> </tbody> </table> </div> <div class="col-lg-3"> <div class="headline"> <span class="headlineText g-pb-7">Пәндер</span> </div> <ul class="list-unstyled categories"> <li><a href="referat/lists/66/1">Іс жүргізу</a></li><li><a href="referat/lists/80/1">Автоматтандыру, Техника</a></li><li><a href="referat/lists/92/1">Алғашқы әскери дайындық</a></li><li><a href="referat/lists/88/1">Астрономия</a></li><li><a href="referat/lists/91/1">Ауыл шаруашылығы</a></li><li><a href="referat/lists/35/1">Банк ісі</a></li><li><a href="referat/lists/36/1">Бизнесті бағалау</a></li><li><a href="referat/lists/70/1">Биология</a></li><li><a href="referat/lists/37/1">Бухгалтерлік іс</a></li><li><a href="referat/lists/38/1">Валеология</a></li><li><a href="referat/lists/90/1">Ветеринария</a></li><li><a href="referat/lists/39/1">География</a></li><li><a href="referat/lists/40/1">Геология, Геофизика, Геодезия</a></li><li><a href="referat/lists/41/1">Дін</a></li><li><a href="referat/lists/71/1">Ет, сүт, шарап өнімдері</a></li><li><a href="referat/lists/42/1">Жалпы тарих</a></li><li><a href="referat/lists/72/1">Жер кадастрі, Жылжымайтын мүлік</a></li><li><a href="referat/lists/43/1">Журналистика</a></li><li><a href="referat/lists/1/1">Информатика</a></li><li><a href="referat/lists/44/1">Кеден ісі</a></li><li><a href="referat/lists/48/1">Маркетинг</a></li><li><a href="referat/lists/73/1">Математика, Геометрия</a></li><li><a href="referat/lists/50/1">Медицина</a></li><li><a href="referat/lists/74/1">Мемлекеттік басқару</a></li><li><a href="referat/lists/51/1">Менеджмент</a></li><li><a href="referat/lists/52/1">Мұнай, Газ</a></li><li><a href="referat/lists/75/1">Мұрағат ісі</a></li><li><a href="referat/lists/49/1">Мәдениеттану</a></li><li><a href="referat/lists/83/1">ОБЖ (Основы безопасности жизнедеятельности)</a></li><li><a href="referat/lists/54/1">Педагогика</a></li><li><a href="referat/lists/76/1">Полиграфия</a></li><li><a href="referat/lists/55/1">Психология</a></li><li><a href="referat/lists/57/1">Салық</a></li><li><a href="referat/lists/58/1">Саясаттану</a></li><li><a href="referat/lists/56/1">Сақтандыру</a></li><li><a href="referat/lists/59/1">Сертификаттау, стандарттау</a></li><li><a href="referat/lists/60/1">Социология, Демография</a></li><li><a href="referat/lists/85/1">Спорт</a></li><li><a href="referat/lists/61/1">Статистика</a></li><li><a href="referat/lists/78/1">Тілтану, Филология</a></li><li><a href="referat/lists/79/1">Тарихи тұлғалар</a></li><li><a href="referat/lists/77/1">Тау-кен ісі</a></li><li><a href="referat/lists/87/1">Транспорт</a></li><li><a href="referat/lists/62/1">Туризм</a></li><li><a href="referat/lists/63/1">Физика</a></li><li><a href="referat/lists/64/1">Философия</a></li><li><a href="referat/lists/82/1">Халықаралық қатынастар</a></li><li><a href="referat/lists/65/1">Химия</a></li><li><a href="referat/lists/67/1">Экология, Қоршаған ортаны қорғау</a></li><li><a href="referat/lists/68/1">Экономика</a></li><li><a href="referat/lists/81/1">Экономикалық география</a></li><li><a href="referat/lists/89/1">Электротехника</a></li><li><a href="referat/lists/45/1">Қазақстан тарихы</a></li><li><a href="referat/lists/46/1">Қаржы</a></li><li><a href="referat/lists/86/1">Құрылыс</a></li><li><a href="referat/lists/47/1">Құқық, Криминалистика</a></li><li><a href="referat/lists/69/1">Әдебиет</a></li><li><a href="referat/lists/53/1">Өнер, музыка</a></li><li><a href="referat/lists/84/1">Өнеркәсіп, Өндіріс</a></li> </ul> </div> </div> </div> <div class="g-bg-black-opacity-0_9 g-color-white-opacity-0_8 g-py-30"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6"> <p>Қазақ тілінде жазылған <a href="/Рефераттар">рефераттар</a>, <a href="/Курстық-жұмыстар">курстық жұмыстар</a>, <a href="/Дипломдық-жұмыстар">дипломдық жұмыстар</a> бойынша біздің қор #1 болып табылады.</p> <a href="https://play.google.com/store/apps/details?id=uz.smd.referatskz"> <img src="assets/img/google-play-badge.png" width="170" alt="google play"></a> <a class="btn btn-xs rounded-0" href="https://apps.apple.com/kz/app/stud-kz/id1602187453"> <img src="assets/img/appstore-badge.svg" width="150" alt="appstore"></a> <br><br> <img src="/assets/img/payment-icon/mastercard.svg" width="47" height="28" alt="MasterCard"> <img src="/assets/img/payment-icon/visa.svg" width="54" height="18" alt="Visa" style="margin-left: 20px;"> </div> <div class="col-lg-3 col-md-6"> <div class="g-brd-white-opacity-0_3 g-mb-25"> <h2 class="h6 text-uppercase g-brd-primary">Ақпарат</h2> </div> <nav class="text-uppercase1"> <ul class="list-unstyled g-mt-minus-10 mb-0"> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/about">Жоба жайлы</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="chatgpt">ChatGPT</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/lawAuthor">Авторлық құқық</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/lawUser">Қолдану шарты</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/cloudpayments">Төлем</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/buybase">База сатып аламыз</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="page/free">Тегін</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> </ul> </nav> </div> <div class="col-lg-3 col-md-6 g-mb-0--lg"> <div class="g-brd-white-opacity-0_3 g-mb-25"> <h2 class="h6 text-uppercase g-brd-primary">Қосымша</h2> </div> <nav class="text-uppercase1 g-mt-10"> <ul class="list-unstyled g-mt-minus-10 mb-0"> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="makal-matelder">Мақал-мәтелдер</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="zhanyltpashtar">Жаңылтпаштар</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="zhumbaktar">Жұмбақтар</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="feedback">Пікірлер</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="user/addfile"><i class="fa fa-upload"></i> Файл қосу</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="https://t.me/StudKZBot"><i class="fa fa-telegram"></i> Telegram</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10"> <h4 class="h6 g-pr-20 mb-0"> <a class="g-color-white-opacity-0_8 g-color-white--hover" href="ru">На русском</a> <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i> </h4> </li> </ul> </nav> </div> <div class="col-lg-3 col-md-6"> <address class="g-bg-no-repeat g-line-height-2 g-mt-minus-4" style="background-image: url(themes/img/map.png);"> <br> Email: <a href="mailto:info@stud.kz" class="">info@stud.kz</a> </address> </div> </div> </div> </div> <footer class="g-bg-gray-dark-v1 g-color-white-opacity-0_8 g-py-15"> <div class="container"> <div class="row"> <div class="col-md-8 text-center text-md-left g-mb-0--md"> <div class="d-lg-flex"> <small class="d-block g-font-size-default g-mr-10 g-mb-0--md"> since 2008 © <img alt="stud.kz" src="assets/img/studkz_38_31.png" id="logoimg"> Stud.kz <span>|</span> 0.006 </small> </div> </div> <div class="col-md-4 align-self-center"> </div> </div> </div> </footer> <ul id="footbar" class="nav text-center nav-justified" style="z-index: 999;"> <li class="nav-item"> <a class="btn u-btn-outline-yellow btn-lg rounded-0 pull-left" href="search"><i class="fa fa-search"></i></a> </li> <li class="nav-item"> <button class="btn btn-success rounded-0 text-center" id="bFootload" onclick="footload(this)" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-download"></i> Скачать</button> </li> <li class="nav-item pull-right"> <a class="btn u-btn-outline-yellow btn-lg rounded-0 pull-right" href="tapsyrys"><i class="fa fa-bell"></i></a> </li> </ul> </main> <script> $( function(){ $("#eSearchTop").focus(); } ); </script> <script src="themes/vendor/popper.min.js"></script> <script src="themes/vendor/jquery-migrate/jquery-migrate.min.js"></script> <script src="themes/vendor/jquery.easing/js/jquery.easing.js"></script> <script src="themes/vendor/bootstrap-4.6.2/js/bootstrap.min.js"></script> <script src="themes/vendor/jquery/jquery.cookie.js"></script> <script src="themes/vendor/jquery.maskedinput/src/jquery.maskedinput.js"></script> <script src="assets/js/search_v2.js"></script> <script src="assets/js/custom_v6.js"></script> <script type="module" src="assets/js/firebase_auth.js?v4"></script> </body> </html>