- •«Web-технологиясы» пәнінен оқу-әдістемелік кешен
- •050703 – «Ақпараттық жүйелер» мамандығына арналған
- •Мазмұны
- •1. Глоссарий
- •1. Глоссарий
- •2. Дәрістер
- •Дәріс №1. Web-технологияларға кіріспе
- •Ерекшеліктері
- •Артықшылықтары
- •Дәріс №2-4. «Жүйе» терминінің түсінігі. Клиент-сервер архитектурасы. Провайдерлер және олардың жүйелері.
- •Интернет негізгі қызметі
- •Аздаған тарихи дерекгер мен статистикалық мәліметтер
- •Тср/ір жүйелік хаттамасы. Ip – адрестер, url – адрестер
- •Internet -пен қатынас құру
- •Атаулар мен ресурстар көрсеткіштерінің домендік жүйесі
- •Internet Explorer – www – ке арналған браузер. Internet Explorer бағдарламасының негізгі принциптер
- •World wide web – жүйесімен қатынас құру тәсілі
- •Компьютерлік жүйелерді құру негіздері
- •Компьютерлік жүйелердің пайда болуы мен даму тарихы
- •Жасанды және нақты желілер
- •Компьютерлік желілер классификациясы
- •Компьютерлік желілер топологиясы
- •Серверді пайдалану технологиясы
- •Құжаттардың құрылымы
- •Нтмl тегінің топтары
- •Белгілеуді басқару тегі
- •Символдарды бейнелеуді басқару тегі
- •Бейнелеу формасын басқару тегі
- •Табуляция
- •Гипермәтіндік сілтеме
- •Графика өлшемдерін қалай беруге болады
- •Активті бейнелер
- •Активті бейнені қалай жасауға болады
- •Сервердегі активті бейнелер
- •Клиенттегі активті бейнелер
- •Серверде де, клиентте де жұмыс істейтін активті бейнелер
- •Дәріс №15-16. Html-да кестенің жазылу тәсілдері
- •Көптүсті кестелер құру
- •Netscape Navigator -дағы түрлі-түсті шекаралар
- •Фрейм дегеніміз не?
- •Фреймдер не үшін қолданылады?
- •Фреймдер қалай жұмыс істейді?
- •Фреймдік құрылым жасау
- •Берілгендері бар фреймді дайындау
- •Сіздің формаңыз жақсы көріну үшін не істеу керек?
- •Формаларды жұмыс істеуге мәжбүр ету
- •Аррlет контейнерінің түрі
- •Раrам контейнерін қолдану
- •3. Практикалық және лабораториялық сабақтар
- •Қарапайым html файлдарын құру
- •Форматтаудың арнайы командалары
- •Тақырыптар стилін қолдану
- •Ағымдағы кәріптің өлшемін өзгерту
- •Қәріп түсін және гарнитураларды орнату
- •Мәтінді горизонталь туралау
- •Басқа html – құжатқа сілтеме құру
- •Текст фрагменттерін белгілеу
- •4. Студенттің өздік жұмысы
Табуляция
Бұл құралдардың қажеттілігі бұрын пайда болды, тек жақында ғана құрастырушылар ұсынды. Табуляцияны бірнеше тәсілмен беруге болады.
Ең қарапайым, <TAB IDENT=n> тегін жазу, онда n жаңа абзацтың алдындағы n-бос орындар санын анықтайды. n-бос орын – өлшеудің типографиялық бірлігі, сіз қолданатын шрифтағы n әріпінің енімен бірдей. Соған сәйкес <TAB IDENT=4> тегі ені 4 n-бос орын болатын табуляция символын алады.
Егер сіз бірнеше орынға берілген мөлшерде табуляция символын қолданғыңыз келсе, онда оның мөлшерін беретін орынға <TAB> тегін ID= атрибутымен бірге қойыңыз, мысалы, соған сәйкес:
<TAB ID=”tabone”>
Енді беттің кез-келген жеріне <TAB TO=”TABONE”> жазса жеткілікті, және табуляция символы TABONE тең болады. Сәйкесінше TABTWO, TABTHREE, TABFOUR ұқсас тілімен құруға болады.
<TAB> тегін мәтінде және графикте орналастыруда қолдануға болады.
Тізім
Тізімдер мәтін құрылымының негізгі құралдары болып табылады және белгілеулердің барлық тілдерінде қолданылады. HTML-де келесі тізім түрлерінен тұрады: номерленбейтін тізім (реттелмеген), номерленетін тізім (реттелген) және анықтамалық тізімі. Номерленбейтін тізім тегі (Unordered Lists <UL>) және номерленетін тізім тегі (Ordered Lists <OL>) – бұл HTML негізі. HTML номерленбейтін тізімде маркердің әртүрлі типін таңдауда тізім тегіне бірнеше атрибуттар қосады. Тізім ортасындағы маркер типін ауыстыру үшін мынадай <LI>(List Item) тегіне атрибут қосуға болады. Жаңа атрибут пайда болған кезде, тізімде қалған маркерлер де осындай түрді алады.
<UL> тегі
Номерленбейтін тізім. Номерленбейтін тізім мәтін типін құруға арналған.
тізімнің бірінші элементі
тізімнің екінші элементі
тізімнің үшінші элементі
Берілген тізім келесі түрде жазылады:
<UL>
<LI> тізімнің бірінші элементі
<LI> тізімнің екінші элементі
<LI> тізімнің үшінші элементі
</UL>
<UL> және </UL> тегі – бұл номерленбейтін тізімнің басы және соңы, <LI>(List Item) тегі тізім элементінің тегін береді. Осы тегке қосымша, тізімді атауға арналған - LH (List Header) бар. Келесі түрдегі номерленбейтін тізімді бейнелейтін мысал келтірейік:
<HR> тегі
Горизонтальды сызып алу (horizontal rule) құжатты бөлікке бөлу үшін қолданылады. Бір ғана <HR> тегі арқылы бетке мүлдем өзгеше түр беруге болады. <HR> тегін тәжірибеде көріңіз және сонда сіз қолданып жүрген сызықтан өзгеше сызық аласыз.
<PRE> тегі
Форматтаусыз мәтінді бейнелеу.
<BLINK> тегі
<BLINK> тегі оған қосылған мәтіннің жыпылықтауын туғызады.
Гипермәтіндік сілтеме
Жоғарыда қарастырылған мәтінді бейнелеу құралдары, құжаттың басты тегі - гипермәтіндік сілтемеге – қосымша, сөзсіз маңызды болып келеді.
Web-серверді құрұдың ерекшелігі, онда көрсетілген ақпаратты жеке бөліктерге бөлуге болады. Жеке бөліктер арасындағы байланыс ұйымдары гипермәтіндік сілтеме арқылы анықталады.
Дәріс №11-12 Өзін-өзі тексеру сұрақтары немесе тесттер
1. html-құжатының құрылымы. Беттің құрылымдық элементтері.Элементтер типі.
2. WWW-сервисінің жұмыс тәртібі. Сервер және клиент арасында мәлімет алмасу. Формалар.
Дәріс №13-14. WEBТЕГІ ГРАФИКА
Графика өлшемдерін қалай беруге болады;
Активті бейнелер;
Активті бейнені қалай жасауға болады;
Сервердегі активті бейнелер;
Клиенттегі активті бейнелер;
Серверде де, клиентте де жұмыс істейтін активті бейнелер.
