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

5. Рик Дарнелл. Javascript – справочник. 2001. 
6. Жумагалиев Б.И.Лабораторный практикум по Интернет-технологиям. 
Учебное пособие. – Алматы: АЭИС. 2003. 
 
5  Зертханалық  жұмыстарды  орындауға  арналған  əдістемелік 
нұсқаулар  
 
№ 1 зертханалық  жұмыс. HTML(фреймдер,  тзімдер,  кестелер) – 
тілінің  мүмкіндіктерін  зерделеу. HTML –парағындағы  интерактивті 
компоненттер.  (3 сағ) 
 
Жұмысты орындау тəртібі: 
1.  Фреймдерді  міндетті  түрде  қолданып,  жүйе  ресурстарына  сілтемелер 
бетін  құру.  Сол  жақтағы  фреймде  тақырыптарын  жазып,  сілтемелерді  тізім 
түрінде орналастыру.  
2.Басты беттен осы бетке сілтеме жасау.  
3  Файлдарды  серверде  орналастырып,  браузерде  көру,  барлық 
сілтемелерді тексеру.  
4  Беттің берілгенінде тегтердің топтары не үшін қажет жəне олардың 
қасиетін (атрибут) комментарий түрінде белгілеңіз.  
5.  Зертханалық  жұмыс  бойынша  есеп  беруді  безендіру,  мына  түрде 
болуы тиіс: 
-
 
Зертханалық жұмыс  аты, мақсаты, берілгені. 
-
 
Қысқаша теориялық мағлұматтар 
-
 
HTML құжаттың басты интерфейсі 
-
 
Есептің берілгені мен HTML құжаттың листингілері. 
6. Зертханалық жұмысты қорғау 
 
Бақылау сұрақтары: 
1. Фрейм дегеніміз не? Не үшін қолданылады? 
2. name атрибуты не үшін қажет? 
3. HTML тілінде тізімнің неше түрі бар? 
4. Кесте құру кезінде қандай атрибуттар қолданылады? 
 
Ұсынылатын əдебиеттер 
1. Леонтьев Б. Web – дизайн: Хитрости и тонкости: - М.: МиК, 2001. 
2. Петров В.Н. Информационные системы. Учебник. -  СПб: Питер, 2002. 
3.  Ганеев  Р.М.  Проектирование  интерактивных Web – приложений. 
М.:2001. 
4. Гультяев А.К., Машин В.А. Уроки web – мастера. – СПб.: 2002.  
 
СӨЖ- ге арналған бақылау сұрақтары 
 
1. HTML-бетінің құрылымы 
2. HTML тілінің принциптері 

3. Тегтер атрибуттары  
 
№ 2 зертханалық жұмыс HTML құжаттарды бейне картасын жасау 
белгілерінің көмегімен əзірлеу біліктілігін қалыптастыру. WWW-
серверін қоршаған ортаның айнымалыларын зерттеу. (2 сағ) 
 
Жұмысты орындау тəртібі: 
Тапсырма 1 
1. Өздеріңіздің  барлық  есептеріңізді  МЕТА-  ақпарат  арқылы  өзгертіп 
немесе  толықтырыңыздар.  Ол  үшін  келесі  берілгендерді  қолдаңыныздар: 
NAME="Description" CONTENT=""> CONTENT="">  
2. Əр минут сайын бірінші бетті автоматты түрде жаңартыңыз.  
3. Жаңа  бет  құрып,  тосу  уақыты 10 сек  болатындай  автоматты  түрде 
қайта  бағыттауды 
www.kstu.ru
  –ға  бағыттап,  бетте «10 сек  кейін  сіз 
автоматты түрде 
www.kstu.ru
 сайтына қайта бағытталасыз» деп жазыңыз.  
