World Wide Web жалпы түсінігі

Автор работы: Пользователь скрыл имя, 17 Октября 2013 в 11:24, курсовая работа

Краткое описание

Ұсынылып отырған курстық жұмысым соңғы жылдары Қ.Жұбанов атындағы Ақтөбе мемлекеттік университетінде, Ақтөбе мемлекеттік педагогикалық институтында «Web -дизайн» «Web-парақтарды құру» курстары бойынша жүргізіліп келе жатқан теориялық, практикалық сабақтар және лабороториялық жұмыстар негізінде жазылды.Оқу құралының мазмұны курс бағдарламасына сәйкес келеді. Web-парақтарды құруға қолданылатын негізгі HTML-гиперсілтемелер тілі мен JavaScript тілінің негізгі құрылымы берілген. Жалпы курстық жұмыс жеке тақырыптарға бөлінген,әрбір лабороториялық жұмыстың мақсаты анықталып, негізгі ұғымдары берілген.Әрбір тақырып соңында жасалған курстық программаларым бар.

Содержание

I.КІРІСПЕ
II. ИНТЕРНЕТ ҚҰРЫЛЫМЫ ЖӘНЕ ҚЫЗМЕТІ
2.1. World Wide Web жалпы түсінігі
2.2.Интернет желісінің құрылымы.
2.3. Компьютерді желімен жұмыс істеуге даярлау
III. WEB-ПАРАҚТАРДЫ ҚҰРУ ТЕХНОЛОГИЯСЫ
3.1. НТМL-құжат құрылымы
3.2. Фреймдерге бөлу
3.3 . HTML- тілінде суреттер салу
3.4. HTML- тілінде дыбыс келтіру
IV. ГИПЕРСІЛТЕМЕЛЕРДІ ҚОЛДАНУ
V. JAVASCRIPT ТІЛІНЕ КІРІСПЕ
VI. ҚОРЫТЫНДЫ

VII.ПАЙДАЛАНЫЛҒАН ӘДЕБИЕТТЕР

Прикрепленные файлы: 1 файл

курстық жұмыс.doc

— 2.08 Мб (Скачать документ)

 

3.1.Тексті жазып HTML тіліне шығару

<Html>

<head>

<Meta http-equiv="Content-Type"

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

<title>Сидней 2004</title>

</head> 

<H1 Align=center> Олимпиадаға қатысқан біздің жерлестер </h1>

<Hr>

<p> </p> </body> </html>

<H1>…</H1>….    …. <H6>… </H6>- шрифтердің  көлемі

Сырғымалық  жолдар былай жазылады:

<HTML>

<Body background="55.jpg"><H1><font color="red"><marquee behavior="alternate" height="20%" width="100%"

  direction="left"> МАЗМҰНЫ  </marquee></font></h1>

<li><a href="ӘЛИЯ МҰРАЖАЙЫ.htm" target="mazmun.htm">ӘЛИЯ МҰРАЖАЙЫ</a>

<li><a href="МҰРАЖАЙДЫҢ  ҚҰРМЕТТІ ҚОНАҚТАРЫ.htm" target="mazmun.htm">МҰРАЖАЙДЫҢ  ҚҰРМЕТТІ ҚОНАҚТАРЫ</a>

<li><a href ="ӘЛИЯ - ТАРИХЫМЫЗ  ӨШПЕС МӘҢГІ.htm" target="mazmun.htm">ӘЛИЯ - ТАРИХЫМЫЗ ӨШПЕС МӘҢГІ</a>

<li><a href="ӨЛЕҢ-ЖЫРДЫҢ  АТЫ БОЛҒАН ӘЛИЯ.HTM" target="mazmun.htm">ӨЛЕҢ - ЖЫРДЫҢ АТЫ БОЛҒАН ӘЛИЯ </a>

</U></UL>

</body></BODY>

</HTML>

 

  3.2. Фреймдерге бөлу

<html>

<fRAMESET ROWS="15%,*">

<fRAME SRC="takirip.htm">

<Frameset Cols="25%,40%,*">

<Frame src="menu.htm">

<Frame name="mazmun.htm">

