Html Web программаны құру

Интернет  даму тарихы

 

1957 жылы Кеңес Одағы Жердің  жасанды серігін ұшырып, космостық  кеңістікте бірқатар алға шыққан  болатын. Бұл өз кезегінде АҚШ-да  біршама алаңдатушылық тудырып,  АҚШ Қорғаныс Министрлігі ақпаратты  тасымалдаудың сенімді жүйесін  құру туралы шешім қабылдады.  Осы мақсатты жүзеге асыру  үшін АҚШ-тың алдыңғы қатарлы  жобаларды зерттеу агенттігі  (ARPA) компьютерлік желі құруды  ұсынды. Бұл желіні құру ісі  Лос-Анджелестегі Калифорния университеті, Стэнфорд зерттеу орталығы, Юта  штатының университеті және Санта-Барбара  қаласындағы Калифорния штатының  университеттеріне тапсырылды. Компьютерлік  желі ARPANET деп аталып, 1969 жылы аталған  төрт ғылым орталықтарын біріктірді, барлық жұмыстарды АҚШ Қорғаныс  министрлігі қаржыландырып отырды. ARPANET желісінің даму қарқыны өте  жылдам болды, оны әр түрлі  ғылым саласындағы зертеуші-ғалымдар  да кеңінен қолдана бастады.

ARPANET желісінің алғашқы сервері  1969 жылдың 1 қыркүйегінде Лос-Анджелестегі  Калифорния университетінде орнатылды.  Сервер ретінде орнатылған «Honeywell 516» компьютерінің оперативті  жад көлемі небәрі 12 КБ болатын 

1971 жылы желі арқылы электронды  почта әртүрлі хабарламалар жіберуге  мүмкіндік беретін алғашқы компьютерлік  бағдарлама жасалып, кеңінен тарала  бастады 

1973 жылы бұл желіге трансатлантикалық  телефон сымы көмегімен Ұлыбритания  және Норвегияның ұйымдары қосылып,  желі халықаралық сипат ие  болды.

1970-жылдары интернет желісі тек электронды почта арқылы ақпарат жіберу үшін ғана пайдаланылды. Бірақ, бір кемшілігі интернет желісінің басқа техникалық стандарттарға негізделген желілермен байланыс орнату мүмкіншілігі болмады. 

1970-жылдардың соңында мәліметтерді  тасымалдау стандарттары үлкен  қарқынмен тарала бастады. 1982-83 жылдары  бұлардың барлығы бір стандартқа  келтірілді. 1983 жылдың 1 қыркүйегінде ARPANET желісі NCP протоколынан TCP/IP протоколына  көшірілді. Бұл протокол қазіргі  кезге дейін желілерді біріктіруде  кеңінен қолданылады. 1983 жылы ARPANET желісіне  қатысты айтылатын «Интернет»  термині пайда болды.

1984 жылы домендік аттар жүйесі (DNS) жасап шығарылды.

1984 жылы ARPANET желісіннен бөлек жаңа  желілер пайда бола бастады.  Солардың бірі АҚШ Ұлттық ғылыми  қоры (NSF) өз ішіне көптеген шағын  желілерді (сол уақыттарда-ақ  танымал болған Usenet және Bitnet желілерін  қоса) біріктірген университетаралық  ауқымды NSFNet (|National Science Foundation Network) желісін құрды. Бұл желінің ақпарат тасымалдау қабілеті ARPANET желісіне қарағанда, біршама артық еді. Бір жыл ішінде бұл желіге 10 мыңдай компьютер қосылды.

1988 жылы Internet Relay Chat (IRC) протоколы жасалып,  Интернетте нақты уақытта сөйлесу  (чат) мүмкіндігі пайда болды.

1989 жылы Еуропада, Ядролық сынақтар  бойынша еуропалық кеңес (CERN) қабырғаларында  Бүкіләлемдік тор концепциясы  пайда болды. Оны әйгілі ағылшын  ғалымы Тим Бернерс-Ли ұсынды, ол екі жыл ішінде HTTP протоколын, HTML тілін және URI идентификаторларын  ойлап тапты.

 

Технологияның негізгі үш түрін  атап көрсетейік:

- ақпарат  орналасқан сервер;

- оны  қарауға мүмкіншілігі бар клиент;

- оларды бір-бірімен байланыстыратын ақпарат алмасу протоколы.

 

WWW қызметі  үшін құрамында мәтін, графика,  музыка және көптеген басқа  да ақпараттар  бар құжаттар  компьютер-серверде орналасады. Ол  клиенттің көмегімен қаралады  және біріншіден екіншіге HTTP (Hyper Text Transfer Protocol, гипермәтінді жіберу  протоколы) протоколы көмегімен  беріледі.

Сонымен бірге, web-мастер үшін FTP (File Transfer Protocol, Файлдарды  жіберу протоколы) протоколы өте  маңызды. Оның көмегімен сайттар  үй компьютерінен серверге сақтайды.

TCP/IP протоколдары  әмбебап тиімді және қызметтің  көп түрін ұстай алады. Интернет  ашық жүйе болып табылады, сол  сияқты TCP/IP программалық қамтамасын  құру үшін керекті спецификациялары  барлық пайдаланушылар үшін ашық.

 

