«web-технологиясы»



жүктеу 0.86 Mb.
бет3/3
Дата19.09.2017
өлшемі0.86 Mb.
1   2   3

9 зертханалық сабақ



Бейненің атрибуттарын орналастыру
Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №9

Сабақ мақсаты: Бейненің атрибуттарын орналастыруды үйрену
Сабақтан алған білімді тексеру тапсырмалары №9

Тапсырма 1. Бейненің атрибуттарын орналастыру.

RASP.HTM файлына өз беттеріңше түзетулер енгізіңдер: ALT, BORDER, HEIGHT, WIDTH сияқты графика атрибуттарының қолданылуын қадағалаңдар.

Ескерту. Әрқашан гарфикалық файлдың өлшеміне (байт бойынша) мән беріңдер, өйткені Web-беттің жүктелуіне әсер етеді.

10 зертханалық сабақ



Web-бетте бейненің фонын орналастыру
Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №10

Сабақ мақсаты: Web-бетте бейненің фонын орналастыруды үйрену
Сабақтан алған білімді тексеру тапсырмалары №10

Тапсырма. Web-бетте бейненің фонын орналастыру

Фондық бейнелер — бұл қалыпты тікбұрышты плашки бейнесі бар гарфикалық файл. Браузерде қарау кезінде бұл плашка өзінің өлшеміне тәуелсіз, барлық терезені толтыра қайталанады.

Фон түріндегі графика тэгі арқылы беліделі.

RASP.HTM файлына түзетулер енгізіңдер:

Экраннан 6-суреттегі бейнені көресіздер.



6-сурет


fon1.GIF графикалық файлы 7-суреттегідей бейнеленеді.

7-сурет


11 зертханалық сабақ

Кесте құру
Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №11

Сабақ мақсаты: кесте құруды үйрену

Сабақтан алған білімді тексеру тапсырмалары №11



Тапсырма. Кесте құруды.

Кесте HTML құжатының негізгі бөлігі болып табылады. Ол вертикал орналасқан бағандар мен горизонтальды жолдардан құралған тіктөртбұрышты торлардан тұрады. Бағандар мен жолдардың қиылысуын ұяшық деп атаймыыз. Ұяшық мәтінен, графикадан, кестеден тұруы мүмкін.

Кесте негізгі үш бөліктен тұрады:


  • кесте атауы;

  • бағана тақырыбы;

  • ұяшықтар.

Кесте жол бойынша толтырылады (солдан оңға қарай - )

Кесте жол бойынша толтырылады (солдан оңға — жол бойынша, одан кейін келесі жолға өтеміз). Әр бір ұяшықты толтыру керек. Бос ұяшықтарды құру бос орынды қолданамыз.

1. Блокнот программасын жүктеңіз.

2. Редатор терезесінде келесі тексті теріңіз:



3. 5.НТМ атты файл құрыңыз.

4. Құрылған Web- бетті көру үшін Microsoft Internet Explorer браузерін жүктеңіз.

Экран бетінен 8 – суретте көрсетілгендей көруге болады.



8 – сурет.

12 зертханалық сабақ

Гипертексті байланыс орнату
Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №12

Сабақ мақсаты: гипертексті байланысты орнатуды үйрену
Сабақтан алған білімді тексеру тапсырмалары №12

Тапсырма. Гипертексті байланысты орнату

HTML тілінің маңызды қасиеті құжаттағы сілтеме арқылы келесі құжатқа өту мүмкіндігі.

Важнейшим свойством языка HTML является возможность включения в документ ссылок на другие документы.

Сілтемелер болуы мүмкін:

— өшірілген HTML-файлға,

— кейбір ағымдағы HTML-құжат нүктесіне,

— HTML – құжат болмайтын кез келген файлға;

Сілтеме ретінде тексті немесе графиканы қолдануға болады.



Бір құжаттағы сілтемелер

Мұндай сілтемелер екі бөліктен тұрады: белгі және сілтеменің өзі. Белгі сілтеме өтетін кездегі нүктені анықтайды. Сілтеме белгі атауын қолданады. Сілтемелер браузер баптауына байланысты түспен немесе сызылған болып беліленеді. Түстің өзгеруіне байланысты LINK= және VLINK= тэгі сілтемеде қолданылады.

