- •«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. Студенттің өздік жұмысы
Сіздің формаңыз жақсы көріну үшін не істеу керек?
Интерактивті формалардың көмегімен оқырмандар Web-бетті құрушылармен оңай хабарласа алады. Форма мен <mailto:> тегінің қарапайымдылығының арқасында Web-түйіндер мен олардың оқырмандарының арасында екіжақтылы диалог мүмкін болды. Бұл Web- навигаторларға коммерциялық мүмкіндіктер мен қызықты болашаққа жол ашады.Өкінішке орай, көптеген ескірген браузерлер <mailto:> тегін қабылдамайды.
Сіздің формаңыз жақсы көріну үшін неістеу керек?
Барлық қиындықтарды жеңудің бір тәсілі ол – енгізу алаңы мен мәзір жолын беттің сол жағына, ал бағыттаушы мәтінді оң жағына орналастыру болып табылады. Енгізу аумағының енін SIZЕ= атрибутының көмегімен сіз жолдарды сол жақтан туралайсыз, ал оң жақтағы мәтін көптеген құжаттардағы сияқты тураланбаған болады. Мұндай форма әлдеқайда жинақы көрінеді. Мәтін мен форманы енгізу алаңының арасын ашуды ұмытпаңыз. Бұдан басқа күрделірек тәсіл – форма элементтерін кесте ұяшықтарына орналастыру. Бұл бағыттаушы мәтінді сол жақтан, ал енгізу алаңын оң жақтан орналастыруға көмектеседі.
Формаларды жұмыс істеуге мәжбүр ету
Сіз күтіп отырған бөлім осы шығар – енгізілген берілгендерді формамен серверге қалай сілтеуге болады. Шындығында олай жасау өте оңай. Ең бірінші мәселе – ол берілгендерді қайда жіберу, соны түсіну. Сіз <FORM> тегінде АСТION= атрибутын жазасыз және енгізілген берілгендерді өңдеп, олармен пайдалы бір нәрсе істейтін URL программаға сілтеме жасайсыз.
Дәріс №21-22. Өзін-өзі тексеру сұрақтары немесе тесттер
1. Қолданушының ақпаратты енгізуі және өзгертуі
2. Форма – қолданушы мен қарым қатынас жасаудың негізгі элементі.
Дәріс №23-24. АППЛЕТТЕР
АРРLЕТ ұғымы.
АРРLЕТ контейнерінің түрі
РАRАМ контейнерін қолдану
АРРLЕТ ұғымы
Желі ақылы қолданушы компьютеріне кішкене ұялы телефондардың программасын енгізіп, олармен жұмыс істеу әрине Java көмегімен орындалады. Бұл программалар Java терминологиясында апплеттер (алмалар) деп аталады. НТМL- құжаты мәтініне апплеттерді шақыру үшін АРРLЕТ контейнері енгізілді, ол <аррlet> тегімен басталып, </аррlet>тегімен аяқталады. Апплеттерге сілтемелері бар жалпы құжат түрі төмендегі мысалдағыдай болады.
Бұл мысалда құжат тақырыбы және ( H1 тегі) және қисық сызықтан кейін ені 200 пиксель және биіктігі 100 пиксель болатын апплет өрісі басталады. Берілген өріске hello (файл hello.class) деп алалатын аррlet жүктеледі. аррlet контейнері тегтердің басы мен аяғының арасындағы мәтін ны қолданбай, браузер көмегімен бейнеленетін құрылған мәтіндер мен контейнерлерді орналастыру үшін қолданылады.
<HTML>
<HEAD>
<TITLE> applet-ке сілтемелері құрылған құжат.
</TITLE>
</HEAD>
<BODY bgcolor=#FFFFFF>
<CENTER>
<H1> hello Java- апплетімен құрылған құжат </H1>
<HR>
<APPLET CODE=hello width=200 height=100>
Егер сіздің браузеріңіз Java қабылдаса, Аррlet осы орында бейнеленеді
</APPLET>
<HR>
</BODY)
</HTML>
Мұндай құжатқа сілтеме нәтижесінде біріншіден құжат мәтіні жүктеледі, сосын аррlet контейнері табылып, апплет кодының жүктелуі басталады. hello.class файлы НТМL-файлы қайда орналасса, ол да сонда орналасуы керек. Апплетті қабылдаған соң браузер өз жұмыс алаңында оған орын қалдырады, содан кейін барып оны орындауды бастайды.