WWW 3 типке негізделеді:

 

- URL (Uniform Recourse Locator, ресурстың унифицирленген  көрсеткіші);

- HTTP (Hyper Text Transfer Protocol, гипермәтін жеткізу  протоколы);

- HTML (Hyper Text Mark-Up Language, Гипермәтін өлшем тілі).

 

URL – бұл желідегі кез-келген ресурстың уникальді адресі. Желідегі әрбір беттің өзінің уникальді URL – адресі бар. Мысалы: http://www.w3.org. URL-да біріншіден протокол есімі, содан кейін екі нүкте, екі қисық сызық, сервер есімі (біздің жағдайда w3.org), ресурсқа жол (бөлінгіш ретінде «/» қисық сызықты қолданамыз). Бірақ біздің жоғарыдағы мысалымызда ресурсқа жол көрсетілмеген.

HTTP – компьютер-клиентпен компьютер-сервер арасындағы ақпаратты алмастыру үшін қолданылатын протокол. Сізге ақпаратпен жұмыс істеуде бұл протоколды білудің тіптен де қажеті жоқ.

HTML – бұл тілде барлық беттер жазылған, мұны арнайытарауда қарастырамыз.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

НЕГІЗГІ БӨЛІМ

 

Бұл жасалынған зертханалық фотостудияғ арналады. Менің сайтымда :

• Басты мәзір
• Біздің қызмет
• Біздің фотостудия жайлы
• Бізбен байланыс
• Тіркеу парағы

Біздің шығармашылықбөлімдері орын алды. Жасалынған сайттың Бастапқы мәзірі 1 Суретте көрсетілген.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

HTML тілінің негізгі  тегтерінің кестесі

 

Негізгі тегтер

<html> </html>         Бетті қарау программасында бұл HTML құжаты екенін көрсетеді.

<head> </head>   Құжаттың денесінде бейнеленбейтін әр түрлі ақпараттар орналасқан жерді анықтайды. Мұнда құжат атының тегі және іздеу машиналары үшін қолданылатын тегтер орналасады.

<body> </body>    Құжаттың көрінетін бөлігін анықтайды.

 

Тақырып тегі

<title> </title> Құжат тақырыбын бетті қарау программасында мазмұнына қояды.

 

Құжат денесінің  атрибуттары

<body bgcolor=?> RRGGBB  түрінде түстің мәнін қолданып, құжат фонының түсін орнатады. Мысалы: FF0000 - қызыл түс.

<body text=?> RRGGBB  түрінде түстің мәнін қолданып, құжат текстінің түсін орнатады. Мысалы: 000000 - қара түс.

<body link=?> RRGGBB түрінде түстің мәнін қолданып, гиперсілтеменің түсін орнатады. Мысалы: 00FF00 - жасыл түс.

<body vlink=?> RRGGBB  түрінде түстің мәнін қолданып, сіз бұрын болып кеткен гиперсілтеменің  түсін орнатады. Мысалы: 333333 - күлгін түс.

<body alink=?> Басу кезінде гиперсілтеменің түсін орнатады.

 

Текстті форматтау үшін қолданылатын тегтер

<pre></pre>    Алдын-ала форматталған текстті   

жиектейді.

<h1></h1>     ЕҢ ҮЛКЕН тақырыпты құрады.

<h6></h6>     Ең кіші тақырыпты құрады.

<b></b> Қарайтылған әріппен жазылған текстті құрады.

<i></i>     Көлденең әріппен жазылған текстті

құрады.

<tt></tt>  Басу машинкасының стилін көрсететін текстті құрады.

<cite></cite>  Цитаталар үшін қолданылады, әдетте көлденең әріппен жазылған текст.

<em></em>  Тексттен сөзді белгілеу үшін қолданылады (көлденең немесе қарайтылған әріппен жазылған текст).

<strong></strong>  Тексттің маңызды бөлігін белгілеу үшін қолданылады (көлденең немесе қарайтылған әріппен жазылған текст).

<font size=?></font>     1-ден 7-ге дейінгі текст өлшемін

орнатады.

<font color=?></font> RRGGBB түрінде түстің мәнін қолданып, текст түсін орнатады.

 

Гиперсілтемелер

<a href="URL"></a>  Басқа құжаттарға немесе ағымдық құжаттың бір бөлігіне гиперсілтеме құрады.

<a href="mailto:EMAIL"> </a>  Құжат авторына хат жазу үшін почталық программаны шақыру гиперсілтемесін құрады.

<a name="NAME"></a> Құжатта гиперсілтеме мақсатында қолданылатын текст бөлігін белгілейді.

<a href="#NAME"></a> Ағымдық құжаттың бір бөлігіне гиперсілтеме құрады.

 

Форматтау

<p>   Жаңа  параграф құрады.

<p align=?>  Параграфты құжат шекараларының біреуіне тәуелді етіп тегістейді, мәндері: left, right немесе center.

<br>    Жаңа жолға көшуді қояды.