Сілтемені суреттейміз:

Понедельник

Сілтеме бойынша өту керек белгінің атауына алдына # символы қойылады. “>” және “<” символдары арасына (“Понедельник”) тексті орналасады.

Белгіні анықтаймыз:

Понедельник

 

1. 5.НТМ файл толықтырыңыз, апта күндерінің атауымен кестені толықтырып, Web-беттің басына орналастырыңыз:



2. Дүйсенбіні көрсететін 5.НТМ файлна белгі қойыңыз:



3. Белгіленген белгіге арналған сілтемені кестеге апта күндерінің атауын қойыңыз:



4. Қалған апта күндеріне үшін күнтізбе кестесін құрыңыз.

5. Файлды сақтаңыз.

6. Алынған Web-бетті көріңіз.

Экран бетінен 9 – суретте көрсетілгендей көруге болады.

9 – сурет.


13 зертханалық сабақ

Басқа HTML – құжатқа сілтеме құру
Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №13

Сабақ мақсаты: басқа HTML – құжатқа сілтеме құруды үйрену
Сабақтан алған білімді тексеру тапсырмалары №13

Тапсырма. Басқа HTML – құжатқа сілтеме құру.

Сілтеме белгіленген сөзге немесе фразаға шерту арқылы басқа файлға өтеміз.

Сілтемені суреттейік:

<А HREF="5.HTM">5 класс

Файл атауынан (5.НТМ) кейін “>” және “<” символдарының арасына (“5 класс”) текстін орналастырамыз, осы файлға өту үшін оны шерту керек.

1. RASP.HTM файлын браузерге жүктейміз.

2. файлға өзгертулер еңіземіз:



3. Файлды сақтаймыз.

4. Алынған Web-бетті қараңыз.

Экран бетінен 10 – суретте көрсетілгендей көруге болады.



10 – сурет.


14 зертханалық сабақ.

Басқа HTML – құжатқа сілтеме құру
Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №14

Сабақ мақсаты: басқа HTML – құжатқа сілтеме құруды үйрену
Сабақтан алған білімді тексеру тапсырмалары №14

Тапсырма. Басқа HTML – құжатқа сілтеме құру.

1. Беттің соңында алғашқы бетке сілтеме болатындай 5.НТМ файлға өзгерту еңгізіңіз Расписание занятий 5 классов (файл RASP.HTM). Сілтеме ретінде графикалық файлды орнатамыз:



2. Алынған Web-бетті қараңыз.

Экран бетінен 11 – суретте көрсетілгендей көруге болады.

11 – сурет.

Сілтеме ретінде HOME.GIF файлында орналасқан суретті (оңға және жоғарыға қараған бағыт) қойдық.
15 зертханалық сабақ.

Текст фрагменттерін белгілеу

Зертханалық сабаққа арналған оқу-әдістемелік нұсқаулар №15



Сабақ мақсаты: текст фрагменттерін белгілеуді үйрену

Сабақтан алған білімді тексеру тапсырмалары №15



Тапсырма. Текст фрагменттерін белгілеу.

1. RASP.HTM файлна өзгертулер еңгізу:



2. Алынған Web-бетті көреміз.

Комбинерленген белгілеулерді қолдануға болады.

Бірақта комбинерлік тэгтерді жазған кезде келесі ережелерді білу керек:



<Тэг-1> <Тэг-2> ... — дұрыс жазу;

<Тэг-1> <Тэг-2> ... — қате жазу.

Символдар өлшемін беру

Браузермен берілген текст өлшемін басқарудың екі тәсілі бар:

— тақырып стилін қолдану;

— негізгі құжаттың шрифт өлшемін беру немесе ағымдағы шрифтің өлшемін беру.



Тақырып стилін қолдану

Тақырыпта алты тэг (<Н1>-ден <Н6>дейін) қолданылады. Әр бір стильге браузер баптауымен берілген параметрлер сәйкес келеді.




4. студенттің өздік жұмысы