4.  тегінің көмегімен барлық беттерден ең басты бетке сілтеме 
жасаңыз.  
5. Ең басты беттің берілгенінде қолданылатын мета- берілгендердің не 
үшін қажет екенін көрсетіңіз.  
Тапсырма 2 
1. Жаңа  бет  құрыңыз.  Беттің  ішінде  белгілерге  өту  жолын,  мəтіннің 
нақты  бөлімдерін  құрыңыз,  яғни  кеңейтілген  ізденіс.  Яндекс.  Аудандар 
бойынша  іздеу.  Яндекс. «Цитаталық  индекс»  деген  не?  Яндекс. «НИНИ-
индекс»  деген  не?  Яндекс. «Саяси  НИНИ-индекс».  Яндекс-  бұлар  беттің 
бас  жағында  мəтіннің  белгілі  бір  орындарына  гиперсілтеме  түрінде 
көрсетілуі тиіс.  
2. Беттің берілгендерінде нұсқау ретінде белгілер мен сілтемелер үшін 
қолданылатын  тегтер  мен  оның  құрылысы  (атрибуттар)  не  үшін 
қолданылатынын көрсетіңіз.  
Тапсырма 3 
1. Дайын  сурет  көмегімен  қаланың  картографиялық  белгісін 
шерткенде  белгілі  бір  WWW-сервер  ашылатын  бейнелер  картасын  құру 
керек.  Саймандар  тақтасында FrontPage- те  суреттермен  жұмыс  істейтін 
тақтаны іске қосыңыз. 
2. Беттің берілгенінде карта үшін қолданылатын тегтер жəне олардың 
қасиеттерін комментерий түрінде көрсетіңіз.  

 
Зертханалық жұмыс бойынша есеп берудің құрамы: 
-
 
Зертханалық жұмыс  аты, мақсаты, берілгені. 
-
 
Қысқаша теориялық мағлұматтар 
-
 
HTML құжаттың басты интерфейсі 
-
 
Есептің берілгені мен HTML құжаттың листингілері. 
Бақылау сұрақтары: 
1. Мета – ақпарат дегініміз не? 
2. description деген не? 
3. Белгілер не үшін қолданылады? 
4. Бейне картасы не үшін қолданылады(Image Map)? 
5. Image Map технологиясы қайда қолданылады? 
 
Ұсынылатын əдебиеттер 
1. Леонтьев Б. Web – дизайн: Хитрости и тонкости: - М.: МиК, 2001. 
2. Петров В.Н. Информационные системы. Учебник. -  СПб: Питер, 2002. 
3.  Ганеев  Р.М.  Проектирование  интерактивных Web – приложений. 
М.:2001. 
4. Гультяев А.К., Машин В.А. Уроки web – мастера. – СПб.: 2002.  
 
СӨЖ- ге арналған бақылау сұрақтары 
 
1. Image Map технологиясы қайда қолданылады? 
2. Беттің параметрлерін орнату  
3. Тізімдерді құру  
 
№ 3 зертханалық жұмыс МЕТА-мəліметтерді HTML парақтарында 
қолдану. WWW-серверге жіберілетін деректерді жазу. (2 сағ) 
 
Жұмысты орындау тəртібі: 
1 тапсырма  
1. барлық  беттерді  өзгертіп  немесе  мета-  ақпаратпен  толытырыңыз, 
міндетті  түрде  келесі  деректерді  қолдаңыңыз: EQUIV="Content-Language" CONTENT=""> CONTENT=""> NAME="Author" CONTENT="">  
2. Əр минут сайын бірінші бетті автоматты түрде жаңартыңыз.  
3. Жаңа  бет  құрып,  тосу  уақыты 10 сек  болатындай  автоматты  түрде 
қайта  бағыттауды 
www.kstu.ru
  –ға  бағыттап,  бетте «10 сек  кейін  сіз 
автоматты түрде 
www.kstu.ru
 сайтына қайта бағытталасыз» деп жазыңыз.  
4.  тегінің көмегімен барлық беттерден ең басты бетке сілтеме 
жасаңыз.