<blockquote></blockquote>  Тексттің екі жағы бойынша алшақтықтарды құрады.

<dl></dl>    Анықтамалар тізімін құрады.

<dt>  Терминдер тізімінен әрқайсысын анықтайды.

<dd>    Әрбір анықтаманы сипаттайды.

<ol></ol>    Нөмерленген тізімді құрады.

<li>  Тізімнің әрбір элементін анықтайды және номер меншіктейді.

<ul></ul>    Нөмерленбеген тізімді құрады.

<li>   Тізімнің әрбір элементін анықтайды және дөңгелекше немесе квадратша қосады.

<div align=?> HTML құжатында үлкен блоктан тұратын тексттерді форматтау үшін қолданылатын ең маңызды тег, сонымен бірге кестелер стилінде қолданылады.

 

Графиктік  элементтер

<img src="name">    HTML құжатына бейнелерді қосады.

<img src="name" align=?> Құжаттың бір жағына қарай бейнелерді тегістейді, қабылдайтын мәндері: left, right, center; bottom, top, middle.

<img src="name" border=?> Бейненің айналасындағы рамканың қалыңдығын орнатады.

<hr> HTML құжатына горизонталь сызық қосады.

<hr size=?>  Сызықтың биіктігін (қалыңдығын) орнатады.

<hr width=?>  Сызықтың ұзындығын орнатады, ұзындықты пиксельмен немесе пайызбен көрсетуге болады.

<hr noshade>    Көлеңкесіз сызықты құрады.

<hr color=?> Анықталған сызықтың түсін береді. RRGGBB мәні.

 

Кестелер

<table></table>    Кестені құрады.

<tr></tr>     Кестедегі жолдар санын анықтайды.

<td></td>     Кестедегі бөлек ұяшықты анықтайды.

<th></th>  Кесте тақырыбын анықтайды (қалыпты ұяшық ортада қарайтылған әріппен жазылған).

 

Кесте атрибуттары

<table border=#>                Кесте рамкасының қалыңдығын береді.

<table cellspacing=#> Кестенің ұяшықтарының арасындағы қашықтықты береді.

<table cellpadding=#>  Ұяшықтағы берілгендермен оның рамкасының арасындағы қашықтықты береді.

<table width=#>  Кестенің ұзындығын пиксельмен немесе құжат ұзындығынан пайызымен орнатады.

<tr align=?> или <td align=?> Кестеде ұяшықтарды тегістеуді орнатады, қабылдайтын мәндері: left, center немесе right.

<tr valign=?> или <td valign=?> Кесте ұяшықтары үшін вертикаль тегістеуді

орнатады, қабылдайтын мәндері: top, middle немесе bottom.

<td colspan=#>          Бір ұяшыққа біріктірілген бағандар санын анықтайды (келісім бойынша=1).

<td rowspan=#> Бір ұяшыққа біріктірілген жолдар санын анықтайды (келісім бойынша=1).

<td nowrap> Қарау программасында кесте ұяшықтарына көшуге рұқсат етпейді.

 

Кадрлар

<frameset></frameset>        Кадры бар құжатта <body> тегін

тексереді.

<frameset rows="value,value"> Кестедегі кадрлардың жолын анықтайды,            

биіктігі пиксель санымен  немесе кесте кадрларының биіктігіне қатынасының пайызымен анықталған.

<frameset cols="value,value"> Кестедегі кадрлардың бағанын анықтайды, ұзындығы пиксель санымен немесе кесте кадрларының ұзындығына қатынасының пайызымен анықталған.

<frame> Бірлік кадрды немесе кестедегі кадрлардың облысын анықтайды.

<noframes></noframes> Броузер терезесінде не көрсетілетінін анықтайды, егер ол кадрларды құптамайтын болса.

 

Кадр атрибуттары

<frame src="URL"> HTML құжатынан қандай кадр көрсетілетінін анықтайды.

<frame name="name"> Осы кадрда ақпараттарды немесе кадрлардың облысын қайта өзгертуге болатын кадр атын немесе облысын көрсетеді.

<frame marginwidth=#> Кадрдың оң жақ және сол жақ шеттерінің мәнін анықтайды; бірдей немесе бірге артық болуы керек.

<frame marginheight=#> Кадрдың жоғарғы және төменгі шеттерінің мәнін анықтайды; бірдей немесе бірге артық болуы керек.

<frame scrolling=VALUE> Кадрда айналдыру сызғышы шығарылатынын көрсетеді; value мәні "yes", "no" немесе "auto" болуы мүмкін. Қарапайым құжатта  үнсіз келісім бойынша мән auto болады.

<frame noresize>    Кадр өлшемін өзгертуге қарсы болады.

 

Формалар

 

Қандай да бір функцияны  орындайтын формалар үшін серверде сәйкесінше CGI скриптері қосылу керек. HTML тек  қана форманың сыртқы интерфейсін құрады.

 

<form> </form>  Форманы құрады.

<select multiple name=

"NAME" size=?></select> Жылжымалы менюді құрады. Size экранда көрсетілетін меню пунктерінің санын орнатады.

<option> Менюдің әрбір бөлек элементін көрсетеді.