Студенттер өздік жұмысын реферат түрінде жазу керек. Орындалған өздік жұмыс нәтижесінің есебі А4 форматында терілген болу керек. Шрифт Times New Roman, өлшем -12 пн., аралық интервал – 1,5, мәтінді түзету – беттің ені бойынша.

Бет параметрі: жоғарғы өріс (см.) – 2, төменгі – 2, сол жақ – 2,5, оң жақ – 1,5 см. Бетті нөмірлеу – беттің жоғарғы, оң жағында.

Төменгі колонтитулға өз Фамилияңызды Атыңызды Отчествоңызды және топ нөмірін қойыңыз.



  1. Пәннің зерттейтін объектісі және құрылымы.

  2. Ақпаратты өңдейтін және беретін WEB-технологиялар туралы түсінік.

  3. WEB-технологияларының дамуының тарихи мәліметі.

  4. WEB-қосымшаларының типтеріне шолу.

  5. Интернеттегі клиент-серверлік архитектура.

  6. Компьютер мен қосымшаның клиент-серверлі әрекеттесуі.

  7. Компьютерлік тораптар.

  8. Интернеттегі тораптардың иерархиясы.

  9. Интернеттегі ISP, POP, NAP түсініктері.

  10. Интернетке ақпаратты жіберу. TCP/IP протоколдарының стэгі.

  11. IP – бағдарының үрдісі.

  12. Домендік аттардың жүйесі. DNS – сервер.

  13. Браузерлер мен серверлер.

  14. Прокси-сервер. URL-мекенінің форматы.

  15. OSI моделінің қолданбалы деңгейінің протоколдары.

  16. Гипермәтін және WEB –парақтар.

  17. HTTP сервер және клиент.

  18. HTTP-протоколы бойынша сұраулар мен жауаптардың атаулары.

  19. Электрондық пошта, SMTP және POP3 протоколдары, пошталы сервер және клиент.

  20. FTP протоколдарын, FTP-қоры мекенінің форматын, FTP-сервер және клиенттерін белгілеу.

  21. Чат, шұғыл поштаның қызметтері, IRC-желілері.

  22. Telnet протоколдарын белгілеу.

  23. IP-телефония, видеоконференциялар, WAР-протоколы негізіндегі мобильді интернет.

  24. Статистикалық және динамикалық HTML-парақтар.

  25. Құжатты гипермәтіндік белгілейтін HTML, OHTML, XHTML, XML – ерекшеліктері.

  26. HTML-де CSS-ті қолдану технологиялары.

  27. Клиент және сервер жағында орындалатын технологиялар.

  28. WEB-сервер жұмысының механизмі.

  29. Серверді қоршаған ортаның айнымалылары.

  30. CGI технологиясы, CGI бойынша сұраулар мен жауаптардың атаулары.

  31. PERL, PHP, ASP, SSI-дің серверлік сценарийлері.

  32. WEB-қосымшаларын жасаудың аспаптары.

  33. WEB-технологиялардың негізінде компьютер желілеріндегі ақпаратты қорғау.

  34. WEB-технологияларының қолдану салалары мен даму перспективалары.



Каталог: ebook -> umkd
umkd -> Ќазаќстан республикасыныњ білім жєне ѓылым министірлігі
umkd -> Ќазаќстан Республикасы Білім жєне ѓылым министрлігі
umkd -> Бағдарламасы «Мектептегі атыс дайындығы»
umkd -> Семей мемлекеттік педагогикалыќ институты
umkd -> «Кәсіптік қазақ тілі» ПӘнінің ОҚУ-Әдістемелік кешені
umkd -> Ќазаќстан республикасыныѕ білім жјне єылым министірлігі
umkd -> Ќазаќстан республикасы
umkd -> «Инженерлік-технологиялыќ факультеттіњ»
umkd -> Ќазаќстан республикасыныњ білім жєне ѓылым министрлігі
umkd -> «Таңдап алған спорт түрінің техникалық, тактикалық және дене дайындығы» пәні бойынша


Достарыңызбен бөлісу:
1   2   3


©kzref.org 2019
әкімшілігінің қараңыз

    Басты бет