- •«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. Студенттің өздік жұмысы
Символдарды бейнелеуді басқару тегі
Бұл тегтерді екі классқа бөлуге болады: бейнелеу формасын басқару тегі (font style) және ақпарат типін сипаттайтын тегтер (information type). Әртүрлі тегтер бейнелеу кезінде бірдей нәтиже көрсетеді.
Бейнелеу формасын басқару тегі
Курсив, асты сызылған, жоғарғы индекс, төменгі индекс, үлкен шрифт, кіші шрифт, қызыл, көк, әртүрлі комбинациялар – бетті көркемдеуге және функциональдауға мүмкіндік береді. Internet Explorer және Netscape Navigator Face= атрибутының көмегімен шрифты анықтауға болады. Енді бір бетке бірнеше шрифт түрлерін біріктіруге болады.
SIZE=атрибуты
<FONT > тегіндегі SIZE=атрибуты берілген областа мәтін мөлшерін сұрауға мүмкіндік береді. Егер сіз барлық беттің шрифт мөлшерін беру үшін <BACKGROUND SIZE =n> тегін қолданбасаңыз, онда үнсіз келісім бойынша 3 алынады.
<BIG> және <SMALL> тегтері
<BIG></BIG> және <SMALL></SMALL> тегтері арасында орналасқан мәтін сәйкес келеді.
COLOR=xx атрибуты
Егер біз өз бетімізді одан әрі безендіргіміз келсе, онда <FONT > тегіндегі COLOR= атрибутын қолдануымызға болады және басты шектеу компьютердегі қолданушылардың түстер палитрасы болады. Әзірше тек қана танымал браузерлердің шрифт түсін бейнелейді.
<FONT COLOR=> тегін шрифт түсін ауыстыруға қолданады.
Бейнелеу формасын басқару тегтері
Тегтер |
Мәні |
<I>…..</I> |
Курсив (Italic) |
<B>…</B> |
қою (BOLD) |
<TT>…</TT> |
Телетайп |
<U>…</U> |
Асты сызылған |
<S>…</S> |
Сызылған текст |
<BIG>…</BIG> |
Үлкейтілген фонт |
<SMALL>…</SMALL> |
Кішірейтілген фонт |
<SUB>…</SUB> |
Жолма-жол символдар |
<SUP>…</SUP> |
Жол үсті символдар |
Ақпарат типін сипаттайтын тегтер
Тегтер |
Мәні |
<EM>…</EM> |
Типографиялық қою |
<CITE>…</CITE> |
Цитата |
<STRONG>…</STRONG> |
қою |
<CODE>…</CODE> |
Мысал кодын көрсетеді (мысалы, программа коды) |
<KBD>…</KBD> |
Клавиатура арқылы символдарды еңгізу мысалы |
<VAR>…</VAR> |
Айнымалылар |
<DFN>…</DFN> |
Анықтау |
<Q>…</Q> |
Жақшаға алынған мәтін |
Осы тегтерді қолдану кезінде, олардың бейнеленуі программа-интерфейсін қолданушылардың жөнге келтіруіне байланысты екенін ұмытпаған жөн, олар гипермәтіндік программа құрушының жөнге келтіруімен сәйкес келмеуі де мүмкін. Интерфейс жөнге келтірулерін айырбастау стильдерін қолдану, казіргі кезде проблемалық болып келеді.
<DL> тегі
(Definition List:<DL>) тізіміндегі тегті қолдану қарапайым мәтіндік редакторда шегіністі қолдануды еске түсіреді. <DL> тегі мәтінді форматтау үшін құрылған, оңға қарай үлкен шегініс арқылы анықталады. <DL> тегі номерсіз шегінетін жеке абзацтар және маркерлер құруға арналған. Шегініс ол жақтан басталады. Егер сіздің бетіңізде бірнеше <DL> тегі бар болса, онда мәтін ақырын оңға қарай жылжи бастайды. Анықтау соңында жабылған </DL> тегін қойыңыз. Ұмытпаңыз, <DL> тегі тек қана абзацтың сол жақ шекарасын жылжытады.
