WEB презентация

НТТР – серверді басқа программалармен  әсерлестіру мақсатында үшін  құрылған. Гипермәтіндік ақпараттың  жүйе идеясы мынадай: қолданушы  құжаттарды өз қалауы бойынша  көре алады, кітап оқыған сияқты  тізбекті түрде емес. Сондықтан  Т. Нельсон гипермәтінді сызықтық  емес деп анықтады. Мұның бәрі  арнайы байланыс механизмін гипермәтіндік  сілтемелерге қолдану арқылы, мысалы  жай мәтінде «келесі – алдыңғы»  типі болса, гипермәтінде өте  көп сілтеме жасауға болады. Гипермәтін  бойынша мамандардың жақсы көретіні  библия, «Help» жүйесі. Алғаш қарағанда  қарапайым, бірақ іс жүзінде күрделі  статикалық, динамикалық, контексті  сілтемелер жасалынады.

HTML идеясы – гипермәтінді  жүйені құру мәселелерін арнайы  бейнемен басқару құралдарының  жүйені құру мәселелерін арнайы  бейнемен басқару құралдарының  сәтті шешімі болып табылады. 

Гипермәтіндік тілді өңдеуге  екі фактор әсер етті: гипермәтіндік  жүйені интерфейсі саласында  зерттеу және үлестірілген желіде  гипермәтіндік мәліметтер қорын  қарапайым және жылдам әдіспен  қамтамасыз ету.

Жай гипермәтіндік жүйелер арнайы  программа құралдарымен гипермәтіндік  байланыс тұрғызады. Гипермәтіндік  сілтемелердің өзі арнайы форматта  сақталып немесе арнайы файлдарды  құрайды.  Мұндай әдіс жергілікті  жүйе үшін тиімді, тек үлестірілген  түрлі компьютерлік платформа  жиынына арналмаған. HTML-да гипермәтіндік  сілтемелер құжат денесіне енгізіліп, оның бөлігі ретінде сақталады. WWW құжаттары – бұл қарапайым ASCII-файлдары, оны кез келген мәтіндік  редакторда дайындауға болады.

Дәріс 7

Дәріс  тақырыбы:WEB-технологияларының негіздері. FTP протоколдарын, FTP-қоры мекенінің форматын, FTP-сервер және клиенттерін белгілеу. Telnet және NNTP протоколдарын белгілеу. Чат, шұғыл поштаның қызметтері.

Дәріс  мақсаты: протоколдар,протоколдар негізіндегі  мобилді  интернетпен  танысу.

Кілттік сөздер: клиент, сервер, мобильді, интернет.

Қарастырылатын сұрақтар:

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

7.2 Telnet және NNTP  протоколдарын  белгілеу. 

7.3 Чат, шұғыл поштаның қызметтері,   IRC-желілері, IP-телефония.

 7.4 Видео-конференциялары.

7.5 WAP-протоколы негізіндегі мобильді  интернет.

. 

