3.2 Jquery-де анимация

JQuery эффектілер. JQuery эффектілердің көмегімен біз элементтерді анимациялы түрде жасыра,шығара аламыз,т.с.с..Жазылу синтаксисі (сурет 14) [33]:

//Тандалған элементті ақырын жасыру

$("селектор").fadeOut(скорость,функция);

//Тандалған элементті ақырын шығару

$("селектор").fadeIn(скорость,функция);

//Тандалған элементті ақырын жасыру/шығару және берілген шамаға дейін көрінгіштігін орнату

$("селектор").fadeTo(скорость,прозрачность,функция);

Сурет 14. JQuery эффектілер

JQuery эффектілерін қолданудағы мысал (сурет 15):

$(document).ready(function(){

$("#but1").click(function(){$("#par1").fadeOut(3000)});

$("#but2").click(function(){$("#par1").fadeIn(3000)});

$("#but3").click(function(){$("#par1").fadeTo(3000,0.3)});

$("#but4").click(function(){$("#par1").fadeTo(3000,0.8)});

$("#but5").click(function(){$("#par1").fadeOut(3000,function(){

alert("Абзац был полностью скрыт.");

});

});

});

Сурет 15. JQuery эффектілерін қолдану

Қорытынды

Бұл жұмыстың нәтижесінде JQuery кітапханасының барлық мүмкіншіліктерінен, плагиндерінен, эффектілерінен күрделі интерфейсті Web беті жасалынып шықты. Жұмыстың орындалу барысында JavaScript тіліне негізделген JQuery кітапханасының мүмкіндіктері, Apache2.2 Web серверін Windows7 операциялық жүйесіне орнату,HTML,HTML5,JavaScript,CSS-пен жұмыс,PhotoShopCS6 графикалық редакторы,Dreamweaver CS6 бағдарламалық қабықшасы зерттелініп қаралды.

JQuery-дің негізгі қағидасын,мағынасын бір ұранмен айтуға болады.Ол “Write less,do more!” ағылшын тілінен аударғанда “Қысқа жазу,көп орындау!”.

Дилпломдық жұмыс нәтижесінде JQuery жайында көптеген қазақ тіліндегі түсініктемелер,анықтамалар жиналды. Бұл жұмыстың тағы бір маңыздылығы қазақша нұсқасында.

Қазіргі таңда Қазақстан Республикасында орта және шағын кәсіпкерлік өте қарқынды даму үстінде.Сол себепті интернет арқылы ресурстаргға қолжетімді болу үшін, немесе компаниялар өз өнімдерін жарнамалау үшін әр компанияның жеке Web беті болу дағдыға айналып келе жатыр.Бірақ, интернет технологияны көп компаниялар қолданбайды, осы күнге дейін. Қолданған күннің өзінде де Web беттерінің интерфейсі өте қарапайым. Ал заман талабына сай интерфейс болмағандықтан адамдар ол Web бетке өте аз кіреді.Сол себептен Web бетінің интерфейсін құруда JavaScript тіліне негізделген Jquery кітапханасының маңызы зор.

Web дизайн түсінігіне сайттың шаблонын жасау және оны графикалық көркемдеу жатады. Қазіргі таңда web дизайн өзіне бірнеше мақсат қояды: қолданушыда объект бейнесін оң қабылдату, сайт құрылымының қарапайымдылығы мен анықтылығы, қолданушы интерфейсінің оңай түсінігі, навигациялық жүйенің ыңғайлылығы және т.б. Осы мақсаттарға жету үшін сайтты құрастырушы компьютерлік графикамен жұмыс жасайтын программа-құралдарының кең таңдауын, html және java кодтарын қолданады.

Dreamweaver CS6– бұл өңдеуші бір салада жұмыс жасай алатын, тез құрастырып, жүзеге асырып және Web-сайтқа және визуальды редактірлеу құралдарын пайдаланып Интернет - қосымшаға қызмет көрсете алатын, қосымшаларды өңдеу және кодты тез жазу интегралды шешімде біріктіріліп жүзеге асырылған қосымша болып табылады.

Өңдеушілер Dreamweaver-ді әр түрлі серверлік технологиялармен қолдана алады және қолданушыларға мәліметтер базасына және Web-сервистерге қол жеткізуді қамтамасыз ететін мықты Интернет –қосымшаларды құрастыра алады. Сайттың басты бет шаблонын HTML гипермәтіндік белгілеу тілінде жасап, кейін басқа беттерін Dreamweaver CS6 бағдарламасы арқылы жасадым. Визуальды құрастыру құралы .swf форматындағы флэш-роликтерді, графикалық суреттерді кодты жазбай-ақ бірден қоюы жұмысты көп жеңілдетеді. Macromedia Flash- өте қуатты, сонымен қатар қолданыста қарапайым, интерактивтілікті ұстанатын векторлы графика негізінде анимациялық жобалар жасаудың құралы.

Кез келген жұмысты жазбас бұрын оның зерттейтін аймағымен танысу керек. Сол себептен жұмысымды бастамастан бұрын HTML тілі бойынша деректер жинап, аударма жұмыстарын жүргізе отырып, оның мүмкіндіктерін толық зерттедім. Онда тегтермен жұмыс істеуді және ол туралы мәліметтердің түрлерін қарастырдым. Осы Web бетін жасағанда оны неғұрлым әмбебап, түсінікті, қолдануға ыңғайлы етіп шығаруға тырыстым. Сол үшін жүйенің объектілері анықталып, олардың арасындағы байланыстар орнатылып, ыңғайлы формалар құрылды. Соңында құрылған жүйеге алғашқы мәліметтер енгізіліп, оның жалпы жұмыс істеу принципі тексерілді.

Бұл бағдарлама Windows операциялық жүйесімен жұмыс істейтін дербес компьютерлерде толық жұмыс жасайды.Web бетінің күрделі интерфейсін құру нәтижесінде қолданушыларға қолайлы әрі түсінікті Web беті жасап шығарылды.

Жасалған жұмыстың нәтижесі ақпараттық технологияларды қолданудың негізі болып қызмет етеді және бүгінгі таңда Web бағдарламалауда JQuery кітапханасын көп қолданумен ерекшеленеді.