<Frame name="BET.htm">

</Frameset>

</Frameset>

</Frameset>

</html>

 

    1.  HTML- тілінде суреттер салу

<HTML>

<BODY>

<IMG SRC="6.JPG"width=100% height=100%>

</body>

</html>

 

    1. HTML- тілінде дыбыс келтіру

<html>

<body>

<a href="04.htm"target="Bakyt"> <h3>Сурет</a></h3>

<body  background ="fon1.JPG" >

<bgsound src="C:\Documents and Settings\User_2\Рабочий  стол\musiс\medlak\008 Арман тобы - Кош бол.mp3"loop=infinite volume=100%>

<embed src="C:\Documents and Settings\User_2\Рабочий  стол\musiс\medlak\008 Арман тобы - Кош бол.mp3"avtoplay=true loop=true>

<h1>

<font face="KZ Times New Roman" color="red">

<marquee behavior="alternate" height="20%" width="100%"

         direction="left">  Бекзат Саттарханов </marquee></font>

</h1>

<FONT color="blue">

<dt><b><HTML><marquee direction=up behavior=scroll height=100%

scrollamount=2><FONT COLOR="red">

<Body background="7.jpg">

<dl>

<dt><b>ӘЛИЯ ҒҰМЫРЫ  ТУРАЛЫ</b>

<DD>

   19 жас ғана өмір  сүріп, ғасырларға жететін ерлік  жасаған Әлияның қамшының сабындай  ғұмыры туралы әлі күнге бір жүйеге түспеген деректер бар. Қаншама кітап жазылып, қаншама мақалаға арқау болған өмңрдің кейбір сәттері мен деректерін біз де бүгінгі әңгімеге арқау қылып айтпақшыыз. Ең алдымен, Әлия Молдағұлова Нұрмұханбетқызы деген сөздерде жұртшылықтың барлығына бірдей емес мағлұмат тұр. Әлияның фамилиясы Молдағұлова емес, Сарқұлова болуы керек еді. Оның әкесі –Нұрмұханбет Сарқұлов, шешесі – Маржан Молдағұлова. Әлия (шын аты - Ылия) 1925 жылы маусымның 15 жұлдызында Қобда ауданындағы Бұлақ аулында дүниеге келді. Шешесі 8 жасында қайтыс болып, әкесі оны нағашы әжесі Тәжекеннің  тәрбиесіне береді.

Әлия 1-ші класты 1933 жылы бұрынғы Әулие ата, қазіргі Тараз  қаласында 322 теміржол мектебінде бастайды. 1935 жылы Әбубәкір Молдағұловтың Әскери Транспорт Академиясына оқуға  түсуіне байланысты Молдағұловтар жанұясы Москваға көшіп барады. Мұнда 35 мектепте оқиды. Әлия Вятск орта мектебінде 7 класты бітіріп, жақсы оқыған балалар қатарында Рыбинск авиация техникумына оқуға түседі. Онда үш ай оқығаннан кейін, жұдырықтай жүрегінде неміс-фашист басқыншыларына  деген өшпенділік оты тұтанған Әлия өз өтінішімен Қызыл Армия қатарына қабылданып, көптеген қиыншылықтармен, 1942 жылдың желтоқсан айының 18 жұлдызында мергендер дайындайтын Орталық қыздар мектебіне оқуға түсіп, үздік бітіріп шығады.