FTP (File Transfer Protocol – файлдарды тасымалдау хаттамасы. Қашықтағы компьютерден екілік және мәтіндік файлдарды алуға болады. Программалаушылардың бір-бірімен программа, сурет, мәтін (Word, Excel құжаттары, программа, т.с.с.) алмасуы үшін өте қажетті қызмет түрі. Бұл қызметті FTР-серверлер атқарады. Олар кез келген форматтағы файлдарды тасымалдай алады.

Интернет серверлерінде файлдар  түрінде сақтаулы құжаттар көп. Оларды қабылдап, экранға шақыру  үшін FTP қызмет хаттамасы пайдаланылады.

Файлдар барлық компьютер серверлерінде  сақтала бермейді. Оларды сақтап, FTP арқылы қызмет көрсететін арнайы  компьютерлер (файлдарды сақтау  қоймалары) бар. Оларды FTP-серверлер  деп атайды.

FTP хаттамасын іске қосу үшін  Internet Exploler терезесінің Адрес  өрісіне файл серверінің адресін,  мысалы, ftp://ftp.relcom.ru/ сияқты адресті  енгізу керек. Экранға кәдімгі  компьютердегідей каталогтар мен  файлдар көрінетін Сервер беті  шығады. Каталогты шертіп, ішкі  каталогқа өтуге, файлды шертіп,  мазмұнын экранға шығаруға болады.  Кейбір серверлерде файл архив  түрінде көрінеді. Оны ашу үшін  архивтеуші программаны пайдаланған  дұрыс. 

. 

Telnet – компьютердің желідегі басқа компьютердің терминалы ретінде тіркелетін қызмет түрі болып табылады. Қашықтағы компьютерден программаларды іске қосып, оқу орындарының кітапхана түбіртегтерін көріп, олармен өз компьютеріміздегідей жұмыс істеуге мүмкіндік береді (өңдеу және түзету әрекеттерімен қоса).

Telnet – интернеттің ең ескі  ақпараттық технологиясы. Ол бір  жарым мың ресми желі материалдарының  ішіндегі RFC (Request For Comments)  деп аталатын, үш ондыққа енетін  стандарттар санына енеді. Telnet  көмегімен кез келген портқа  жүгініп және қарауға болады,  оның жауабын көруге болады.

  Telnet келесі үштіктен тұрады:

қолданушының Telnet-интерфейсі;

Telnet  үрдісі;

Telnet хаттамасы.

Бұл үштік алыстағы компьютер  ресурстарына қол жеткізу үшін  желілік терминалды жүргізеді  және сипаттауды қамтамасыз етеді.

 

. 

Telnet хаттамасы. Тelnet хаттама ретінде ТСР транспорт хаттамасының қосымшасы болады.

 Telnet-тің негізінде үш іргелі идея жатыр:

NVT (Network Virtual Terminal - Желіге  виртуалды терминал) концепциясы;

Келісім-шарт опциясы (өзара әсер  параметрлерін келістіру);

«терминал -үрдіс» байланыс симметриясы.

Telnet байланыс программасын орнатқанда,  ол нақты терминал құрылғыларымен  жұмыс істейді және бұл программаға  қызмет көрсеткенде спецификация  ақпаратының алмасуы үшін терминал  құрылғыларының жұмысының ережелері  немесе Желілік виртуалды терминал  (Network Virtual Terminal) қолданылады.  Қысқарту мақсатында мұны NVT  спецификациясы дейміз. NVT –  бұл нақты физикалық терминал  құрылғысының мүмкіндіктерін кеңінен  қолданылатын стандартты сипаттау  табылады.

 

. 

Дәріс-8

Дәріс тақырыбы: WEB-қосымшаларын құру технологиялары.

Дәріс мақсаты:  вев қосымшаларын  құру  технологияларын  білу.

Кілттік сөздер: технология, механизм, клиент, сервер.

Қарастырылатын сұрақтар:

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

Құжатты гипермәтіндік белгілейтін HTML тілі.

DHTML, XHTML, XML-ерекшеліктері. 

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

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

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

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

PERL, PHP, ASP, SSI-дің қазіргі  сценарийлері.

 

XML (Extensible Markup Language) – XML-құжаттар аталатын мәліметтердің объкт класын сипаттайтын белгілеу тілі. XML тілі белгілеу үшін өзінің ешкандай тэгтар болмайды, ол жай ғана олардың жасау ретін аңықтайды. Тэгтар жиынтығын ұлғайтуға болады. XML-құжаттың сыртқы түрі

Құжаттың құрылымы.

Қарапайым XML-құжат келесі мысалдағы  түрде болуы мүмкін:

<?xml version="1.0"?><list_of_items><item  id="1"><first/>Бірінші</item><item  id="2">Екінші <sub_item>подпункт  1</sub_item></item><item id="3">Үшінші</item><item  id="4"><last/>Соңғы</item></list_of_items>

Бұл құжат кәдімгі HTML-беттке  ұқсас. XML-де ашатын, жабатын және  бос тэгтар бар (HTML-де бос тэг  ұғымы бар, бірақ оған арнайы  белгілеу қажет емес).

Кез-келген XML-құжат <?xml?> нұсқасынаң  басталу керек, оның ішінді тіл  версияның номерін, кодтық беттің  номері және басқа параметрлер  аңықталуы мүмкін.

 XHTML — XML тілде негізделген гипермәтінді белгілеу тілі, HTML-дың ағымды стандарттарға жақын. XHTML-дің HTML-ден айырмашылығы – кодтың жазылуының қаталдығы. XHTML – жаңа тіл, ескі HTML тілді алмастырады. XHTML-кодтың дұрыс жазылуын тексеру үшін валидатор-программалар болады.

Дұрыс XHTML-беттің минималды кодын келтіреміз:

<?xml version="1.0" encoding="windows-1251"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML  1.0

Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="ru" lang="ru">

<head>

  <title> Аталуы </title>

  <meta http-equiv="Content-Type"

  content="text/html; charset=windows-1251" />

</ head >

<body>

  Құжаттың мазмұны

</body>

</html>

HTTP-сұраныстың құрылымы. HTTP-сұраныс бос қатармен бөлініп жазылған сұраныстың тақырыбымен сұраныс денесінен тұрады. Сұраныс денесі болмауы да мүмкін. Сұраныс тақырыбы сұраныстың негізгі (бірінші) қатарынан және негізгі қатардағыларды анықтай түсетін келесі қатарлардан тұрады. Келесі қатарлардың да болмауы мүмкін. Негізгі қатардағы сұраныс бос орынмен бөлінген үш бөлімнен тұрады:

Әдіс (басқаша айтқанда, http командасы):

GET – құжат сұранысы. Анағұрлым  көп қолданылатын әдіс; HTTP/0.9-да,  осы әдіс қана болған. 

HEAD – құжат тақырыбына сұраныс.  GET-тен, тек құжат жөнінде ақпарат  жазылған тақырып сұранысы шығарылатындығымен  ерекшеленеді. Құжаттың өзі шығарылмайды.

POST – бұл әдіс мәліметтерді  CGI-скрипттеріне жіберу үшін қолданылады.  Мәліметтердің өзі келесі қатарларда  параметрлер түрінде орналасады. 

PUT – құжатты серверге орналастыру.  Сирек қолданылады. Бұл әдіс  қолданылған сұраныс құжаттың  өзі жіберілетін бөліктен тұрады. 

CGI – бұл сервердегі программалар  веб-сервер арқылы клиенттерге  мәліметтерді жіберетін ережелер  жинағы. 

CGI программаларға мәліметтерді  клиенттерге жөнелту мүмкіндігін  берсе, формалар  CGI-программалар  үшін осы мүмкіндікті кеңейтеді. 

CGI қосымшаларын таратуға келесілер  жатады:

Динамикалық HTML. Тұтас сайттар бір CGI-программасымен басқарылады.

Пайдаланушы енгізген сөздері  бар құжаттарды табатын іздеу  механизмдері.

Пайдаланушылар өз хабарламаларын  қоса алатын хабарландыру тақталары  мен қонақ кітаптары.

Тапсырыс қағаздары.

Сауалнамалар (анкеты).

Серверге орналастырылған мәліметтер  базасынан ақпараттарды шығару.

Осылардың барлығы CGI-ді мәліметтер  базасымен байланыстыруға мүмкіндік  береді.

CGI спецификациясы

CGI-дің  CGI-программасы, веб-сервер  және Web клиенті арасында мәліметтерді  жіберетін төрт тәсілі бар: 

Айнымалылар қоршауы.

Командалық қатар.

Стандартты енгізу құрылғысы.

Стандартты шығару құрылғысы.

Осы төрт әдістің көмегімен  сервер клиент жіберген барлық  мәліметтерді CGI-программаға қайта  жібереді. Одан кейін CGI-программа  өзінің таңғажайып ісін орындап, барлық шығу ақпараттарын қайтадан  серверге жібереді.

Дәріс-9

Дәріс  тақырыбы: HTML-де CSS-ті қолдану технологиялары. CSS стильдерді қолдану мүмкіндігі. HTML-құжатқа кестелер стилін кірістіру.Форматтау ережесі.Стилдің атрибуттары

Дәріс  мақсаты: CSS стильдерді қолдану мүмкіндігімен танысу.

Кілттік сөздер: каскадты, стильдер, селектор, импорт.

Қарастырылатын сұрақтар:

құжатқа кестелер стилін кірістіру.

Форматтау ережесі.

Стилдің атрибуттары

HTML-құжатқа кестелер стилін кірістіру

HTML-құжатқа каскадты кестелер  стилін қолдану үшін онымен  байланыстыру немесе оған кірістіру  керек. Оны төрт тәсілмен жасауға  болады:

1. HTML-құжатқа тура орналастыру  — кестелер стилінің ережелері <head> контейнеріне орналастырылған <style> контейнерлік тегке алынады.

Мысалы:

<style>

    hi {color: blue; font-size: 24pt}

    b {font-style: italic)

</style>

2. Элементке кірістіру - фигуралық  жақшасыз жол түріндегі стиль  параметрлердің жиыны style тегінің атрибутының мәні ретінде қай элементке қолданылады сол элементке меншіктеледі.

Мысалы:

<h1 style="color:blue; font-size:24pt">

3. Импорт —кестелер стилін  сыртқы файлдан мына команда  арқылы кірістіру

 @import: url (кестелер стилі файлының URL-адресі).

Кестелер стилінің файлы сss. кеңейтілуі бар мәтіндік файл  болып табылады. @import операторы басқа  кестелер стилінің ережелерінің  алдында <style> контейнерінде немесе CSS-файлында қолданылады.

Дәріс-10

 

Тақырыбы:WEB-қосымшаларын құру технологиялары. Flash технологиясы. Клиент-web-Сервер-Мәліметтер базасының сервері көп деңгейлі архитектурасы негізінде қосымшларады құру технологиялары.

 

Дәріс  мақсаты WEB-қосымшаларын жасаудың аспаптарымен танысу.

 

Кілттік сөздер: Flash технологиясы,графика, сервер,графикалық бейне.

 

Қарастырылатын сұрақтар:

 WEB-қосымшаларындағы графика.

Flash технологиясы

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

 Клиент-web-Сервер-Мәліметтер базасының сервері көп деңгейлі архитектурасы негізінде қосымшларады құру технологиялары.

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

Жеке графикалық бейнелерді  кірістіру

 

 Графиктық формат файлынан бейненi қою үшiн src атрибуты бар <img> тегін қолданамыз:

<img src = графиктық_файл_адресі>

Графиктық файл адресі - ол URL адрес  немесе файл аты. Мысалы:  

<img src =”http://www.myweb.ru/images/picture.jpg”>

<img src =”picture.jpg”>

Экранда бейненің өлшемі