Мазмұны
Кіріспе .................................................................5
Интернет желісінде электронды кешенді құру негіздерін оқыту........7
1.1 WEB дизайн және браузерлер, іздеу роботтары..............................7
1.2 Сайт құруға арналған бағдарламалау тілдері...................................17
1.3 Интернеттегі web серверлер. Web – сервер жұмысының
механизмі. Статистикалық және динамикалық беттер.
CGI технологиясы. Скриптер............................................24
Оқушыларға сайт құруды оқытудың әдістемесі..................................29
2.1 Әртүрлі тілдерде сайт құру әдістемесі....................... 29
2.2 Желілік ресурсты құру кезеңдері.................................59
2.3 Желілік ресурсты қолдану әдістемесі..........................61
Қорытынды .........................................................65
Қолданылған әдебиеттер тізімі................................................66
Қосымша...............................................................67
«Қазіргі заманда жастарға ақпараттық технологиямен байланысты әлемдік стандартқа сай
Н. Ә. Назарбаев
Кіріспе
Дамыған елдердегі білім беру жүйесінде ерекше маңызды болып табылатын
Біздің елбасымыз Н.Ә.Назарбаев айтқандай «Егеменді еліміздің тірегі – білімді
Қазіргі кезде біздің қоғамымыз дамудың жаңа кезеңіне көшіп келеді,
Ақпараттандыру жағдайында оқушылар меңгеруге тиісті білім, білік, дағдының көлемі
оқу үрдісінде ақпараттың технологияларды іске асырудың жүйелі ғылыми-әдістемелік жолын
оқушылардың тәжірибелік іс-әрекетінде ақпараттық технологияларды пайдаланудың әдістемесін жасау;
мұғалімдердің ақпараттық технологияларды меңгеру және оқу үрдісінде пайдалану бойынша
оқушыларды білім, білік, дағдыны меңгеру үшін ақпараттық технологияларды пайдалануға
мектептің материалдық-техникалық базасын нығайту.
Желілік білім беру ресурстары бәсекеге қабілетті ұлттық білім беру
Білім беруді ақпараттандыру жағдайында педагог мамандардың біліктілігін арттыру процесі
Ақпараттық-коммуникациялық технология электрондық есептеуіш техникасымен жұмыс істеуге, оқу барысында
ХХІ ғасыр ақпараттық қоғам табалдырығына аяқ басқан сәтте-ақ республикалық
Әр мұғалім сабақ өткізген кезде оқушыларға сапалы білім беру
Аталып отырған жұмыста білім беруді ақпараттандыру туралы түсінікті және
Интернет желісінде электронды кешенді құру негіздерін оқыту
1.1 WEB дизайн және браузерлер, іздеу роботтары
Web-сайт бұл дүниенін кішкентай моделі. Бұрынғы кезде Web-сайты бір
Не себептен мектеп курсына Интеренет технологияны оқыту керек болды?
Бұның негізгі белгісі Интернет-жобаларға өсіп жатқан инвестициялар, Web-сайттардың
Web-технологиялар;
Сайт жасау экономикасы;
Web-дизайн және Web-программалау маркетингісі;
Адам ресурстары және т.б.
Web-сайт жасақтау жұмысын бірнеше кезеңден турады:
Жоспарлау;
Элементтерді жасақтау;
Бағдарламау;
Тестілеу;
Жариялау;
Жарнамалау;
Бақылау;
Жоспарлау кезеңінде төменгі мәселелер шешілуі керек:
1. Сайттың орны.
2. Сайттың аудиториясы кімдер.
3. Қандай ақпарат жарияланады.
4. Қолданушылармен қарым-қатынас қандай түрде ұйымдастырылады.
Элементтерді жасақтау кезеңінде сайттың программалық өнім түрінде жүзеге асырылуы
1. Навигациялық құрылымын жасау.
2. Беттің дизайнын жасау.
3. Бетті толтыру үшін мәтіндік
Бағдарламау
Бұл кезеңдің мәні сайтты форматтауда.
Тестілеу
Сайт жасаудың негізгі кезеңдерінің бірі тестілеу. Тестілеу кезеңде сайттың
1. Сілтеменің жұмысы;
2. Мәтіндегі қателер;
3. Навигацияның тиімділіғі.
4. Пошта және басқа формалардың
5. Графикалық файлдардың ашылуы.
6. Әр түрлі браузерлерде сайттық
Жариялау
Тест аяқталғандан кейін Web-сайт серверде жарияланады және қайтадан тексеріленеді.
Жарнамалау
Web-қоғамдастығына жаңадан жарияланған сайт тұралы белгілі болу үшін сайттың
1. Web-cайт адресін әр түрлі
2. Web-сайтты әр түрлі серверлерде
3. Web-cайтқа сілтемелерді басқа Web-сайттарқа
4. Баннерлерді жарнама ретінде қолдану.
Бақылау [
Web-сайтта жариялап жарнамалаған сон оған қатысу деңгейі оның беттерінде
Web-сайт беттерін ұйымдастырған кезде, төменгі схемаларды қолдануға болады.
Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының
Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің,
1 Сурет – Броузер интерфейсі
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалаушы, администратор және
Мектеп бітірушілер компьютерлік сауаттылықты меңгеріп шығады, бірақ келешекте олар
Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн ережелеріне
Іnternet Ехрlorer - WWW-ке арналған броузер
Броузерлердің негізгі атқаратын қызметтері:
• құжат сақталған
• НТМL, тілдерінің
• веб-парақтардың құрамына
• веб-парақтарды іздеу
• Басқа Интернет
ІЕхр программасы веб-парақтарды қарауға арналған. Ол бейнелейтін акпараттың дыбыстық
Тақырыптан кейінгі жолда меню орналасқан. Менюдің көмегімен ІЕхр программасының
Менюдің төменгі жағында саймандар тақтасы бар. Бұл тақтада жұмыс
Іnternet Ехрlorer пайдаланушы интерфейсінің мынандай элементтері бар: негізгі меню
Негізгі меню Қосымшалар терезесінің жоғарғы бөлігінде орналасқан және алты
Менюдің Файл пунктінде файлдармен жұмыс істеу командасы топтасқан. Осы
Менюдің Правка пунктінің командалары көмегімен құжатты редакциялау, яғни маркерлеу
Вид пунктінің командалары құжаттың экранда бейнеленуін басқаруға арналған, сондай-ақ
Избранное менюінде жиі қолданатын веб-құжаттардың бетбелгілері болады. Пайдаланушы Избранное
Сервис менюі электронды поштамен жұмыс істеуге, Іnternet Ехрlorer бабын
Справка менюінде Іnternet Ехрlorer браузері және онымен жұмыс істеудің
Панель инструментов (құрал саймандар панелі) Іnternet Ехрlorer неғұрлым жиі
Панель адреса(панель адресі) ағымдағы веб-құжаттың адресін көрсетеді және қажетті
Панель ссылок(сілтемелер панелі) пайдаланушы жиі жұмыс істейтін веб-құжаттар таңбашаларының
Жер шары бейнеленген таңбаша броузердің бос еместігінің индикаторы ретінде
Строка состояния(қалып күй қатары) Іnternet Ехрlorer терезесінің төменгі бөлігінде
Рабочая область(жұмыс аймағы) - Іnternet Ехрlorer терезесінің веб-құжаттың мазмұны
Интернеттің іздеу технологиялары.
(при работе с сетями используются технологии поска): Қажетті ақпаратты
Web-тен іздеу
Интернетте миллиондаған сайттар бар, соның ішінде өзекті ақпаратпен қоса
Интернетте ақпаратты іздеуге арналған мынадай әртүрлі аспаптар бар: іздеу
Индекстелген каталогтер
Каталог дегеніміз тақырыптары бойынша топтастырылған иерархиялық құрылым түрінде берілетін
Желіде ортақ қолданылатын каталогтардан басқа, ерекшеленген каталогтар да бар.
Желіде каталогтардан басқа рейтингтер де бар. Каталогтан рейтингтің айырмашылығы,
Сілтемелердің тематикалық жинағы
Сілтемелердің тематикалық жинағы – бұл кәсіби топтармен немесе жеке
Домендік атты теру
Каталог – бұл ыңғайлы іздеу жүйесі, бірақ егер сізге
Сол сияқты, сізге егер ауа райына арналған сайт қажет
Іздеу кезінде танымалы емес компаниялардың адресінің атын интуитивті ойдан
Іздеу машиналары
Сұранысқа жауап ретінде сіз әдетте құжаттардың ұзын тізімін алаcыз,
Табылған сілтемелердің тізіміндегі релевантты құжаттардың проценті сұраныстың дұрыс қойылуына
Іздеу машинасы тапқан барлық құжаттардың ішіндегі релевант құжаттардың бөлігін
Сайып келгенде, іздеу сапасы екі өзара тәуелді параметрлермен анықталады:
Іздеу машинасының жұмыс механизмі
Іздеу жүйелерін анықтама қызметімен салыстыруға болады, онда агенттер кәсіпорындарды
Сол сияқты, іздеу машинасы да екі бөлімнен тұрады: робот
Робот базасы негізі роботтың өзімен (робот өзі жаңа қорларға
Іздеу машинасының жұмыс принципі пайдаланушы көрсеткен кілттік сөздер арқылы
Іздеу жүйесі тек ішкі каталогтармен операциялайтынын атап айтқан жөн.
Индекс құрау үшін кіріс мәліметтер қор көлемі минималды, ал
Айтпаса да түсінікті, конкорданс (сөздік) шығарма тексінен шағын және
Индексті құру
Желілік агенттер немесе робот-өрмекшілер Желі бойымен “өрмелейді”, Web –
Тапсырма берілген Web-парақтарда ақпарат жиналғаннан кейін алынған мәліметтерді индекстеу
Сөздерге салмақтылық коэфициенттері оның қанша және қайда кездесетініне қарай
Индексті құруда дубликаттардың санын азайту тапсырмасы да шешіледі –
Индекс арқылы іздеу
Индекс арқылы іздеу мынадан құралады, яғни пайдаланушы сұраныс құрастырып
Ең жиі қолданылатын буль операторлары:
AND – бұл арқылы біріктірілген барлық терминдер ұсынылған құжатта
OR – кем дегенде бір кілттік сөз “OR ”-мен
NOT- “NOT”-тан кейінгі кілттік сөз ізделінетін құжатта кездеспеуі керек.
FOLLOWED BY – кілттік сөздер бірінен кейін бірі кезектесіп
NEAR – сөздердің бірі екінші сөзден белгілі санды сөздерден
Тырнақшалар – тырнақша ішіндегі сөздер- бұл текст фрагменті құжат
Шектерінде логикалық комбинация анықталатын мәтін іздеу бірлігі деп аталады.
Пайдаланушы іздеу жүйесіне сұраныс жібергеннен кейін, ол сұраныс синтаксисін
Сайт құруға арналған бағдарламалау тілдері
Сайт жасауда қолданылатын таңымал ASP, PHP және XML -
Таңымал интернет-технологиялардың салыстырмалы түрде критерилерін ерекшелеу
Қолданбалы мақсаттарына байланысты әр-бір сайт жасау нақты бір талаптарға
Қарапайымдылығы. Үйренуге оңай, түсінікті және қарапайым тіл синтаксисі. Алдын
Бейімділілігі. Базаның толуына орай ресурс көлемінің өсу қасиеті аталмыш
Компактілігі. Артық тегтердің болмауы және кодтау көлемін азайтуға арналған
Үйлесімділік. Басқа веб программалау технологияларымен үйлесімділігі және әр түрлі
Тиімділігі. Оқиғаларды өңдеу жылдамдығы. PHP тіліндегі «Движок» тарсляциялық интерпретатор
Мәліметтер қорларымен жұмыс. Мәліметтер қорынан ақапаратты алу, мәліметтер қорына
Файлдармен жұмыс. Мәліметтер файлдарымен жұмыс істеу мүмкіндіктері. ASP және
Мәліметтерді өңдеу. Мәліметтерді жүйелеу, реттеу, іздеу және т.б. ASP
HTML-формаларды қолдану. Формаларның көмегімен алынған ақпараттардды серверде одан
Ақпарат алмасу. Басқа бағдарламалармен мәлімет алмасуды ұйымдастыру. Ондай мүмкіндік
Керібайланыстың болуы. Сервермен қолданушының арасындағы тура байланыстың болуы. ASP
Стильдер кестесін қолдану. Құжаттарды безендіру үшін стильдер кестесін қолдану
СОМ-ды қолдану. COM компоненттері қолданушыға қолданбалы бағдарлама құрғызбау үшін
Серверлік оқиғаларды құру. Динамикалық сайттарды жасауға арналған кез келген
Мәліметтерді өңдеу. Маңызды функция, ортақ жазу әдісі арқылы мәліметтерді
Кіріктірілген функциялар мен обьектілер. Код көлемінің қысқаруы веб бет
Процедураларды жазу. Жұмысты жеңілдету үшін қолданушының өзінің функциясын жазу
Сеанстарды қолдану(сессиялар). Сессияларды қолдана отырып сіздер интернет ресурске кірген
Қателерді түзету. Маңызды функция, кодтау кезінде қателіктерге жол бермеуге
Әртүрлі протоколармен жұмыс істеуге мүмкіншілік. Протоколдардың (Директорияларға кіруді басқару
Қауіпсіздікпен қамтамасыз ету. Ақпаратқа қолданушылардың кіруін реттеу, ақпаратты қорғау
Программалаық кодты HTML-кодқа интеграциялау. Қолданбаларды құру барысында мәтінді HTML-код
Әр түрлі кодировкаларды қолдану мүмкіншілігі. Интернет ресурстың қай елде
Құралыған интернет сайт қандай критерийлерге сәйкес болуы керек:
1. Веб-парақтардағы мәліметтердің орңаласуы қарапайым әрі логикалық түрде қарап
2. Экрандағы ақпараттарды тізім немесе кесте түрінде жасауға тырысу
3. Бір суреттен кейін бірден екінші сурет орналаспағаны дұрыс,
4. Ақпарат бөліктерге бөлініп берілсе, оларды оқу, түсіну жеңіл
5. Егер веб-парақ көлемі үлкен болса, онда құжат
6. Суреттер мен графикалық бейнелерді пайдалану көптеген тұтынушыларды қызықтыруы
РНР-бұл Web –серверге жіберілетін скриптердің көмегімен Web-беттерінің динамикалық генерациясына
Сіздің құжат бетіңіздегі әртүрлі операциялардан басқа сіз РНР көмегімен
РНР операторлары сіздің бетіңізге Web-беттерді қойып береді, сондықтан арнайы
Соңғы он бес жылдары интернеттiң қиял-ғажайып дамуы және адамдардың
Рнр тарихы 1995 жылдан тәуелсiз бағдарламашы (Rasmus Lerdorf )
Лердорфаның Рнр құрал-сайманының шулы жетiстiгi Рнрдың кеңейтулерiн өңдеуге әкеп
РНР 4 бұл қозғалыста жұмыс жасаушы ретінде 2000 жылы
2000-2004 жылдар арасында 4 версияны жұмсарту үшін белсенді жұмыстар
Ақыры 2004 жылдың шілдесінде РНР 5 ресми түрде жарыққа
РНР 4-дегі ХМL мен жұмыс жасауға арналған барлық негізгі
SOAP -тың кеңеюі РНР да ХМL –хабарламаның көмегімен басқа
РНР 5 My SQL (My SQL Improved) жаңа кеңeйтулер
SQLite–тің кеңейтілуі мәліметтерді кәдімгі файлдарда сақтайтын қоcымшаны құрастыруға мүмкіндік
Tidy –HTML-құжаттарды сараптау және түзету үшін.
Perl - Perl сценарийлерді пайдалану.
SPL – кластармен интерфейстердің стандарты жиынтығын анықтайтын ZE2 –нің
-РDО -PHP-нің мәліметтеріне әмбебап интерфейс ұсынады.
-PІMP-GD модульінің орнына келген, графикамен жұмыс жасауға арналған жаңа
Бұдан басқа РНР 5-те есте сақтаудың әлдеқайда жылдам диспетчері
РНР 5 REAR құрылымын нақты жүзеге асыруға керекті қасиеттермен
HTML (ағылшын Hypertext Markup Language — «еренмәтін белгілеу тілі»)
HTML (HyperTextMarkupLanguage) – бұл құжаттарды кодтау үшін қолданылатын гипертекстік
Java - Sun Microsystems компаниясының жасап шығарған обьектіге
Айтылуы, атаудың қолдануы. Айтылуы жөнінде қазақ тілінде басқа тілдердегі
Тілдің негізгі ерекшеліктері. Java - дағы бағдарламалар, байттық кодты
1.3 Интернеттегі web серверлер. Web – сервер жұмысының механизмі.
Браузердің адрестік жолындағы қажетті URLді теріп болған соң, браузер
Статистикалық және динамикалық беттер.
Статистикалық беттер Web сервер каталогында орналасқан файлдардың нақ копиясы
Тікелей Web серверде сұранысқа сәйкес қалыптастыру.
Web беттерді динамикалық қалыптастырудың мүмкіндігін жүзеге асыру үшін серверге
Тұтынушы компьютерінде қалыптастыру.
Бұл жағдайда программа мәтіні динамикалық web- парағын қалыптастыру үшін
CGI- технологиясы.
Біздің сұранысымызға сәйкес дайындалған динамикалық беттер “жылдам қалыптасты”. Мысалы
CGI программасын нақты уақыттағы Web сервердің бір бөлігі ретінде
CGI альтернативті техналогиясы Micrоsoft компаниясының технологиясы болып табылады. Ол
Web-ресурстарды алу технологиясы. Web-парақтарды кэштау. Прокси-сервер механизімінің жұмысы.
Егер сервер үлкен жойылуда болса, Интернетке шығу жылдамдығы төмен
Қазіргі заманға сай браузерлерде (Internet Explorer және Netscape Navigator)
Прокси-сервер
Кэштеу технологиясында өзінің шектеулері бар. Мысалы, сіз және сіздің
Бұл мәселені шешу провайдерлер прокси-серверге (ағылшынның proxy-орынбасар деген сөзінен)
Прокси-сервер қолданушыдан қандай да бір интернет-сервисті орындауға сұраныс алады,
Әдетте, прокси-сервер программасы жұмыс істейтін компьютерде едәуір дисктік аула
Осылайша, үнемі ізделіп отыратын құжат тек құжатты шығарушының серверінде
Біз мыңдаған клиенттері бар провайдерлар жөнінде айтқана, жүйедегі құжаттардың
Құжаттардың жарамдылық мерзімі.
Ескірген кэштелген файлды алмау үшін, кэштелген құжаттарды қашан сұранысқа
WEB-жылдамдытқыштары.
Стандартты браузерлер кэштеу технологиясын Web-парақтарды жүктеуді жылдамдату үшін қолданатынын
Кэштеу процесін оптимизациялау арқылы жылдамдату.
Мәліметтерді кэштеу кезінде Web-парақтарды жүктеуді жылдамдатуды айтқанда 3 бағытты
IP-мекендерді кэштеу;
Локалді компьютерде дискті кэшті оптимизациялау;
Упреждающее чтение.
Әр бағыттың неден құралғанын түсіндіріп өтейік.
Сіз URL браузерге сол немесе басқа ресурсты жібергенде, ол
IP-мекенді алып болғаннан кейін, обозреватель компьютердің кэшінде көрсетілген парақ
Үшінші механизмді (упреждающее чтение) түсіндіру үшін, кәдімгі браузердің жұмысына
Оқушыларға сайт құруды оқытудың әдістемесі
2.1 Әртүрлі тілдерде сайт құру әдістемесі
Қазіргі кезде педагог мамандар сабақ беру кезінде оқушылардың қызығушылығын
HTML сөзінің толық мағынасын Hyper Text Markup Language –
HTML құжаты кәдімгі мәтін құжаты болуымен қатар өзінде белгіленген
Markup tag-тер шолғышқа құжатты (уеб-бетті) қалай көрсетуі керек екенін
HTML құжаты htm немесе html түрде сақталуы тиіс немесе
HTML құжатын қарапайым мәтін өңдеушімен жасауға болады.
Байқап көресіз бе?! Онда, мына сілтемемен жүріп: Пуск =>
Бет тақырыбы
Менің алғашқы уеб-бетім Бұл сөз қалың болады
Жазып болғаннан кейін құжатты мына сілтемемен жүріп отырып сақтаңыз:
Жоғарыда жазған HTML құжатыңыздағы алғашқы тег тегі. Бұл
және тегтерінің арасы құжат туралы мәліметтерді қамтиды
және тегтерінің арасына құжаттың тақырыбы жазылады. Жазылған
және тегтерінің арасына шолғышта көрінетін мәліметтер жазылады.
және тегтерінің арасында жазылған жазу қалың (bold)
HTML редакторлары туралы аз ғана мәлімет
HTML құжаттарын WYSIWYG (what you see is what you
Бірақ HTML-ді жетік меңгеремін деген адамның алғашында Блокнот (notepad)
HTML тілінде ең маңызды тегтер тақырыбтар, параграфтар және қатарлар
Тақырыптар
Тақырыптар , , , , , тегтерін қолданып
Бірінші дәрежелі тақырып
Екінші дәрежелі тақырып
Үшінші дәрежелі тақырып
Төртінші дәрежелі тақырып
Бесінші дәрежелі тақырып
Алтыншы дәрежелі тақырып
HTML тілі тақырыптан кейін автоматты түрде келесі қатарға түседі.
Параграфтар
Параграфтар тегімен жазылады
Бұл бірінші параграф
Бұл екінші параграф
HTML тілі параграф тегінің алдынан және соңынан автоматты түрде
Тегтерді жабуды ұмытпаңыз!
Жоғарыдағы мысалда параграфтың тегімен жабылғанын көрдіңіздер:
Бұл қате жазылған параграф
Бұл да қате жазылған параграф
Бұл мысалда жазылған қателікке көп шолғыш мүмкін мән бермей
Қатарды аттау
Қатарды аттау үшін, яғни келесі қатарға өту үшін
Бұл
параграфтың ішіне
орналасқан жазулар.
ма әлде
ма?
Көп жерде
тегінің
деп жазылғанын көреміз.
HTML тілінде анықтама (түсіндірме) жолдарын (қатарларын) жазу
Анықтама жолдары HTML кодында қай кодтың не қызмет атқаратынын
HTML-дің негізгі тегтері
Тег Анықтамасы
Құжаттың HTML құжат екенін білдіреді
Құжаттың шолғышта көрінетін бөлігін білдіреді.
to Тақырыптарды білдіреді
Параграфты білдіреді
Келесі қатарға түсіреді
Бетте көлденең бір сызық сызады
Бұл тегтің ішіне анықтама, түсіндірме жазылады
Атрибуттар HTML тегтеріне қосымша қасиет береді.
HTML тег қасиеттері HTML тегтері атрибуттар қабылдай алады. Атрибуттар
Атрибуттарға мысал 1:
тегі тақырыпты білдіреді.
Тақырып жазылумен қоса, ол тақырыптың құжаттың
Атрибуттарға мысал 2:
HTML-дің денесі, яғни шолғышқа көрсетілетін бөлігі.
HTML-дің денесіндегі, яғни шолғышта көрсетілетін
Қарапайым HTML файлын жасау
1. Өз жұмыс қапшығыңыздың
2. Блокнот программасын іске
3. Блокнот редакторы терезесінде
Алғашқы HTML файлы
Сәрсенбі күнгі сабақ кестесі
4. Файлды RASP.HTM атымен
5. Жасалған Web-құжатты көру
6. Енді Вид- HTML
Менің алғашқы парағым деген қосымша мәтін енгізейік.
Менің алғашқы парағым
Алғашқы HTML файлы
Сәрсенбі күнгі сабақ кестесі
7. Осылай түзелетін мәтінді
8. Браузердің Вид-Обновить командасын
HTML-де мәтінді өңдеу, пішіндеу.
HTML-де мәтінді өңдеу, пішіндеу
HTML мәтінді қалың немесе қисайтып (italic) етіп жазу үшін
HTML бастапқы кодтарын қалай көруге болады?
Шолғышты ашып клавиатурадан мына екі түймешені (firefox шолғышында) қоса
Мәтіннің пішінін өзгерту үшін қолданылатын тегтер
Тег Анықтамасы
Мәтінді қалың әріппен жазады
Мәтінді үлкейтіп жазады
Мәтінді қисайтып жазады
Мәтінді қисайтып жазады
Мәтінді кішірейтіп жазады
Мәтінді қалың қылады
Шрифтті төменгі индекспен көрсетеді
Шрифтті жоғарғы индекспен көрсетеді
Мәтіннің астын сызады
Мәтіннің үстін сызады
Жоғарыда жазылған кестедегі тегтердің мысалын көріңіз:
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
H2O мұндағы 2 саны тегінің көмегімен жазылған
E=mc2 мұндағы 2 саны тегінің көмегімен жазылған
Бұл сөз тегінің көмегімен жазылған
Мәтін фрагменттерін ерекшелеу
1. RASP.HTM файлына төмендегідей
Менің алғашқы парағым
Алғашқы HTML файлы
Сәрсенбі күнгі сабақ кестесі
2. Өзгертілген Web-құжатты экраннан
Сәрсенбі күнгі сабақ кестесі
Бірақ мұндайда тэгтерді араластыра жазудың мынадай ережелерін есте сақтаған
... - дұрыс жазылған тізбек
... - қате жазылған тізбек
Шрифт өлшемі және түрі
Бұл сөз <b> тегінің көмегімен жазылған
Бұл сөз <big> тегінің көмегімен жазылған
Бұл сөз <em> тегінің көмегімен жазылған
Бұл сөз <i> тегінің көмегімен жазылған
Бұл сөз <small> тегінің көмегімен жазылған
Бұл сөз <strong> тегінің көмегімен жазылған
H2O мұндағы 2 саны <sub> тегінің көмегімен жазылған
E=mc2 мұндағы 2 саны <sup> тегінің көмегімен жазылған
Бұл сөз <ins> тегінің көмегімен жазылған
COLOR– шрифттің түсін береді Текстті тэгтерінің ортасына
Қызыл
Қызыл
Сонымен түс туралы басынан айтып кетейік. тэгінің ішіне
(түстің аты қолданылған)
(түс 6 орынды кодпен берілген)
Уеб-беттің арқа беті(background)
Уеб-беттің артқы беті(background)
тегі уеб-беттің артқы бетін сәндеу үшін екі атрибут
Мысалдар
немесе
Ал сурет қоярда былай жазамыз:
HTML-де түстер (colors)
HTML-де түстер
HTML-де түстер RGB (қызыл, жасыл, көк) комбинациясын оналтылық сандар
W3C Стандарт түстердің атаулары:
W3C, 16 түстің стандартты атауын берген. Олар: aqua, black,
16 миллион түрлі түс Қызыл, жасыл және көк түстерінің
HTML-де түстердің атаулары бірінші қосымшадағы кестеде ең көп қолданылатын
Қаріп гарнитурасы (типі) мен түсін өзгерту
тэгі бөліктерініңкөлемін, типін және түсін өзгертуге мүмкіндік береді. Қаріп
Қаріп түсін беру үшін тэгінің COLOR=”X”> атрибутын жазу керек.
1. RASP.HTM файлына төмендегідей
HTML>
Менің алғашқы парағым
TITLE>Алғашқы HTML файлы
SIZE=”7”
Сәрсенбі күнгі
сабақ кестесі
2. Өз қалауларыңыз бойынша
Құжат фоны мен жапы мәтіннің түсін беру
Құжат фоны мен жылпы мәтіннің түсін беру кезінде браузерлер
RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:
HTML>
Моя первая страница
TITLE> Учебный файл
BGCOLOR=”#FFFCC” TEXT=”#330066”
Расписание
занятий на СРЕДУ
Шрифт өлшемі және түрі
HTML –да тегтік модельдер құжаттың белгілеулері болыпе
Көбінесе НТМL құжаттарының тегтерін түсіну және
HTML-құжатының контейнері.
Әрбір құжаттың құрама бөліктерінде оның ішінде қолданылатын өзінің контейнер
HTML-HEAD құжатының тақырыбының контейнерлері
Құжат тақырыбы атрибут қажет етпейді. Тақырып тегінің басты тағайындалуы
TITLE
Такырып тегінде жиі қолданылатын құжат аты болып табылады.
TITLE келесі синтаксисті алады
Құжат аты
TITLE тегінің мазмұны құжат атының алаңында бейнеленеді.
BASE
BASE тегі URL формасында гипермәтіндік сілтеме көрсету формасымен байланысты.
ISINDEX
HTML-құжатын кілттік сөз бойынша іздеу мүмкіндігі құжат тақырыбының ISINDEX
Көрсетілген мысалда HREF атрибуты сұранысты өңдеу программасының адресін
META
META тегі HTML спецификациясында жоқ құжат тақырыбының конструкциясын анықтау
< META HTTP-EQUIV=”Keywords”
CONTENT=”Plasma, Nuclear Physics”>
Осындай қолдану кезінде почтаны жіберуге ыңғайлы болу үшін, HTTP-пакет
Құжат денесінің тегі.
Құжат денесінің тегі интерфейстік қолданушы программасында ақпаратты көрсетуді басқарады.
-иерархиялық контейнер және заставка;
-тақырыптар (Н1-Р6 дейін);
-блоктар(параграфтар, тізімдер, формалар, кестелер, суреттер және т.б.);
-көлденеңінен белгілеп алу және адрестер;
-мәтіндер, стильдерді жүргізу облыстарына бөлінген(сызылған, белгіленген, курсивті);
-математикалық бейнелеу, графиктер және гипермәтіндік сілтеме;
BODY
Құжат денесінің тегін бейнелеу BODY тегі арқылы бастап жазылады.
ID-тег идентификаторы. Тегті атау үшін, сол сияқты гипермәтіндік сілтеме
LANG-екісандық ISO-639 код түрінде құжат тілін анықтайды,
CLASS-“ADDITION.FIRST” типті иерархиялық құрылған ат. Мәтін тегін, анықталған бейнелеу
Жоғарыда көрсетілген үш атрибут дене тегіне жалпы болып табылады
BACKGROUND-құжат мәтінін бейнелейтін фонды анықтайды, мысалы, HTML-құжатында фон
< BODY BACKGROUND =”bgr.gif”>
Осы мысалда көрсетілгендей, берілген атрибуттың мәні ретінде URL формасында
тегі
Жолдың аударылымы мәтінді бейнелеудің стандарттар ретін бұзу үшін қолданылады.
Мәтін сол жақтағы жақын арадағы бос алаңнан бастап жалғастырылады
Мәтін оң жақтағы жақын арадағы бос алаңнан бастап жалғастырылады
Мәтін сол және оң жақтағы алаң бос болғанда жалғастырылады
тегі
тегі (No Break, үзіліссіз) браузерге барлық мәтінді бір
Символдарды бейнелеуді басқару тегі
Бұл тегтерді екі классқа бөлуге болады: бейнелеу формасын басқару
HTML-де арнайы символдар
HTML кодтарының ішіне кейбір ("