1943 жылдың шілдесінде  Әлия соғысқа – алғы шепке  аттанады. Ол алғашқыда Ленинград  майданында, кейін Калинин майданындағы 54-ші дербес атқыштар бригадасының 4-ші батальонына қабылданады.  Осы майданда мерген Әлия көзін  жойған жай солдаттар мен офицерлердің саны туралы әр түрлі деректер бар.                        1944 жылдың 14-ші қаңтары төртінші батальонға  жауды Казачиха деревнясынан қуып шығып, Новосокольники-ДНО темір жолын босату  тапсырылған. Осы шайқаста  Әлия жарақаттанып, қайтыс болады.

     Қаһарман  қазақ қызының ерлігі мыңдаған  жауынгерлерге күш-жігер береді, олардың намысын шыңдады. Әлияның  винтовкасы батальон комсомол  ұйымының секретары Айсары Құрмановқа  тапсырылды. Батыр қыз денесі  Малый Удрай өзінінің жағасындағы  биік төбенің басына қойылды. Кейінен Монаковаға 14965 жылы қайта жерленді. Осындай ерен ерлігі үшін Әлия Нұрмұханбетқызына СССР Жоғарғы советінің Президиумының 1944 жылғы маусымының4-ші жұлдызында Совет Одағының Батыры атағы берілді. Ол құжат Қобда ауданының Бұлақ аулына Нұрмұханбет Сарқұловқа жіберілген екен. әлия туған Қазақстанын шексіз сүйді. Байтақ Отаны да оның есімін ұмытқан емес. Оның туған жері әлия атындағы шаруашылықта Әлияның мұражайы бар. Қазір Әлияның бүкіл болмысын көрсетуге бір ғана мұражайда аздық етеді. Сондықтан да оның туған аулы, туған жері батырдың ескерткіш мекеніне айналатын кез туды. Қазірдің өзінде жасалып жатқан шаралар Әлия аулы, Әлия жолы, Әлия көшесі, Әлия суаты, мектебі, мәдениет үйі, бүкіл табиған болмысы оның ескерткішіне айналды. Соңғы кезде Әлияның мұражайы туралы оның қайсысы үлкен, қайсысы кіші болуға тиіс деген әңгімелер шығып қалады. Біздіңше шығыстың таң жолпанындай Әлия үшін Қобдамен Ақтөбенің арасы айырылмас дейміз. Сонау Ресей жерінде Әлияның табаны тиген қалаларда, елді- мекендерде, ондаған мұражайды көріп, құрметпен сүйсіндік. 

<DT><b>ӘЛИЯ-</b>

<DD>Әлия бір рудың,  я бір әкенің баласы емес, барша  қазаққа ортақ. Ол жеке басының  ерлігімен халық жүрегінен орын  алды.

Сондықтан, тек Тасқабақ емес,Қазақстан Республикасының  қай жерінде де, мұражай ашып, оның аруағына құрмет көрсетіліп жатса нұр үстіне нұр болар еді. Өйткені, ол барлығымызға да ортақ, оны руға бөліп кішірейту айтар ауызға ұят. Оны анда туды, мұнда туды деп тартқылауорынсыз.

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

   V. JAVASCRIPT тілінің синтаксисі

 

        JAVASCRIPT тілі алфавитінің құрылымы:

  • Латынның үлкен әріптері: А,В,С,..........Z;
  • Латынның кіші әріптері: а,b,c,…………z;
  • Араб цифрлары: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9;
  • Пробел символдары: пробел, табуляция, жолды көшіру, жаңа жол;
  • Айыру белгілері: . , : ; ! \ / _ () {} <> # % & - = + * []
  • Арнайы символдар: \n \r \ \ t \ ’ \’’

Программада қолданылатын мәліметтер типі сандық , символдық ,

логикалық болуы мүмкін. Мәндық айнамалыларға арифметикалық операциялар, символдық операцияларға бірігу (конкатенация), логикалық айнымалыларға  логикалық операциялар орындалады.  

JavaScript тілінің басқа программалау тілдерінен өзгешелігі мәліметтер типі

сипатталмайды. Мәліметтер типі интерпритатормен анықталады.

       Операциялар   мәніне байланысты  мына топтарға  бөлінеді:

  • Арифметикалық операциялар
  • Салыстыру операциялар
  • Жолдық операциялар
  • Логикалық операциялар
  • Биттік оерациялар
  • Меншіктеу операциялары
  • Аралас операциялар

Арифметикалық операциялар 

Салыстыру операциялары

Операция 

Символы

Операция 

Операция

символы

Операция

+

Қосу

= =

Тең

-

Азайту

!=

Тең емес

*

Көбейту

<

Кіші

/

Бөлу

>

Үлкен

%

Қалдық

<=

Кіші немесе тең

_

Унарлы 

Емес

>=

Үлкен немесе тең


 

Меншіктеу операциясы

Логикалық операция

Операция 

Символы

Операция 

Операция

символы

Операция

=

Меншіктеу

&&

Логикалық және

*=

Көбейту

 және

меншіктеу

l l

Логикалық немесе

/=

Бөлу және

меншіктеу

!

Жоққа шығару

%=

Қалдық және

Меншіктеу

   

+=

Қосу және

Меншіктеу

   

-=

Азайту және

меншіктеу

   

 

                               If, else операторлары

Тармақталу  құрылымы – шартқа байланысты командалар серияларының екеуінің тек біреуі ғана орындалатын кезде ғана қолданылады.

Шартты операторлардың жазылу синтаксисі:

If (шарт немесе өрнек) оператор1;

 Else оператор 2;

 If (d= =0) x1=2*a;

Else x2= a*a; /* оператордың толық түрі/

If (d= =0) x1=2*a;

/* опердың қысқаша жазылуы /

 JAVASCRIPT тілінде шартты өрнек деп аталатын  ? : операциясы    

қолданылады. Бұл оператордың  көмегімен қарапайым операцияларды  бір 

жолға жазуға болады.

 

Таңдау операторы

Тармақталу командасының денесінде  тағы тармақталу командалары  кездескен  жағдайда, яғни  ішінде шарттар қойылған есептердің шешімін  іздеуде таңдау командасын қолданылады. Таңдау командасы switch операциясының көмегімен орындалады.

Switch (өрнек) {

Case  мәні 1:s1; break;

Case  мәні 2: s2; break;

……………………..

Case  мәні N: sN; break;

Defauld : sD;

}

мысалы:

switch (theme) {

case1: document.write(“мамыр”);break;

case2: document.write(“маусым”);break;

case3: document.write(“шілде”);break;

defauld: document.write(“тамыз”);

}

Бұл мысалда   document объектісінің write әдісіне (параққа текст шығарушы) қолданылады.

 

Қайталану операторлары

JAVASCRIPT тілінде қайталану операторын  жазу  үшін цикл операторларының үш түрі қолданылады.

While- жалғасу шартымен берілген цикл операторлары;

Do…while –аяқталу шартымен берілген цикл операторы;

For- параметрлі цикл операторы

  1. while  (шарт)

{

қайталанушы оператор

}

мысалы: i:=0, s=0;

while (s<=10)

{I++; s+=I;}

document.write (“қосынды мәні “+(s));

  1. do

{

қайталанушы оператор

}

while  (шарт);

мысалы: i:=0, s=0;

do

while (s<=10)

{I++; s+=I;}

document.write (“қосынды мәні “+(s));

3. for (параметрдің бастапқы мәні; шарт; параметрдің өзгеруі)

{

қайталанушы оператор

}

мысалы: F=1;

for (i=1;i<=10;i++)

f*=I;

document.write (“факториал мәні “+(s));.

 Функциялар 

JavaScript сценарийлерінде функциялар кеңінен қолданылады. Функция құрылымы:

Function name (arg1,arg2,…)

{

функция денесі

}

мұндағы,  name- функция идентификаторы, arg1,arg2,- функция аргументтері.

Фунция программада атымен шақырылады, ал нақта аргументтері дөңгелек

жақшада көрсетіледі. Функция  қайтаратын мәні return инструкциясы арқылы

көрсетеледі.

 Мысалы:

<html>

<HEAD>

<META HTTP-EQUIV="Content-Type"

CONTENT="text/html; CHARSET=Windows-1251">

<title>Window: Close</title>

<body>

<br>

<b>Мысал</b><br>

<button onclick=CloseShow()> Close әдісі</button>

<script language="vbscript">

sub CloseShow() window.close

end sub

</script>

<SCRIPT LANGUAGE="VBScript" SRC="../last.vbs">

</SCRIPT>

</BODY>

</html>   

                                

                        Оқиғалар және оқиғаларды өңдеуші

функциялар

  Оқиғаларды өңдеушілер құжаттың әртүрлі бөліктерінде жазылады:

Информация о работе World Wide Web жалпы түсінігі