Аппараттық және бағдарламалық қамтамасыз етуді орнату

Веб-қосымшаларды әзірлеу құралдарын таңдау. Тиімді веб-қосымшаларды әзірлеу құралдары: Оқулық

Кіріспе

Интернеттің ғаламдық компьютерлік желісінің қазіргі әлемге ықпалының тарихи аналогтары жоқ. Оның бүгінгі күні – адам өмірінің барлық салаларына электронды ену дәуірінің басы, бұл жай ғана маркетингтік науқан емес, жаңа философия мен жаңа бизнес стратегиясының негізі.

Өнімдер немесе қызметтерді жарнамалау тұрғысынан Интернет ең маңызды ресурс болып табылады деп болжау өте қисынды. Қазіргі заманғы адамдардың көпшілігі Интернетті ақпараттың ең қолжетімді көзі ретінде пайдаланады.

Веб-сайттарды құру интернет ресурстарын дамытудың маңызды технологияларының бірі болып табылады. Жақсы сайт, барлығын сіңіреді пайдалы ақпарат, коммерциялық компанияның да, оқу орнының да күннің кез келген уақытында жұмыс істейтін ең жақсы визит картасы.

қамтамасыз ететін бірнеше сайттарды талдағаннан кейін ақпараттық қолдауШағын кәсіпкерлік субъектілерінің мақсаттарына сәйкестігі, психофизиологиялық талаптары мен ақпараттық мазмұны, сондай-ақ даму құралдарын таңдаудың дұрыстығы бойынша келесі сипаттамалық кемшіліктерді бөліп көрсетуге болады:

сайттың психофизиологиялық талаптарға сәйкес келмеуі, бұл шаршаудың жоғарылауына немесе алаңдаушылыққа әкеледі;

Семантикалық жүктемені көтермейтін анимацияға, графикалық кескіндерге және бейне фрагменттерге құмарлық автоматты түрде веб-сайтқа келушілер санының азаюына әкеледі, өйткені бұл Интернетке қосылу өткізу қабілеттілігі мен трафик көлеміне қойылатын талаптарды арттырады;

берілген ақпараттың артық болуы немесе болмауы;

Әзірлеу құралдарын дұрыс таңдамау, бұл дайын өнімнің өзіндік құнының негізсіз өсуіне әкеледі.

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

Сонымен қатар, қазір онлайн қолданушылардың саны 500 миллионнан астам адамды құрайтындықтан (және бұл сан айына шамамен 7% өсуде), жаңа технологияларды пайдалану жолдарын іздеу қажет, олар тартуға көмектеседі. және Интернеттің кең аумақтары бойынша саяхаттайтын пайдаланушылардың назарын аударыңыз.

Зерттеу пәні – web-технологиялар.

Объект – веб-қосымшаларды әзірлеуге арналған орталар мен тілдер.

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

1) веб-технологияның негізгі ұғымдарын қарастыру;

2) кәсіпкерлік қызметте қолданылатын веб-қосымшалардың әртүрлі классификацияларын қамтамасыз ету;

3) веб-қосымшаларға қойылатын психофизикалық талаптарды қарастыру;

4) веб-қосымшаларды әзірлеуге арналған бағдарламалау тілдерінің көлемін анықтау;

5) веб-қосымшаларды құруға арналған орталардың функционалдығын талдау.

Өзіңіздің «Интернет-өкілдігіңізді» құру міндетіне жауапкершілікпен қараған жөн. Сайтты пайдалану оңай болуы керек - беттер мүмкіндігінше тез жүктелуі керек, ал ресурстың өзі логикалық және түсінікті құрылымға ие болуы керек. Тек осы жағдайда ғана келушінің берілген ақпаратқа қызығушылық танытып, сайтта қалуына сенуге болады.

Заманауи компьютерлік техниканың дамуы және жаңа технологиялардың енгізілуі жер бетіндегі тіршіліктің жаңа бағытының негізін қалады. Микроэлектроника мен кибернетиканың дамуында өте қысқа мерзімде көптеген өзгерістер орын алды.

Технологияның жетістіктері жаңадан пайда болды бағдарламалық өнімдер. Жыл сайын көбірек бағдарламалау тілдері енгізілуде. Олардың барлығы ең алдымен мақсатты аудиторияға бағытталған.

Тек компьютерлер ғана емес, желілер де дамып келеді. Бірнеше онжылдықтар бұрын Интернет шағын жеке желі болса, қазір ол бір-бірімен байланысқан компьютерлердің алып жүйесі болып табылады, онсыз біз өмірді елестете алмауымыз мүмкін.

Интернет - бұл өте «қызып кеткен» адамдар өздерін соншалықты жайлы сезінетін «салқын бассейн» ғана емес, сонымен қатар кез келген дерлік ыстық тақырыпты күйіп қалудан қорықпай «жүргізуге» болатын орын.

Web-технология ақпаратпен, жалпы компьютермен жұмыс істеу идеясын толығымен өзгертті. Дамудың дәстүрлі параметрлері болып шықты есептеу техникасы- өнімділік, өткізу қабілеті, сақтау сыйымдылығы - жүйенің негізгі «тар тасы» - адаммен интерфейсті ескермеді. Адамның ақпараттық жүйемен өзара әрекеттесуінің ескірген механизмі жаңа технологияларды енгізуге кедергі келтіріп, оларды пайдаланудан түсетін пайданы азайтты. Адам мен компьютер арасындағы интерфейс қарапайым адамның табиғи қабылдауына жеңілдетілгенде ғана компьютерлік технологияның мүмкіндіктеріне қызығушылық бұрын-соңды болмаған жарылыс болды.

Интернет пайдаланушыларына қолжетімді ақпарат арнайы бағдарламалық қамтамасыз ету орнатылған компьютерлерде (веб-серверлерде) орналасқан. Бұл ақпараттың көп бөлігі веб-сайттар түрінде ұйымдастырылған. Олардың әрқайсысының Интернетте өз атауы (адресі) бар. Веб-сайт дегеніміз – белгілі бір формада берілген, Web-серверде орналасқан және өз атауы бар ақпарат. Пайдаланушының компьютерінде веб-сайттарды көру үшін браузерлер деп аталатын арнайы бағдарламалар қолданылады. Қазіргі уақытта ең көп таралған браузерлер Internet Explorerжәне Netscape Navigator. «Мекенжай» жолында қандай сайт атауын қойғанымызға байланысты браузер өз терезесіне сәйкес ақпаратты жүктейді.

Веб-сайт байланысқан веб-беттерден тұрады. Веб-бет – бұл *.htm кеңейтімі бар мәтіндік файл, онда мәтіндік ақпарат және арнайы командалар – бұл ақпараттың браузер терезесінде қалай көрсетілетінін анықтайтын HTML кодтары бар. Барлық графикалық, аудио және бейне ақпарат тікелей Web-парақшаға кірмейді және жеке файл болып табылады (сурет 1 Қосымша А).

Қазіргі веб-қосымшалар негізінен басқа жерден қол жеткізуге болмайтын қызметтерді ұсынатын порталдар болып табылады.Мұндай қызметтердің бір кемшілігі – компаниялар арасында ақпарат алмасудың қиындығы. Атап айтқанда, әрбір осындай сайтта тіпті байланыс және басқа да жеке ақпарат қайта енгізілуі керек.

Қазіргі уақытта мақсаты бойынша порталдардың үш негізгі түрі бар:

· Yahoo, Lycos, Excite, Rambler сияқты жалпыға ортақ немесе көлденең порталдар (кейде мегапорталдар деп те аталады). Мұндай порталдар көбінесе дамудың нәтижесі болып табылады іздеу жүйелері. Олар ең кең аудиторияға арналған, бұл олар ұсынатын ақпарат пен қызметтердің мазмұнында көрінеді. Әдетте, бұл ақпарат жалпы сипатта болады, сондай-ақ көрсетілетін қызметтер (электрондық пошта, ақпараттық бюллетеньдер және т.б.).

· Тік порталдар. Порталдың бұл түрі нарықтың нақты түрлеріне арналған және осы нарықтың қызметтерін пайдалана отырып немесе онда жұмыс істейтін аудиторияға қызмет көрсетеді. Мұндай порталдардың мысалдары, мысалы, қонақүйлерді брондау, билеттерге тапсырыс беру және жеткізу қызметтерін ұсынатын туристік агенттіктер, карталарға және көлік жүргізу бағыттары туралы ақпаратқа қол жеткізу немесе өз клиенттеріне бірлескен бизнесті жүзеге асыруға мүмкіндік беретін B2B (бизнес-бизнес) порталдары. операциялар (мысалы, жеткізушілерді таңдау және тауарларды сатып алу, аукциондарды өткізу).

· Корпоративтік порталдар бір кәсіпорынның қызметкерлеріне, клиенттеріне және серіктестеріне арналған. Мұндай порталдың пайдаланушылары рөлі мен жеке профиліне байланысты оларға арналған қызметтер мен қолданбаларға қол жеткізе алады.

Басқа кең таралған веб-қосымшалар:

· Бағыты бойынша әмбебап, бірақ қызығушылық танытқан келушілер географиясымен шектелген аймақтық интернет-порталдар (e1.ru);

· Іздеу жүйелері – бұл өз келушісіне берілген сөздер немесе тұтас сөз тіркестері (metabot.ru) табылған сайттарды табу мүмкіндігін қамтамасыз етуге арналған интернет-порталдар;

· Каталог – бұл сайттарға сілтемелер жиынтығы. Іздеу болса, бізге каталогтар не үшін қажет? Көбінесе біз нақты не қажет екенін білмейміз, оны бір-екі сөзбен тұжырымдай алмаймыз (mail.ru);

· Электрондық хабарландыру тақталары – Интернетте кез келген адам ақпараттық, шақыру немесе жарнамалық мақсатта ақпарат қалдыра алатын орын;

· Форумдар – келушілерге өз хабарламаларын қалдыру арқылы пікір алмасуға арналған арнайы сайттар немесе сайттардағы бөлімдер;

· Чат – интернеттегі басқа қарым-қатынас орны, тек оның мақсаты қандай да бір тақырып бойынша пікір алмасу емес, жай ғана уақыт өткізу;

· Жүктеп алуға арналған файлдар;

· Фотогалереялар;

Статистиканың элементтері;

онлайн сақтау әртүрлі ақпарат;

· Пошталық тізім серверлері, олар оқырмандардың кең ауқымына ақпаратты жеткізу қызметтерін ұсынады (subscribe.ru);

· Интернет-дүкендер мен аукциондар (ozon.ru, molotok.ru).

Веб-жобаның бастапқы нүктесі сайттың мақсаттары мен пайдаланушыға ұсынылатын функцияларды талдау болып табылады.

Екінші кезең – сайттың ақпараттық архитектурасын құру.

Сайттың барлық материалдары және оның құрылымы белгілі болғаннан кейін сіз навигация дизайнына және беттердің өздеріне көшуге болады.

Әр бетте сайт картасына жоғары көрінетін сілтемені орналастырыңыз. Картаны көрсету беті пайдаланушы экранындағы екі беттен аспауы керек. Карталардың екі түрі қолданылады: статикалық және динамикалық. Ақпараттық архитектураның статикалық дисплейі бар картаны пайдалану ең тиімді, өйткені динамикалық көрініс пайдаланушыны одан да көп шатасуға әкеледі. Карта пайдаланушыны жақсырақ бағдарлау үшін жасалған, сондықтан карта пайдаланушының сайттағы ағымдағы орнын ғана емес, сонымен бірге ол бұрыннан барған бөлімдерді де көрсетуі керек.

Компанияның веб-сайтының негізгі беті бүкіл желіге қараған сайттың беті болып табылады (2-сурет Б қосымшасы). Компанияның мақсаттары басты бетте нақты көрсетілген, бұл ретте әрбір дизайн элементі пайдаланушыға сайтты жақсырақ түсінуге және өз мәселелерін шешу үшін әрекеттер тізбегін анықтауға мүмкіндік беруі керек.

бері басты бетпайдаланушылардың көпшілігі сайт арқылы саяхатын бастайды. Бұл ретте сайтымыз терең сілтеме арқылы сайтқа кірген адамдар өздерін жайлы сезінетіндей етіп жасалуы керек. Ол үшін сайттың әрбір бетіне орналастыру керек:

жоғарғы сол жақ бұрышта компания атауы немесе логотипі

бір сөйлемнен тұратын сайттың жеке ұраны

Пайдаланушы қосулы деп болжауға болмайды осы бетбасынан аяғына дейін. Ол иерархияның жоғарғы деңгейінің беттерінде біз көрсеткен ақпаратты көрмеген болуы мүмкін. Терең сілтемелер арқылы біз пайдаланушыны орынға бағыттауымыз керек, оған оның қазір сайтта қай жерде екенін айтып, беттегі тізбекті сілтемені көрсетуіміз керек. Іздеу жүйелерінде кейбір бетті индекстемеу қажет болса, «HEAD» элементіне енгізу қажет. .

«Біз туралы» бөлімінде сіз компания туралы негізгі ақпаратты көрсетуіңіз керек:

· жоғары басшылық сілтемесінің құрамы (библиографиялық тізіммен және фотосуреттермен);

· Байланыс ақпараты;

ұйымның философиясы (іскерлік көзқарас, қоғаммен қарым-қатынас, ұмтылыс);

негізгі тарихи кезеңдері;

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

Мәтін жас және ескі пайдаланушылар үшін оңай оқылатын болуы керек, сондықтан қаріп өлшемін абсолютті бірліктермен емес, салыстырмалы бірліктермен көрсетуіміз керек, өйткені өлшем пайдаланушылардың таңдауына байланысты. Сонымен қатар, сайт беттерін көлденең айналдыруды пайдалану қаншалықты тітіркендіргіш болса да, мәтін параққа толығымен сәйкес келуі керек.

Пайдаланушылар веб-беттерді сөзбен сөзбен сирек оқиды. Бірінші қарауда ол фактілерді іздейді және егжей-тегжейлерді елемейді, бірақ қызықты материалды тапқаннан кейін ол тереңірек кете алады. Бетті қараудың шамамен схемасы келесідей көрінеді: бірінші жол көлденеңінен толық сканерленеді, келесісі толық тереңдікте сканерленбейді және әрбір келесі жол сайын ақпаратты жұлып алу барған сайын азаяды.

Сондықтан пайдаланушылар көбінесе мақаланың жоғарғы бөлігін ғана көреді. Және тек ең қызығушылық танытқан оқырмандарбетті айналдырады және мақаланың тарихын барлық егжей-тегжейлерімен түсінетіндер аз. Сондықтан мақала «қорытындыдан» басталып, ең маңызды ақпарат туралы хабарламадан кейін, ал соңында оқиғаның фонында болатын «төңкерілген пирамидалар принципін» қолдану маңызды. берілген.

Беттерді оңай қарау үшін біз мыналарды қолданамыз:

негізгі сөздерді таңдау;

Жақсы жазылған айдарлар

· маркерлері бар тізімдер;

әр идеяға бір абзац (пайдаланушылар абзацтың негізгі сөздеріне тартылмаса, барлық басқа идеяларды өткізіп жібереді);

төңкерілген пирамида стилі (мұнда мақала қорытындыдан басталады);

кәдімгі мақалаға қарағанда аз сөз;

ең аз түсінілмеген терминдер;

Хабарламаның жасалған күнін көрсету (қазіргі уақытта қаншалықты ұзақ екенін білу үшін);

«ALT» атрибутының контекстік ақпараты.

Электрондық тақырыптар жиі контекстен тыс көрсетіледі:

сайттағы мақалалар тізімінде;

хабар тақырыптарында Электрондық пошта;

Іздеу нәтижелерінде

шолғыш бетбелгілерінде.

Сонымен қатар, пайдаланушылар тақырыптардың астындағы мәтінді өткізіп жіберсе, біздің тақырыпты түсіну үшін ешқандай супер білімге ие болудың қажеті жоқ. Осы себепті тақырып мәтіні мазмұнының қалған бөлігі болмаған жағдайда оны түсінікті ететін дербес ақпарат болуы керек. Тақырыпты жазғанда бейтарап тіл қолдану керек, қолданбау керек: сөз тіркестері, «қулық», «арбау», бас әріптер (пайдаланушыға айқайлап тұрған сияқтымыз)

Пайдаланушылар мағыналы тақырыптарды қалайды. Микро-мазмұн неғұрлым қысқа болса, оны шолу оңайырақ болады. Әрбір мақаланың басында және бет атауында бір сөзді қолдануды болдырмау керек, өйткені мұндай бірнеше мақаланы бір уақытта пайдаланған кезде панельде немесе қойындыда қажетті мақаланы таңдау қиын болады.

Бізге электрондық пошта мекенжайын беруді сұраған кезде, осы жерде және қазір пайдаланушы нақты не алатынын және оның пошта жәшігінің тыныштығын қаншалықты жиі бұзатыныңызды айту керек. Mailto сілтемелері пошталық мекенжаймен жұмыс істейтініміз анық болатындай етіп пайдаланылуы керек. Есімдерге пошта сілтемелерін орналастырмаңыз, өйткені атауды басу сізді олардың өмірбаянына апарады. Электрондық пошта арқылы байланысқан кезде, егер пайдаланушы онымен жеке қарым-қатынас орнатпаса (белгісіз адамдардың хаттары көбінесе қоқыс жәшігіне түседі) қызметкерлердің біреуінің нақты атын қолдануға ешқандай себеп жоқ.

Сайттың сенімділігін арттыру үшін жоғары сапалы графикалық кескіндерді пайдалану қажет. Бұл жағдайда әдепкі бойынша үлкен кескіндерді пайдаланбау керек. Нобайларды қолданған жөн, қажет болған жағдайда оларды пайдаланушы қалағанша көбейтіңіз. Нобайлар кескін туралы барлық негізгі ақпаратты қамтуы керек. Сайтта голливудтық күлімсіреген фотомодельдерді емес, нақты қызметкерлер мен клиенттердің фотосуреттерін пайдалану дұрысырақ болар еді. Сондай-ақ жақсы жазу стилін және басқа сайттарға шығатын гипермәтіндік сілтемелерді пайдалану қажет. «Жарнамалық суды» пайдаланудың қажеті жоқ, өйткені ол қосымша эмоционалдық жүктемені көтереді, ал пайдаланушылар нақты фактілерден гиперболаны електен өткізуге уақыт жұмсауға мәжбүр.

Сайтпен қарым-қатынасты арттырудың классикалық тәсілі - жаңа мазмұнды тұрақты аралықпен (күнделікті және ай сайын) жариялау. Қалаушылар үшін жаңа материалды таратуды ұйымдастыру қажет. Жазылғандардың 100% дерлік автор өзін еске түсірген кезде сайттың өзіне мезгіл-мезгіл кіріп отырады.

Сайттың дизайны адамдарға бейімделуі керек. Мұндай құрылғының нұсқаларының бірі - профиль, бірақ оны толтыру шыдамдылықты қажет етеді, сондықтан оны сайтқа белгіленген келушілер толтырады. Сондықтан пайдаланушыларды қадағалау үшін жалықтыратын тіркеу процедурасынан гөрі, барлық қажетті ақпарат енгізілген «cookie» файлын қолданған дұрыс. Қауіпсіз жұмыс істеу үшін тіркеу әлі де қажет болса, тым қатаң жазба пішіндерін жасамау керек. Мүмкін болса, автотолтыруды пайдаланыңыз және курсорды пішіннің бірінші өрісіне автоматты түрде орнатыңыз.

Интернетте іздеу үшін пішіндерді жасаудың қажеті жоқ, егер пайдаланушы қажет болса, ол арнайы іздеу жүйесін пайдаланады.

Сілтемелер болжамды болуы керек, пайдаланушы сілтемені басқан жағдайда не болатынын білуі керек. Сілтеменің не екенін анық көрсетіңіз: егер ол мәтін болса, оны боялған немесе асты сызылған болсын. Барған және кірмеген сілтемелер арасындағы айырмашылықты жасырмаңыз. Іздеу жүйелері ең маңызды келушілер және олар саңырау және жоғары технологияларды көрмейді деген болжаммен сілтемелер жасаңыз. «Тақырып» тегтерін іздеу жүйелерінде және бетбелгілерде жақсы көрінетіндей етіп жасаңыз, сондықтан сілтемелерді кілт сөзден бастау керек.

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

Сайтты шарлау кезінде пайдаланушыға қалқымалы терезелерде немесе басқа жолмен беттерді ашу жолын таңдауға рұқсат етіңіз.

WEB-те пайдаланушылар өздерінің мақсатынан басқа ештеңеге назар аудармайды, ал олардың мақсатына жетуден алшақтататын жарнамаға олар жай ғана мән бермейді. Егер біздің жарнама пайдаланушы оны қызықтыратын материалды таппай тұрып пайда болса, ол жабылуы мүмкін. Ол өзінің негізгі тапсырмасын орындап, жарнаманы мұқият қарауға дайын болғанда, ол қалқымалы терезені жапқандықтан, оны енді көрмейді. Сондықтан сіз ешқашан пайдаланушыны мақсатыңыздан алшақтатпауыңыз керек.

Пайдаланушы іздеу серверінде сұрау сөздерін терген кезде, сұрау нәтижелері тізімінде пайда болатын жарнамалар адамға қажет нәрсеге тікелей қатысты болады. Сондықтан ол осы жарнамаларды оқып, сілтемелерді басады. Мұндай жарнама парақшаларды таратудан әлдеқайда арзан.

Сонымен, табыстың құпиясы - жарнамаларды пайдаланушы мақсаттарымен сәйкестендіру.

«Жабу» батырмасының болмауы;

басуға мәжбүр ететін амалдар;

оны басқан кезде не болатынын нақты көрсетіңіз;

· ағымдағы беттен шықпай-ақ өзіңіз туралы қосымша ақпаратты береді.

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

1) интерфейстің қалай жұмыс істейтінін түсіну;

2) зейіннің белгілі бір элементтерге шоғырлануы.

Болашақта қалай қайталанса да, әрбір мәселені бөлек атап өту қажет.

Веб-қосымшаларды әзірлеу құралдары

Веб-қосымшаларды әзірлеуге арналған бағдарламалау тілдерінің қолданбалары

Гипермәтінді белгілеу тілі немесе әдетте HTML деп аталады, бүкіләлемдік тордың негізінде жатқан компьютер тілі. HTML тілінің арқасында кез келген мәтінді гипермәтінге түрлендіру арқылы кейіннен Интернетте жариялау арқылы белгілеуге болады.

HTML тілінде веб-шолғыштар бетті көрсету үшін пайдаланатын таңбалардың өзіндік жиыны бар. Дескрипторлар деп аталатын бұл белгілер гиперсілтемелерді жасауға қажетті элементтерді қамтиды.

HTML құжаттарының ерекше белгілерінің бірі – құжаттың өзінде тек мәтін ғана болады, ал қалған барлық нысандар құжатқа Браузер арнайы тегтер арқылы бейнеленген және бөлек сақталатын уақытта ендірілген. HTML файлын сақтаған кезде құжат орналасқан жерде қалта жасалады, оған ілеспе графикалық дизайн элементтері орналастырылады.

Біріншіден, PHP сервер жағында жұмыс істейтін сценарийлерді жасау үшін қолданылады, бұл үшін шын мәнінде олар оны ойлап тапты. PHP кез келген басқа CGI сценарийлері сияқты тапсырмаларды орындай алады, соның ішінде html пішін деректерін өңдеу, динамикалық түрде құру. html беттеріжәне т.б. Бірақ РНР қолдануға болатын басқа аймақтар бар.

Екінші сала – пәрмен жолында орындалатын сценарийлерді құру. Яғни, PHP көмегімен веб-сервер мен браузерге қарамастан белгілі бір машинада орындалатын осындай сценарийлерді жасауға болады.

Ал соңғы сала – клиент жағында жұмыс істейтін GUI қолданбаларын (графикалық интерфейстер) жасау.

Ajax асинхронды Javascript және XML (Асинхронды Javascript және XML) дегенді білдіреді және сөздің қатаң мағынасында технология емес. Егер стандартты веб-қосымшада сервер барлық ақпаратты өңдейтін болса, ал браузер тек пайдаланушымен әрекеттесу, сұраныстарды жіберу және кіріс HTML шығару үшін жауапты болса, онда Ajax қосымшасында пайдаланушы мен сервер арасында басқа делдал пайда болады - Ajax қозғалтқышы. Ол қандай сұрауларды «орнында» өңдеуге болатынын және қайсысы серверге жіберілетінін анықтайды.

Сервердің әрекеті де өзгерді. Егер бұрын сервер әрбір сұраныс үшін жаңа парақ шығарса, енді ол тек клиентке қажет деректерді жібереді, ал HTML олардан Ajax қозғалтқышын тікелей браузерде қалыптастырады.

Асинхрондылық пайдаланушының әрбір шертуі серверге жете бермейтіндігінде көрінеді және керісінше де дұрыс - сервердің әрбір реакциясы пайдаланушы сұрауына байланысты емес. Сұраныстардың көпшілігі Ajax қозғалтқышымен жасалады және ол пайдаланушының әрекетін күту үшін ақпаратты жүктейтіндей етіп жазылуы мүмкін.

Ajax қай жерде қолданылады:

· Пішіндер. Олар өте баяу. Деректерді асинхронды түрде жіберсеңіз, бет қайта жүктелмейді.

· «Ағаш» түріндегі навигация. Жалпы, мұндай навигация қорқынышты. Қарапайым топология әлдеқайда ыңғайлы, бірақ егер ол оған келсе, Ajax-ты қолданған дұрыс.

· Сүзгілер. Көбінесе сайттарда олар күні, аты бойынша сұрыптайды. Ajax әлдеқайда ыңғайлы болады.

JavaScript

JavaScript бағдарламалау тілін Netscape интерактивті HTML құжаттарын жасау үшін әзірлеген. Бұл клиент жағында да, сервер жағында да жұмыс істейтін ендірілген қолданбаларды әзірлеуге арналған нысанға бағытталған тіл. Тілдің синтаксисі Java тіліне өте ұқсас, сондықтан оны Java тәрізді деп атайды.

JavaScript негізгі қолданбалары келесі санаттарға бөлінеді:

· сценарий арқылы құжатты динамикалық құру;

· жедел тексерупайдаланушы толтырған HTML пішін өрістерінің серверге жіберілгенге дейін жарамдылығы;

Каскадты стиль кестелерімен және құжат нысанының үлгісімен бірге динамикалық HTML беттерін құру;

HTML бетіне ендірілген JavaScript қолданбасы арқылы шешілетін «жергілікті» тапсырмаларды шешу кезінде пайдаланушымен өзара әрекеттесу.

VBScript

VBScript сценарий тілін Microsoft әзірлеген және Windows қосымшаларын әзірлеуге арналған бағдарламашылар арасында кеңінен таралған Visual Basic тілінің ішкі жиыны болып табылады. Ата-анасы сияқты, VBScript өте қарапайым және үйренуге оңай.

Оны сценарий жасау үшін пайдаланудың артықшылығы Visual Basic және Visual Basic for Application бағдарламаларында бұрын жазылған процедураларды шамалы түзетулермен пайдалану мүмкіндігі болып табылады.

VBScript тілінде жазылған сценарийлердің функционалдығы JavaScript сценарийлерінің функционалдық мүмкіндіктерінен еш айырмашылығы жоқ: құжатты немесе оның бөліктерін динамикалық құру, оқиғаларды ұстап алу және өңдеу және т.б.

VBScript клиенттік сценарийлер үшін (бұл жағдайда браузерде кірістірілген VBScript интерпретаторы болуы керек) және сервер сценарийлері үшін (бұл жағдайда сервер VBScript қолдауы керек) қолданылады.

Сіз клиенттік сценарийлерді жасау үшін JavaScript-ке ұқсас нысандар жинағын пайдаланасыз. Клиент және сервер нысандары әртүрлі, бірақ клиенттік сценарийлерді де, сервер сценарийлерін де әзірлеуде пайдаланылатын объектілердің ортақ бөлігі (өзегі) бар.

Perl жүйелік басқару құралдарын әзірлеу үшін кеңінен қолданылады, бірақ жақында ол Интернет қосымшаларын әзірлеу саласында үлкен танымалдылыққа ие болды: CGI сценарийі, электрондық поштаны өңдеудің автоматтандырылған жүйелері және веб-сайтты қолдау.

Мұнда Perl көмегімен орындауға болатын тапсырмалардың кейбір мысалдары берілген:

· Windows NT пайдаланушыларының күйі мен мүмкіндіктеріндегі сәйкессіздіктерді тексеру;

· NT-қызметтерін командалық жолдан және жергілікті машинадан қашықтан басқару;статистикалық мәліметтерді жеке машинада алу;

Ол FTP протоколымен де жұмыс істей алады;

· UNIX және Windows жүйесін қолдау.

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

Macromedia Dreamweaver-ді интуитивті және қолдануға оңай етуді жалғастыруда. Бір жағынан қуатты құралдар және екінші жағынан пайдаланудың қарапайымдылығы Macromedia өнімдерін кәсіби веб-дизайнерлер үшін де, жаңадан бастағандар үшін де тамаша бағдарламалық қамтамасыз ету пакетіне айналдырады. Macromedia пакетіне кіретін өнімдер, мысалы: Flash, Firework, Dreamweaver – жұмысыңызды өнімді етеді, сонымен бірге бір-бірін алмастыра алады (мысалы, олардың кез келгенінде түймелер жасауға болады). Өнімдер, мысалы: Sitespring, FreeHand - клиентпен жұмыс істегенде тиімділікті арттырады.

Dreamweaver бағдарламасының көптеген артықшылықтары бар:

Dreamweaver таза HTML кодын, сондай-ақ соңғы DHTML және CSS кеңейтімдерін қолдайды.

Ол сілтемелерді автоматты түрде басқаруға арналған тамаша құралдарды қамтиды, яғни ортадағы файлдардың кез келген қозғалысы кезінде барлық сілтемелер автоматты түрде қалпына келтіріледі. Беттің бөлімдерін абайсызда зақымданудан қорғау үшін блоктау қарастырылған.

Бірнеше қадам артқа жасалған өзгертулерді болдырмауға мүмкіндік береді (бірақ бетті сақтағаннан кейін өзгертулерді қайтара алмайсыз).

«Әртүрлі браузерлер үшін динамикалық тексеру» қолданылады.

Үшінші тарап әзірлеушілері де, Macromedia-ның өзі де (500-ден астам) кеңейтімдерді қолдайды.

Dreamweaver веб-беттеріңізде пайдалануға болатын элементтер кітапханасымен келеді, мысалы, шарлау жолағы, авторлық құқық дескрипторы және т.б.

Веб-беттерге мультимедианы және Flash пен Java-дан RealAudio-ға дейінгі әртүрлі файл түрлерін, іздеу жүйелері, форумдар, электрондық коммерция жүйелері сияқты интерактивті элементтерді қосу үшін қолданылады.

Dreamweaver қолданбасында кескін жасау құралдары жоқ. Ол тек ең қарапайым өңдеу құралдарын ұсынады, сондықтан кескіндерді жасау және өңдеу үшін бізге арнайы графикалық редакторлар қажет.

Dreamweaver сізге қажет емес кодты Microsoft қолданбаларынан жоюға мүмкіндік береді, содан кейін беттер жылдамырақ жүктеледі және әртүрлі браузерлерде жақсырақ көрсетіледі.

Fireworks — оларды әрі қарай оңтайландыру және интернетте жариялау мүмкіндігі бар графикалық редактор. Әртүрлілікті пайдалану құралдар, біз бір бағдарламадан екіншісіне ауысудың орнына бір файлдың ішінде векторлық және растрлық графиканы құруға және өңдеуге болады. Fireworks HTML кодын және JavaScript жасайды және веб-беттеріміз үшін динамикалық мәзірлер мен шарлау жолақтарын оңай жасай алады. Графикалық файлдарды тиімді оңтайландыру олардың көлемін сапаны жоғалтпай барынша азайтуға мүмкіндік береді.

Сонымен қатар, WEB-беттердің макеттерін өңдеуге болады. Мысалы, Fireworks 8 бағдарламасында ашуға болады графикалық файлболашақ сайттың бүкіл ені үшін қажетті графикалық дизайнды сызыңыз, содан кейін оны HTML құжатының болашақ кестесі сияқты кесу құралымен кесіңіз. Осыдан кейін бағдарламалау тілін (JavaScript) мүлде білмей-ақ, жеке графикалық элементтерді, соның ішінде курсорға жауап беретін белсенді графиканы құруды аяқтауға болады.

Үш маманның бірі графикалық редакторларвекторлық графикамен жұмыс істеуде біріншілік үшін күресте әртүрлі дәрежедегі табыстармен жетекші. FreeHand бәсекелестеріне қарағанда әлдеқайда жылдам және оңай - CorelDraw және Adobe Illustrator. FreeHand логотиптерді, жарнамаларды, веб-графиканы және анимацияларды жасау үшін тамаша.

Бағдарлама өндірушілері пайдаланушылардың өмірін мүмкіндігінше жеңілдету үшін көп күш жұмсады: бағдарлама интерфейсі қарапайым және интуитивті, объектілердің күрделі түрлендірулерін тез және оңай орындауға немесе әртүрлі мүмкіндіктерге қол жеткізуге мүмкіндік беретін көптеген «гаджеттер» бар. көркем әсерлер. FreeHand файлдарды барлық дерлік жалпы пішімдерде экспорттай және импорттай алады. Оған қоса, ол басқа жалпы бағдарламаларды (Adobe Illustrator, CorelDraw) эмуляциялайтын жылдам перне параметрлерін қамтиды. Сондықтан FreeHand-ге ауысу арқылы қайта үйренудің қажеті жоқ.

Жұмыс кезінде FreeHand қолданбасының қызықты және маңызды мүмкіндігі үлкен жобалармәтін үшін де, барлық графикалық объектілер үшін де құжатты жаһандық түрде өзгерту мүмкіндігі. Жаһандық ауыстыру механизмі өте икемді. Ауыстырудан басқа, ол келесі түрлендіру үшін көрсетілген қасиеттері бар нысандарды таңдауға мүмкіндік береді. Объектілерді іздеу және ауыстыру немесе таңдау үшін қолданылатын негізгі қасиеттерге түс, контурдың қалыңдығы, қаріп, айналу бұрышы жатады.

FreeHand құжаттары оңай веб-беттерге айналады. Әрине, FreeHand HTML редакторы емес, бірақ ол негізгі HTML элементтерін қолдайды. FreeHand көмегімен WEB-беттерді Flash-анимациямен қамтамасыз ету оңай. Анимациялық клипке мәтіндік блоктар, объектілер топтары, сондай-ақ контурлары бар объектілер енгізіледі. FreeHand нысандарының шағын клипі бір пәрменмен тікелей жасалады - кейбір параметрлерді орындау ғана қалады. Клиптің әрбір жақтауы бөлек қабатқа орналастырылады; анимациялық әсерге жеке қабаттардың мазмұнын дәйекті ойнату арқылы қол жеткізіледі. Бірақ FreeHand құралдары Macromedia Flash редакторын алмастырмайды.

Веб-сайттар үшін тартымды интерактивті мультимедиялық презентацияларды жасайды. Flash векторлық графикамен және анимациямен сипатталады, дегенмен бұл бағдарламаны манипуляциялау немесе көрсету үшін де пайдалануға болады растрлық графика, бейне материалды өңдеу және тіпті дыбыс файлдарын өңдеу үшін.

Flash мазмұны Flash Player көмегімен әртүрлі платформаларда көрсету үшін ықшам SWF файлдары ретінде жарияланады. SWF файлын онлайн ойнату кезінде MP3 аудио файлдары, Flash бейнелері және кескіндер сияқты мазмұнды файлға динамикалық түрде жүктеуге болады. JPEG пішімі. Flash ойнатқышы деректер көздеріне қосылу үшін оларды дерекқормен, XML немесе веб-қызметтермен біріктіруге мүмкіндік береді. Осы мүмкіндіктердің барлығымен көз тартатын анимациялар мен эффектілерді деректерге негізделген қолданбаларға енгізуге болады. Флэште бетті тегістеу мүмкіндігі бар (көрші түстерді араластыру арқылы жиектерді тегістеу). Бұл файл пішімі векторлық графикаға негізделгендіктен, нысан кез келген ажыратымдылықта кескін сапасын сақтайды және анимациялық кадрларды жасау үшін өте қолайлы.

Оқиғаға негізделген күшті тіл. Қолданылатын ActionScript тілі мұраға алуға болатын шарттарға, циклдерге, массивтерге, функцияларға және сыныптарға қолдау көрсететін толық дерлік бағдарламалау тілі болып табылады.

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

Бұл бағдарлама пайдаланушыға өте ыңғайлы. Онда көптеген дайын тегтер, шаблондар бар.

Интерфейстің икемділігі өнімнің күшті жақтарының бірі болып табылады. Кез келген пайдаланушы HomeSite интерфейсін өз қалауы мен қажеттіліктеріне қарай оңай теңшей алады.

Жұмыс кезінде пайдаланушы екі қойындысы бар жұмыс кеңістігін көре алады - Шолу және Өңдеу. Яғни, бағдарламалау «Өңдеу» қойындысында орын алады және «Шолу» қойындысын таңдасаңыз, нәтижені көруге болады. Жаңа бетті жасаған кезде HTML және BODY сияқты кейбір тегтер өңдеу өрісінде автоматты түрде пайда болады. Бұл жаңа бет жасалған кезде жүктелетін үлгі. Оның мазмұнын өзгертуге болады.

HomeSite веб-сайт архитектурасын құруды өте оңай етеді. Бұған дайын тегтері бар қойындылар жүйесі бар Quick Bar панелі көмектеседі. Бұл қойындылардағы тегтер өте әртүрлі - абзац сияқты қарапайымдардан java сценарийлеріне дейін. Теңшеу мәзірі арқылы оған барлық қажетті тегтерді қоса отырып, әдетте бір қойындыны қалдыра аласыз. Сондай-ақ тегтерді немесе олардың комбинацияларын өзіңіз жасай аласыз. Белгілі бір тегі бар түймені басқан кезде тег опцияларын орнатуға және оның атрибуттарын көрсетуге болатын терезе пайда болады. WYSIWYG режимін оның барлық артықшылықтары мен кемшіліктерімен қолдайды.

Жылдамдық үшін көптеген тегтерді өңдеу құралдары бар. Бұл, мысалы, тегтерді аяқтау, тегтерді өңдеушілер және тегтерді түсіну сияқты мүмкіндіктер. Олар тегтерді және олардың атрибуттарын өңдеуді айтарлықтай жеңілдетеді. Сондай-ақ код үзінділері бар.

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

Бұл негізінен Microsoft Office пакетінің танымалдылығына байланысты нарықтағы ең танымал HTML редакторы. Бағдарлама қуатты мүмкіндіктер мен тартымды бағдарламалық құрал пакетін ұсынады, соның ішінде кескіндерді жасауға арналған Image Composer (Қосымша В). FrontPage сонымен қатар веб-сайтқа интерактивті сипаттарды қосу үшін қажетті Web компоненттерін қамтиды. Microsoft FrontPage классикалық WYSIWYG редакторы болып табылады, бірақ кодты қолмен өңдеу мүмкіндігі бар.

Бағдарламада құжатпен жұмыс істеудің үш режимі бар: қалыпты, HTML және алдын ала қарау.

Қалыпты режимде веб-беттер мәтіннен суреттерге дейінгі барлық элементтерді өңдеу мүмкіндігі бар қарапайым мәтіндік файл болып табылады.

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

Алдын ала қарау режимінде браузер терезесінде бетіңіздің қалай көрінетінін көре аласыз.

FrontPage-де кестелерді құруды жеңілдететін кесте құрастырушы бар. Бағдарламаның басты артықшылықтарының бірі - қол жетімді шаблондардың көптігі, бұл пайдаланушыға өз жобасының дизайнын ойламауға мүмкіндік береді. Қажетті үлгіні таңдағаннан кейін біз бетті мазмұнмен толтыруға кірісе аламыз. Міне, FrontPage-тің сұлулығы осында: HTML бетін жасау процесі қарапайым мәтіндік құжатты жасаудан еш айырмашылығы жоқ. Microsoft Word. Мәтінді өңдеуге, оның форматын өзгертуге, кестелерді құруға және өңдеуге, әртүрлі нысандар мен суреттерді енгізуге және осының барлығына HTML тілін білмей-ақ, дәл осындай құралдар бізге қол жетімді. FrontPage жұмыс кеңістігін белгілі бет элементтері бар бірнеше блоктарға бөледі - суреттер, мәтін, тақырыптар және т.б. Әрбір блок үшін өзіңіздің пішімдеу опцияларын және оның бетке қатысты орнын тағайындай аласыз.

Кемшіліктері: әзірлеу құралдарының шағын жиынтығы, бағдарламаны бөлек сатып алудың мүмкін еместігі. Microsoft FrontPage бірінші рет HTML редакторы ретінде жақсы жұмыс істейді, бірақ сіздің қажеттіліктеріңіз өскен сайын оның мүмкіндіктері жеткіліксіз болуы мүмкін. Сондай-ақ бар қарама - қарсы бетімедальдар - құжаттың соңғы өлшеміне табиғи түрде әсер ететін нәтиже кодының күрделілігі мен ауырлығы. Сондай-ақ болашақта мұндай құжатқа өзгертулер енгізу өте қиын болады. Бірақ бұл белгілі бір өнімнің емес, барлық дерлік WYSIWYG редакторларының кемшілігі (What you see is what you will - «не көрсең, соны аласың»).

Веб құрамдастары сіз пайдаланып жатқан веб-серверде оларға сәйкес бағдарламалар болса ғана жұмыс істейді.

Microsoft Word мәтіндік редактор болып табылады және шын мәнінде HTML редакторы болып саналмайды. Оның HTML форматында файлдарды сақтау мүмкіндігі бар. Нәтижесінде біз Microsoft Word бағдарламасында қандай да бір жолмен жасалған беттерді кездестіруіміз мүмкін. Редактордан алынған HTML кодындағы мәселелер FrontPage бағдарламасына ұқсас: бұл екі бағдарлама да HTML стандартына толық сәйкес келмейтін артық кодты шығарады. Күнделікті жұмысында Word-ты қолданатын адамдардың үлкен саны HTML құжаттарының әлеуетті әзірлеушілері болады.

Word бағдарламасында веб-бетті жасаудың екі жолы бар: шеберді пайдалану немесе бұрыннан бар Word құжатын HTML пішіміне түрлендіру. Сонымен бірге Word бағдарламасының өзі оңтайлы түрде болмаса да, HTML тегтерін жасайды. Трансформация, әрине, құжат дизайнының кейбір элементтерінің жоғалуына немесе өзгеруіне әкеледі. HTML бетіне өз тегтеріңізді кірістіру қажет болса, Word HTML кодын тікелей өңдеуді қамтамасыз етеді.

Иллюстрацияларды, яғни қаріптер сияқты векторлық графика элементтері бар кескіндерді жасауға және өңдеуге арналған. геометриялық фигураларжәне т.б.

Web-беттерде көптеген элементтер болуы мүмкін - HTML мәтіні, растрлық кескіндер, векторлық графика. Illustrator бағдарламасында нысандағы әртүрлі веб элементтерінің шекараларын анықтау үшін кесінділерді пайдалануға болады. Веб-бет ұяшықтарға бөлінеді, олар үш түрге бөлінеді: кескіндер, кескіндер жоқ, HTML мәтіні.

Бұл жағдайда әрбір фрагментті өз пішімі, параметрлері және түстер палитрасы бар тәуелсіз файл ретінде сақтауға болады. Фрагментті құлыптау позицияның кездейсоқ өзгеруіне жол бермейді. Фрагменттің өлшемі оның құрамындағы нысанға байланысты. Сондықтан объектіні жылжытқанда немесе өлшемін өзгерткенде фрагмент шекаралары автоматты түрде түзетіледі, бірақ қажет болған жағдайда оларды әрқашан қолмен түзетуге болады.

Сілтеме карталары кескіннің бір немесе бірнеше аймағын (хот нүктелері деп аталады) URL мекенжайына байланыстыруға мүмкіндік береді. Біз хотспотты басқан кезде, веб-шолғыш онымен байланысты файлды жүктеп алады.

Сілтемелерді жасау үшін сілтеме карталары мен фрагменттерді пайдалану арасындағы негізгі айырмашылық нысанның веб-бетке экспортталуы болып табылады. Сілтеме карталарын пайдалану нысанды бір кескін файлы ретінде сақтайды, ал фрагменттерді пайдаланған жағдайда нысан бірнеше бөлек файлдарға бөлінеді. Сілтеме карталары мен фрагменттердің тағы бір айырмашылығы мынада: карталар объектідегі көпбұрышты немесе тікбұрышты аймақтарды байланыстыруға мүмкіндік береді, ал фрагменттерде тек тіктөртбұрыштар ғана рұқсат етіледі.

Ең танымал және кеңінен қолданылатын кескінді өңдеу бағдарламасы. Оның көмегімен сіз жоғары көркем бейнелерді жасай аласыз. Онда кәсіби графиканы жасау және өңдеу үшін қажет нәрсенің бәрі бар.

Photoshop - бұл жай ғана кескін өңдеу бағдарламасы емес, ол өз класындағы ең қуатты және функционалды бағдарлама. Бағдарлама кескінді ретушпен өңдеуге және оны арнайы әсерлерге түсіруге, бір суреттің мәліметтерін екіншісіне тасымалдауға, мәтін қосуға, түс қатынасын өзгертуге, тіпті сұр түсті кескіндерге түс қосуға мүмкіндік береді. Photoshop құралдары-мен үйлесімді графикалық планшеттер, бұл акварельмен және маймен жасалған кескіндерден кем емес, толығымен көркем бейнелерді жасауға мүмкіндік береді.

Негізгі Photoshop құралдарының барлық қарапайымдылығымен пайдаланушы оларды «өзі үшін» теңшей алады. Ал бұл сансыз түрлі түсті қарындаштардың болуымен бірдей. Бояу бағдарламалары жұмыс істеу үшін пикселдерге сүйенетіндіктен, олар түрлі-түсті қарындаштардың, бүріккіш пистолеттердің, акварельдердің, майлардың және т.б. электрондық (цифрлық) фотосуреттермен жұмыс істеу үшін өте қолайлы. Photoshop бағдарламасы кескіндегі әрбір пикселді толық басқаруға мүмкіндік береді. Шектеулі рұқсатта сурет салу бағдарламаларының болмауы. Өйткені нүктелік кескін белгіленген пиксельдер санынан тұрады.

CorelDraw құжатта векторлық және растрлық объектілер, қарапайым және көркем мәтін блоктары, сондай-ақ Интернет объектілері түрінде ұсынылған ақпараттың кең ауқымын өңдеуге мүмкіндік береді.

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

Векторлық кескіндерді салу кезінде соңғы кескін алынғанша сызықтар мен фигуралар үстіне қойылады. Әрбір нысанды басқалардан тәуелсіз өңдеуге болады - бұл объектілік тәсілдің бірнеше артықшылықтарының бірі, дегенмен кескінді әлі де кезең-кезеңімен салу керек. Векторлық сызу бағдарламасында сызықтар, фигуралар және мәтін математикалық өрнектермен анықталады, бұл оларды шығару құрылғысының максималды ажыратымдылығына автоматты түрде реттеуге мүмкіндік береді. Векторлық сызбалардың тағы бір артықшылығы - олар дискілік кеңістікті қажет етпейді. Векторлық сызба файлының көлемі тек осы сызбаны құрайтын объектілердің саны мен күрделілігіне байланысты, сондықтан оның өлшемі растрлық сызбадан айырмашылығы іс жүзінде бұл көлемге әсер етпейді.

CorelDraw қуатты визуалды веб-бет редакторының қасиеттерін көрсетеді: пайдаланушы қамтуы мүмкін бай HTML құжаттарын жасау мүмкіндігін алады. JavaScript сценарийлеріжәне CSS мәнерлер кестелері.

Веб-жариялауға арналған қуатты графика, мәтін және орналасу және экспорттау мүмкіндіктері бар CorelDraw HTML файлының алғашқы нұсқаларын жасау үшін жақсы бастау нүктесі болып табылады.

Суреттерді бетке орналастырған кезде, ең маңызды міндеттердің бірі кескін файлдарының өлшемін оңтайландыру болып табылады. Беттің жалпы көлемінің ұсынылатын «төбесі» 100-ден 150 кб-қа дейін. Кескін файлдарының өлшемін азайту файлдарды қысу және түстер санын азайту арқылы жүзеге асырылады. Бұл тапсырмалар жоғарыда аталған графикалық бағдарламалардың кез келгені үшін қолжетімді.

Қорытынды

Веб-технологияның пайда болуымен компьютерлерді Жер тұрғындарының мүлдем жаңа сегменттері пайдалана бастады. Әртүрлі әлеуметтік полюстерде орналасқан, жаңа технологияға, мүмкін, тіпті өз қалауларына қарсы жылдам тартылған екі ерекше топты бөліп көрсетуге болады. Бір жағынан бұлар қоғамның элиталық топтарының өкілдері – ірі ұйымдардың басшылары, банктердің президенттері, топ-менеджерлер, ықпалды мемлекеттік қызметкерлер болды. Екінші жағынан, олар халықтың ең кең тобының өкілдері болды - үй шаруасындағы әйелдер, зейнеткерлер, балалар.

Интернетке қосылатын әлеуметтік топтардың спектрі және ақпарат іздеу WWW жүйесінде IT емес пайдаланушылар үнемі кеңейтіліп отырады. Бұл дәрігерлер, құрылысшылар, тарихшылар, заңгерлер, қаржыгерлер, спортшылар, саяхатшылар, дін қызметкерлері, суретшілер, жазушылар, суретшілер. Тізім шексіз. Кәсіби қызметі немесе хоббиі үшін Интернеттің пайдалылығы мен қажеттігін сезінген кез келген адам Дүниежүзілік Интернеттегі ақпаратты тұтынушылардың үлкен армиясына қосылады.

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

Интернет-технологиялардың дамуы Интернетте жаңа саланың – Интернет-форумдардың пайда болуына түрткі болды. Дүние жүзінің түкпір-түкпірінен келген адамдар сөйлесе алатын, кез келген сұрақтарына жауап алатын, тіпті іскерлік келісімдер жасай алатын веб-сайттар, тіпті тұтас порталдар пайда бола бастады.

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

Сайттарды құру және дамыту мыналарды қамтиды:

Сайтты әзірлеу бойынша бастапқы техникалық тапсырманы бекіту;

Пайдаланылған көздер тізімі

1. Борисенко А.А. Веб-дизайн. Екі және екі сияқты. – М.: Эксмо, 2008.- 320 б.

2. Бурлаков M. V. CorelDRAW 12. - Санкт-Петербург; BHV-Петербург, 2004. - 688 б.

3. Джамса Крис. Шығармашылық веб-дизайн бойынша тиімді оқулық. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Мәтін, графика, дыбыс және анимация. Ағылшын тілінен аударылған / Крис Джамса, Конрад Кинг, Энди Андерсон - М .: DiaSoftUP LLC, 2005.- 672 б.

4. Дунаев В. JavaScript оқу құралы, 2-ші басылым. - Петербург: Петр, 2005. - 395 б.

5. Зольников Д.С. PHP5. Өз бетіңізше кез келген күрделіліктегі веб-сайтты қалай жасауға болады. - 2-ші басылым. өшірілген – М.: НТ Пресс, 2007. – 272 б.

6. Инкова Н.А., Зайцева Е.А., Кузьмина Н.В., Толстых С.Г. Веб-сайттарды құру: Оқу-әдістемелік құрал. 5-бөлім. Тамбов: Тамбов баспасы. күй техника. ун-та, 2005. - 56 б.

7. Мазуркевич А. РНР: бағдарламашы анықтамалығы / Александр Мазуркевич, Дмитрий Еловой. - Минск: Жаңа білім, 2006. - 495 б.

8. МакКлелланд Дик. Photoshop 7. Пайдаланушы библиясы. : Пер. ағылшын тілінен. - М .: «Уильям» баспасы, 2006. - 928 б.

9. Орлов L. V. Құпиясыз веб-сайт. / Л.В.Орлов. - 2-ші басылым. – М.: Бук-пресс, 2006. – 512 б.

10. Полонская Е.Л. HTML тілі. Өзіндік оқу құралы.: - М.: «Вильям» баспасы, 2005.- 320 б.

11. Web-беттер мен Web-сайттарды құру. Оқу құралы: [прок. жәрдемақы] / ред. В.Н.Печникова. - М .: Триумф баспасы, 2006.- 464 б.

12. Якушев, Л.В. Интернетте жұмыс істей бастау. Жылдам нұсқаулық. - М .: «Уильям» баспасы, 2006. -128 б.

Гипермәтінді белгілеу тілі немесе әдетте HTML деп аталады, бүкіләлемдік тордың негізінде жатқан компьютер тілі. HTML тілінің арқасында кез келген мәтінді гипермәтінге түрлендіру арқылы кейіннен Интернетте жариялау арқылы белгілеуге болады.

HTML тілінде веб-шолғыштар бетті көрсету үшін пайдаланатын таңбалардың өзіндік жиыны бар. Дескрипторлар деп аталатын бұл белгілер гиперсілтемелерді жасауға қажетті элементтерді қамтиды.

HTML құжаттарының ерекше белгілерінің бірі – құжаттың өзінде тек мәтін ғана болады, ал қалған барлық нысандар құжатқа Браузер арнайы тегтер арқылы бейнеленген және бөлек сақталатын уақытта ендірілген. HTML файлын сақтаған кезде құжат орналасқан жерде қалта жасалады, оған ілеспе графикалық дизайн элементтері орналастырылады.

Біріншіден, PHP сервер жағында жұмыс істейтін сценарийлерді жасау үшін қолданылады, бұл үшін шын мәнінде олар оны ойлап тапты. PHP кез келген басқа CGI сценарийімен бірдей тапсырмаларды орындауға қабілетті, соның ішінде html пішінінің деректерін өңдеу, html беттерін динамикалық түрде жасау және т.б. Бірақ РНР қолдануға болатын басқа аймақтар бар.

Екінші сала – пәрмен жолында орындалатын сценарийлерді құру. Яғни, PHP көмегімен веб-сервер мен браузерге қарамастан белгілі бір машинада орындалатын осындай сценарийлерді жасауға болады.

Ал соңғы сала – клиент жағында жұмыс істейтін GUI қолданбаларын (графикалық интерфейстер) жасау.

Ajax асинхронды Javascript және XML (Асинхронды Javascript және XML) дегенді білдіреді және сөздің қатаң мағынасында технология емес. Егер стандартты веб-қосымшада сервер барлық ақпаратты өңдейтін болса, ал браузер тек пайдаланушымен әрекеттесу, сұраныстарды жіберу және кіріс HTML шығару үшін жауапты болса, онда Ajax қосымшасында пайдаланушы мен сервер арасында басқа делдал пайда болады - Ajax қозғалтқышы. Ол қандай сұрауларды «орнында» өңдеуге болатынын және қайсысы серверге жіберілетінін анықтайды.

Сервердің әрекеті де өзгерді. Егер бұрын сервер әрбір сұраныс үшін жаңа парақ шығарса, енді ол тек клиентке қажет деректерді жібереді, ал HTML олардан Ajax қозғалтқышын тікелей браузерде қалыптастырады.

Асинхрондылық пайдаланушының әрбір шертуі серверге жете бермейтіндігінде көрінеді және керісінше де дұрыс - сервердің әрбір реакциясы пайдаланушы сұрауына байланысты емес. Сұраныстардың көпшілігі Ajax қозғалтқышымен жасалады және ол пайдаланушының әрекетін күту үшін ақпаратты жүктейтіндей етіп жазылуы мүмкін.

Ajax қай жерде қолданылады:

Пішіндер. Олар өте баяу. Деректерді асинхронды түрде жіберсеңіз, бет қайта жүктелмейді.

Ағаш навигациясы. Жалпы, мұндай навигация қорқынышты. Қарапайым топология әлдеқайда ыңғайлы, бірақ егер ол оған келсе, Ajax-ты қолданған дұрыс.

Сүзгілер. Көбінесе сайттарда олар күні, аты бойынша сұрыптайды. Ajax әлдеқайда ыңғайлы болады.

JavaScript бағдарламалау тілін Netscape интерактивті HTML құжаттарын жасау үшін әзірлеген. Бұл клиент жағында да, сервер жағында да жұмыс істейтін ендірілген қолданбаларды әзірлеуге арналған нысанға бағытталған тіл. Тілдің синтаксисі Java тіліне өте ұқсас, сондықтан оны Java тәрізді деп атайды.

JavaScript негізгі қолданбалары келесі санаттарға бөлінеді:

сценарий арқылы құжатты динамикалық құру;

пайдаланушы толтырған HTML пішін өрістерін серверге жібермес бұрын операциялық тексеру;

каскадты стиль кестелерімен және құжат нысанының үлгісімен бірге динамикалық HTML беттерін жасау;

HTML бетіне ендірілген JavaScript қолданбасы арқылы шешілетін «жергілікті» тапсырмаларды шешу кезінде пайдаланушымен өзара әрекеттесу.

VBScript сценарий тілін Microsoft әзірлеген және Windows қосымшаларын әзірлеуге арналған бағдарламашылар арасында кеңінен таралған Visual Basic тілінің ішкі жиыны болып табылады. Ата-анасы сияқты, VBScript өте қарапайым және үйренуге оңай.

Оны сценарий жасау үшін пайдаланудың артықшылығы Visual Basic және Visual Basic for Application бағдарламаларында бұрын жазылған процедураларды шамалы түзетулермен пайдалану мүмкіндігі болып табылады.

VBScript тілінде жазылған сценарийлердің функционалдығы JavaScript сценарийлерінің функционалдық мүмкіндіктерінен еш айырмашылығы жоқ: құжатты немесе оның бөліктерін динамикалық құру, оқиғаларды ұстап алу және өңдеу және т.б.

VBScript клиенттік сценарийлер үшін (бұл жағдайда браузерде кірістірілген VBScript интерпретаторы болуы керек) және сервер сценарийлері үшін (бұл жағдайда сервер VBScript қолдауы керек) қолданылады.

Сіз клиенттік сценарийлерді жасау үшін JavaScript-ке ұқсас нысандар жинағын пайдаланасыз. Клиент және сервер нысандары әртүрлі, бірақ клиенттік сценарийлерді де, сервер сценарийлерін де әзірлеуде пайдаланылатын объектілердің ортақ бөлігі (өзегі) бар.

Perl жүйелік басқару құралдарын әзірлеу үшін кеңінен қолданылады, бірақ жақында ол Интернет қосымшаларын әзірлеу саласында үлкен танымалдылыққа ие болды: CGI сценарийі, электрондық поштаны өңдеудің автоматтандырылған жүйелері және веб-сайтты қолдау.

Мұнда Perl көмегімен орындауға болатын тапсырмалардың кейбір мысалдары берілген:

Windows NT пайдаланушыларының күйі мен мүмкіндіктеріндегі сәйкессіздіктерді тексеру;

командалық жолдан және жергілікті машинадан қашықтан NT қызметтерін басқару, жеке машинада статистикалық мәліметтерді алу;

FTP протоколымен жұмыс істей алады; UNIX және Windows жүйесін қолдау

Веб-қосымшаларды әзірлеу орталарының салыстырмалы талдауы

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

Macromedia Dreamweaver

Macromedia Dreamweaver-ді интуитивті және қолдануға оңай етуді жалғастыруда. Бір жағынан қуатты құралдар және екінші жағынан пайдаланудың қарапайымдылығы Macromedia өнімдерін кәсіби веб-дизайнерлер үшін де, жаңадан бастағандар үшін де тамаша бағдарламалық қамтамасыз ету пакетіне айналдырады. Macromedia пакетіне кіретін өнімдер, мысалы: Flash, Firework, Dreamweaver – жұмысыңызды өнімді етеді, сонымен бірге бір-бірін алмастыра алады (мысалы, олардың кез келгенінде түймелер жасауға болады). Өнімдер, мысалы: Sitespring, FreeHand - клиентпен жұмыс істегенде тиімділікті арттырады.

Dreamweaver бағдарламасының көптеген артықшылықтары бар:

Dreamweaver таза HTML кодын, сондай-ақ соңғы DHTML және CSS кеңейтімдерін қолдайды.

Ол сілтемелерді автоматты түрде басқаруға арналған тамаша құралдарды қамтиды, яғни ортадағы файлдардың кез келген қозғалысы кезінде барлық сілтемелер автоматты түрде қалпына келтіріледі. Беттің бөлімдерін абайсызда зақымданудан қорғау үшін блоктау қарастырылған.

Бірнеше қадам артқа жасалған өзгертулерді болдырмауға мүмкіндік береді (бірақ бетті сақтағаннан кейін өзгертулерді қайтара алмайсыз).

«Әртүрлі браузерлер үшін динамикалық тексеру» қолданылады.

Үшінші тарап әзірлеушілері де, Macromedia-ның өзі де (500-ден астам) кеңейтімдерді қолдайды.

Dreamweaver веб-беттеріңізде пайдалануға болатын элементтер кітапханасымен келеді, мысалы, шарлау жолағы, авторлық құқық дескрипторы және т.б.

Веб-беттерге мультимедианы және Flash пен Java-дан RealAudio-ға дейінгі әртүрлі файл түрлерін, іздеу жүйелері, форумдар, электрондық коммерция жүйелері сияқты интерактивті элементтерді қосу үшін қолданылады.

Dreamweaver қолданбасында кескін жасау құралдары жоқ. Ол тек ең қарапайым өңдеу құралдарын ұсынады, сондықтан кескіндерді жасау және өңдеу үшін бізге арнайы графикалық редакторлар қажет.

Dreamweaver сізге қажет емес кодты Microsoft қолданбаларынан жоюға мүмкіндік береді, содан кейін беттер жылдамырақ жүктеледі және әртүрлі браузерлерде жақсырақ көрсетіледі.

Macromedia Fireworks

Fireworks — оларды әрі қарай оңтайландыру және интернетте жариялау мүмкіндігі бар графикалық редактор. Көптеген құралдарды пайдалана отырып, біз бір бағдарламадан екіншісіне өтудің орнына бір файл ішінде векторлық және нүктелік графиканы жасай және өңдей аламыз. Fireworks HTML кодын және JavaScript жасайды және веб-беттеріміз үшін динамикалық мәзірлер мен шарлау жолақтарын оңай жасай алады. Графикалық файлдарды тиімді оңтайландыру олардың көлемін сапаны жоғалтпай барынша азайтуға мүмкіндік береді.

Сонымен қатар, WEB-беттердің макеттерін өңдеуге болады. Мысалы, Fireworks 8 бағдарламасында графикалық файлды болашақ сайттың толық еніне дейін ашып, қажетті графикалық дизайнды сызып, содан кейін HTML құжатының болашақ кестесі қалай көрінетін болса, оны Slice Tool арқылы қиып алуға болады. Осыдан кейін бағдарламалау тілін (JavaScript) мүлде білмей-ақ, жеке графикалық элементтерді, соның ішінде курсорға жауап беретін белсенді графиканы құруды аяқтауға болады.

macromedia еркін қолмен

Векторлық графикамен жұмыс істеуде біріншілік үшін күресте әртүрлі дәрежедегі табыстармен жетекші үш кәсіби графикалық редакторлардың бірі. FreeHand бәсекелестеріне қарағанда әлдеқайда жылдам және оңай - CorelDraw және Adobe Illustrator. FreeHand логотиптерді, жарнамаларды, веб-графиканы және анимацияларды жасау үшін тамаша.

Бағдарлама өндірушілері пайдаланушылардың өмірін мүмкіндігінше жеңілдету үшін көп күш жұмсады: бағдарлама интерфейсі қарапайым және интуитивті, объектілердің күрделі түрлендірулерін тез және оңай орындауға немесе әртүрлі мүмкіндіктерге қол жеткізуге мүмкіндік беретін көптеген «гаджеттер» бар. көркем әсерлер. FreeHand файлдарды барлық дерлік жалпы пішімдерде экспорттай және импорттай алады. Оған қоса, ол басқа жалпы бағдарламаларды (Adobe Illustrator, CorelDraw) эмуляциялайтын жылдам перне параметрлерін қамтиды. Сондықтан FreeHand-ге ауысу арқылы қайта үйренудің қажеті жоқ.

Үлкен жобалармен жұмыс істеу кезінде FreeHand-тің қызықты және маңызды ерекшелігі - мәтін үшін де, барлық графикалық нысандар үшін де құжатты жаһандық түрде өзгерту мүмкіндігі. Жаһандық ауыстыру механизмі өте икемді. Ауыстырудан басқа, ол келесі түрлендіру үшін көрсетілген қасиеттері бар нысандарды таңдауға мүмкіндік береді. Объектілерді іздеу және ауыстыру немесе таңдау үшін қолданылатын негізгі қасиеттерге түс, контурдың қалыңдығы, қаріп, айналу бұрышы жатады.

FreeHand құжаттары оңай веб-беттерге айналады. Әрине, FreeHand HTML редакторы емес, бірақ ол негізгі HTML элементтерін қолдайды. FreeHand көмегімен WEB-беттерді Flash-анимациямен қамтамасыз ету оңай. Анимациялық клипке мәтіндік блоктар, объектілер топтары, сондай-ақ контурлары бар объектілер енгізіледі. FreeHand нысандарының шағын клипі бір пәрменмен тікелей жасалады - кейбір параметрлерді орындау ғана қалады. Клиптің әрбір жақтауы бөлек қабатқа орналастырылады; анимациялық әсерге жеке қабаттардың мазмұнын дәйекті ойнату арқылы қол жеткізіледі. Бірақ FreeHand құралдары Macromedia Flash редакторын алмастырмайды.

Macromedia FLASH

Веб-сайттар үшін тартымды интерактивті мультимедиялық презентацияларды жасайды. Flash векторлық графикамен және анимациямен сипатталады, бірақ оны растрлық графиканы өңдеу немесе көрсету, бейнені өңдеу және тіпті дыбыстық файлдарды өңдеу үшін де пайдалануға болады.

Flash мазмұны Flash Player көмегімен әртүрлі платформаларда көрсету үшін ықшам SWF файлдары ретінде жарияланады. SWF файлын онлайн ойнату кезінде MP3 аудио файлдары, Flash бейне және JPEG кескіндері сияқты мазмұнды файлға динамикалық түрде жүктеуге болады. Flash ойнатқышы деректер көздеріне қосылу үшін оларды дерекқормен, XML немесе веб-қызметтермен біріктіруге мүмкіндік береді. Осы мүмкіндіктердің барлығымен көз тартатын анимациялар мен эффектілерді деректерге негізделген қолданбаларға енгізуге болады. Флэште бетті тегістеу мүмкіндігі бар (көрші түстерді араластыру арқылы жиектерді тегістеу). Бұл файл пішімі векторлық графикаға негізделгендіктен, нысан кез келген ажыратымдылықта кескін сапасын сақтайды және анимациялық кадрларды жасау үшін өте қолайлы.

Оқиғаға негізделген күшті тіл. Қолданылатын ActionScript тілі мұраға алуға болатын шарттарға, циклдерге, массивтерге, функцияларға және сыныптарға қолдау көрсететін толық дерлік бағдарламалау тілі болып табылады.

Flash-тың пайдасына алынған файлдардың шағын өлшемі және векторлық форматты пайдалану

кескіндер, нүктелік және дыбыстық файлдарды қысу, бұл бет өлшемі мен жүктеу уақытын азайтуға өте жақсы әсер етеді.

Macromedia HomeSite

Бұл бағдарлама пайдаланушыға өте ыңғайлы. Онда көптеген дайын тегтер, шаблондар бар.

Интерфейстің икемділігі өнімнің күшті жақтарының бірі болып табылады. Кез келген пайдаланушы HomeSite интерфейсін өз қалауы мен қажеттіліктеріне қарай оңай теңшей алады.

Жұмыс кезінде пайдаланушы екі қойындысы бар жұмыс кеңістігін көре алады - Шолу және Өңдеу. Яғни, бағдарламалау «Өңдеу» қойындысында орын алады және «Шолу» қойындысын таңдасаңыз, нәтижені көруге болады. Жаңа бетті жасаған кезде HTML және BODY сияқты кейбір тегтер өңдеу өрісінде автоматты түрде пайда болады. Бұл жаңа бет жасалған кезде жүктелетін үлгі. Оның мазмұнын өзгертуге болады.

HomeSite веб-сайт архитектурасын құруды өте оңай етеді. Бұған дайын тегтері бар қойындылар жүйесі бар Quick Bar панелі көмектеседі. Бұл қойындылардағы тегтер өте әртүрлі - абзац сияқты қарапайымдардан java сценарийлеріне дейін. Теңшеу мәзірі арқылы оған барлық қажетті тегтерді қоса отырып, әдетте бір қойындыны қалдыра аласыз. Сондай-ақ тегтерді немесе олардың комбинацияларын өзіңіз жасай аласыз. Белгілі бір тегі бар түймені басқан кезде тег опцияларын орнатуға және оның атрибуттарын көрсетуге болатын терезе пайда болады. WYSIWYG режимін оның барлық артықшылықтары мен кемшіліктерімен қолдайды.

Жылдамдық үшін көптеген тегтерді өңдеу құралдары бар. Бұл, мысалы, тегтерді аяқтау, тегтерді өңдеушілер және тегтерді түсіну сияқты мүмкіндіктер. Олар тегтерді және олардың атрибуттарын өңдеуді айтарлықтай жеңілдетеді. Сондай-ақ код үзінділері бар.

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

Microsoft Front Page

Бұл негізінен Microsoft Office пакетінің танымалдылығына байланысты нарықтағы ең танымал HTML редакторы. Бағдарлама қуатты мүмкіндіктер мен тартымды бағдарламалық құрал пакетін ұсынады, соның ішінде кескіндерді жасауға арналған Image Composer (Қосымша В). FrontPage сонымен қатар веб-сайтқа интерактивті сипаттарды қосу үшін қажетті Web компоненттерін қамтиды. Microsoft FrontPage классикалық WYSIWYG редакторы болып табылады, бірақ кодты қолмен өңдеу мүмкіндігі бар.

Бағдарламада құжатпен жұмыс істеудің үш режимі бар: қалыпты, HTML және алдын ала қарау.

Қалыпты режимде веб-беттер мәтіннен суреттерге дейінгі барлық элементтерді өңдеу мүмкіндігі бар қарапайым мәтіндік файл болып табылады.

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

Алдын ала қарау режимінде браузер терезесінде бетіңіздің қалай көрінетінін көре аласыз.

FrontPage-де кестелерді құруды жеңілдететін кесте құрастырушы бар. Бағдарламаның басты артықшылықтарының бірі - қол жетімді шаблондардың көптігі, бұл пайдаланушыға өз жобасының дизайнын ойламауға мүмкіндік береді. Қажетті үлгіні таңдағаннан кейін біз бетті мазмұнмен толтыруға кірісе аламыз. Міне, FrontPage-тің сұлулығы: HTML бетін жасау процесі Microsoft Word бағдарламасында кәдімгі мәтіндік құжатты жасаудан еш айырмашылығы жоқ. Мәтінді өңдеуге, оның форматын өзгертуге, кестелерді құруға және өңдеуге, әртүрлі нысандар мен суреттерді енгізуге және осының барлығына HTML тілін білмей-ақ, дәл осындай құралдар бізге қол жетімді. FrontPage жұмыс кеңістігін белгілі бет элементтері бар бірнеше блоктарға бөледі - суреттер, мәтін, тақырыптар және т.б. Әрбір блок үшін өзіңіздің пішімдеу опцияларын және оның бетке қатысты орнын тағайындай аласыз.

Кемшіліктері: әзірлеу құралдарының шағын жиынтығы, бағдарламаны бөлек сатып алудың мүмкін еместігі. Microsoft FrontPage бірінші рет HTML редакторы ретінде жақсы жұмыс істейді, бірақ сіздің қажеттіліктеріңіз өскен сайын оның мүмкіндіктері жеткіліксіз болуы мүмкін. Сондай-ақ монетаның кері жағы бар - нәтижесінде алынған кодтың күрделілігі мен ауырлығы, бұл құжаттың соңғы өлшеміне табиғи түрде әсер етеді. Сондай-ақ болашақта мұндай құжатқа өзгертулер енгізу өте қиын болады. Бірақ бұл белгілі бір өнімнің емес, барлық дерлік WYSIWYG редакторларының кемшілігі (What you see is what you will - «не көрсең, соны аласың»).

Веб құрамдастары сіз пайдаланып жатқан веб-серверде оларға сәйкес бағдарламалар болса ғана жұмыс істейді.

Microsoft Word мәтіндік редактор болып табылады және шын мәнінде HTML редакторы болып саналмайды. Оның HTML форматында файлдарды сақтау мүмкіндігі бар. Нәтижесінде біз Microsoft Word бағдарламасында қандай да бір жолмен жасалған беттерді кездестіруіміз мүмкін. Редактордан алынған HTML кодындағы мәселелер FrontPage бағдарламасына ұқсас: бұл екі бағдарлама да HTML стандартына толық сәйкес келмейтін артық кодты шығарады. Күнделікті жұмысында Word-ты қолданатын адамдардың үлкен саны HTML құжаттарының әлеуетті әзірлеушілері болады.

Word бағдарламасында веб-бетті жасаудың екі жолы бар: шеберді пайдалану немесе бұрыннан бар Word құжатын HTML пішіміне түрлендіру. Сонымен бірге Word бағдарламасының өзі оңтайлы түрде болмаса да, HTML тегтерін жасайды. Трансформация, әрине, құжат дизайнының кейбір элементтерінің жоғалуына немесе өзгеруіне әкеледі. HTML бетіне өз тегтеріңізді кірістіру қажет болса, Word HTML кодын тікелей өңдеуді қамтамасыз етеді.

Adobe Illustrator

Иллюстрацияларды, яғни қаріптер, геометриялық фигуралар және т.б. сияқты векторлық графика элементтері бар кескіндерді құруға және өңдеуге арналған.

Web-беттерде көптеген элементтер болуы мүмкін - HTML мәтіні, нүктелік кескіндер, векторлық графика. Illustrator бағдарламасында нысандағы әртүрлі веб элементтерінің шекараларын анықтау үшін кесінділерді пайдалануға болады. Веб-бет ұяшықтарға бөлінеді, олар үш түрге бөлінеді: кескіндер, кескіндер жоқ, HTML мәтіні.

Бұл жағдайда әрбір фрагментті өз пішімі, параметрлері және түстер палитрасы бар тәуелсіз файл ретінде сақтауға болады. Фрагментті құлыптау позицияның кездейсоқ өзгеруіне жол бермейді. Фрагменттің өлшемі оның құрамындағы нысанға байланысты. Сондықтан объектіні жылжытқанда немесе өлшемін өзгерткенде фрагмент шекаралары автоматты түрде түзетіледі, бірақ қажет болған жағдайда оларды әрқашан қолмен түзетуге болады.

Сілтеме карталары кескіннің бір немесе бірнеше аймағын (хот нүктелері деп аталады) URL мекенжайына байланыстыруға мүмкіндік береді. Біз хотспотты басқан кезде, веб-шолғыш онымен байланысты файлды жүктеп алады.

Сілтемелерді жасау үшін сілтеме карталары мен фрагменттерді пайдалану арасындағы негізгі айырмашылық нысанның веб-бетке экспортталуы болып табылады. Сілтеме карталарын пайдалану нысанды бір кескін файлы ретінде сақтайды, ал фрагменттерді пайдаланған жағдайда нысан бірнеше бөлек файлдарға бөлінеді. Сілтеме карталары мен фрагменттердің тағы бір айырмашылығы мынада: карталар объектідегі көпбұрышты немесе тікбұрышты аймақтарды байланыстыруға мүмкіндік береді, ал фрагменттерде тек тіктөртбұрыштар ғана рұқсат етіледі.

Ең танымал және кеңінен қолданылатын кескінді өңдеу бағдарламасы. Оның көмегімен сіз жоғары көркем бейнелерді жасай аласыз. Онда кәсіби графиканы жасау және өңдеу үшін қажет нәрсенің бәрі бар.

Photoshop - бұл жай ғана кескін өңдеу бағдарламасы емес, ол өз класындағы ең қуатты және функционалды бағдарлама. Бағдарлама кескінді ретушпен өңдеуге және оны арнайы әсерлерге түсіруге, бір суреттің мәліметтерін екіншісіне тасымалдауға, мәтін қосуға, түс қатынасын өзгертуге, тіпті сұр түсті кескіндерге түс қосуға мүмкіндік береді. Photoshop құралдары графикалық планшеттермен үйлеседі, бұл акварельде және майлы бояумен жасалған кескіндерден нашар емес, өте көркем кескіндерді жасауға мүмкіндік береді.

Негізгі Photoshop құралдарының барлық қарапайымдылығымен пайдаланушы оларды «өзі үшін» теңшей алады. Ал бұл сансыз түрлі түсті қарындаштардың болуымен бірдей. Бояу бағдарламалары жұмыс істеу үшін пикселдерге сүйенетіндіктен, олар түрлі-түсті қарындаштардың, бүріккіш пистолеттердің, акварельдердің, майлардың және т.б. электрондық (цифрлық) фотосуреттермен жұмыс істеу үшін өте қолайлы. Photoshop бағдарламасы кескіндегі әрбір пикселді толық басқаруға мүмкіндік береді. Шектеулі рұқсатта сурет салу бағдарламаларының болмауы. Өйткені нүктелік кескін белгіленген пиксельдер санынан тұрады.

CorelDraw құжатта векторлық және растрлық объектілер, қарапайым және көркем мәтін блоктары, сондай-ақ Интернет объектілері түрінде ұсынылған ақпараттың кең ауқымын өңдеуге мүмкіндік береді.

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

Векторлық кескіндерді салу кезінде соңғы кескін алынғанша сызықтар мен фигуралар үстіне қойылады. Әрбір нысанды басқалардан тәуелсіз өңдеуге болады - бұл объектілік тәсілдің бірнеше артықшылықтарының бірі, дегенмен кескінді әлі де кезең-кезеңімен салу керек. Векторлық сызу бағдарламасында сызықтар, фигуралар және мәтін математикалық өрнектермен анықталады, бұл оларды шығару құрылғысының максималды ажыратымдылығына автоматты түрде реттеуге мүмкіндік береді. Векторлық сызбалардың тағы бір артықшылығы - олар дискілік кеңістікті қажет етпейді. Векторлық сызба файлының көлемі тек осы сызбаны құрайтын объектілердің саны мен күрделілігіне байланысты, сондықтан оның өлшемі растрлық сызбадан айырмашылығы іс жүзінде бұл көлемге әсер етпейді.

CorelDraw қуатты көрнекі веб-бет редакторының қасиеттерін көрсетеді: пайдаланушы JavaScript сценарийлері мен CSS мәнерлер кестелерін қамтитын бай HTML құжаттарын жасау мүмкіндігін алады.

Веб-жариялауға арналған қуатты графика, мәтін және орналасу және экспорттау мүмкіндіктері бар CorelDraw HTML файлының алғашқы нұсқаларын жасау үшін жақсы бастау нүктесі болып табылады.

Суреттерді бетке орналастырған кезде, ең маңызды міндеттердің бірі кескін файлдарының өлшемін оңтайландыру болып табылады. Беттің жалпы көлемінің ұсынылатын «төбесі» 100-ден 150 кб-қа дейін. Азайту

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

Курс бағдарламасының нысаны: 1. Тақырып. Web-қосымшаларды тиімді өңдеу құралдары. 2. Бағдарламалау және OOP, HTML және C# негіздерімен таныс 2-3 курс студенттеріне ұсынылады. 3. Дәрістер – сағаттар, зертханалық жұмыстар 4. Аннотация (200 сөзден аспайтын) 5. Мазмұны (бағдарлама) Мазмұны Тақырып 1. Пәннің пәні мен міндеттері. Веб-қосымшалардың анықтамасы және құрылымы. Веб-қосымшалардың классификациясы. ................................................... . .................2 Тақырып 2. Веб-қосымшаларды жобалау негіздері. Веб-қосымшаның өмірлік циклі. Жүктеме сынағы. ................................................... . ........................4 Тақырып 3. Веб-қосымшаларды жобалау негіздері. Веб-сайттар. Веб-қызметтері......7 Тақырып 4. Visual Web Developer Express Edition. Динамикалық веб-қосымшаларды әзірлеу құралы ретінде өнім туралы жалпы түсінік. .................................................сегіз Тақырып 5. Visual Web Developer Express Edition бағдарламасының негізгі мүмкіндіктері. Пайдаланушы интерфейсін жобалау ................................................... ................. ................................. ................ .......21 Тақырып 6. Веб-қосымшаны жөндеу және тестілеу мүмкіндіктері. Веб қолданбаларды жөндеу құралдары. Үзіліс нүктелері, ерекше жағдайларды өңдеу, айнымалы тексеру. 28 Тақырып 7. Visual Web Developer Express Edition бағдарламасының негізгі мүмкіндіктері. Веб-сайтты басқару құралдары................................................. ................................................................ ......................33 Тақырып 8. Веб-сайттарды қорғау...................... ................................................................ ..........................37 Тақырып 9. Visual Web Developer Express Edition нұсқасына қатынасу. Деректермен байланысты басқару элементтері. ................................................... . ................................40 10-тақырып. Қосымша мүмкіндіктер Visual Web Developer Express Edition. Сайт құрылымы және навигация. Жекелендіру. Веб бөліктері технологиясы. ...........................47 Зертханалық ................. ................. ................................. ................ ................................................. .............53 1 Тақырып 1. Пәннің пәні мен міндеттері. Веб-қосымшалардың анықтамасы және құрылымы. Веб-қосымшалардың классификациясы. Курс студентті веб-қосымшалар сияқты бағдарламалар класымен, дизайн мен әзірлеудің теориялық негіздерімен, веб-әзірлеудің техникалық құралдарымен таныстырады. Веб-қосымшаның бірнеше анықтамалары бар. Веб-қосымша – Web ортасында қолданбаның белгілі бір аймағында мәліметтерді өңдеуді жүзеге асыратын бағдарламалар жиынтығы. Веб қолданбасы веб-серверде кез келген әрекетті автоматты түрде орындауға арналған көмекші бағдарламалық құрал болып табылады. Дегенмен, олар веб-браузерлерді пайдаланушы интерфейсі ретінде пайдаланады. Әдетте, веб-қосымшалар клиент-сервер архитектурасының әртүрлі нұсқаларында жасалады. Веб-бағдарлама – бұл веб-серверде жұмыс істейтін және HTTP протоколы арқылы пакеттерді жіберу және алу арқылы қол жеткізілетін қолданба. Бұл курста веб-бағдарлама компоненттері веб-ортада өзара әрекеттесу кезінде автоматтандырылған деректерді өңдеуді орындайтын қолданбалар класына жатады. Жалпы веб-бағдарлама архитектурасы – бұл бағдарлама құрамдастары клиенттік және серверлік құрамдастарға бөлінген, ал компоненттер HTTP протоколы арқылы пакеттерді жіберу және қабылдау арқылы өзара әрекеттесетін клиент-сервер үлгісі. Клиент веб-браузер, ал сервер веб-сервер. HTTP пакеттерінің клиенттік сервері сур. 1 Жалпы веб-бағдарлама архитектурасы Веб-сервердің міндеттері деректерді өңдеу функцияларының белгілі бір жинағын орындау және осы функцияларға қол жеткізу үшін HTTP протоколы арқылы интерфейсті (бағдарламалық құрал немесе пайдаланушы интерфейсін) қамтамасыз ету болып табылады. Веб-бағдарлама серверінің құрамдас бөлігі клиенттен сұрауды алады және деректерді өңдеуді жүзеге асырады, содан кейін жауапты және/немесе веб-парақты жасайды және HTTP хаттамасы арқылы желі арқылы клиентке деректер пакетін жібереді. Веб-қосымшаның серверлік құрамдас бөліктері дерекқор немесе басқа серверде орналасқан басқа веб-бағдарлама сияқты басқа қызметтердің (қызметтердің) клиенті ретінде әрекет ете алады. Бұл тәсілдің бір артықшылығы - клиенттердің белгілі бір тұлғадан тәуелсіз болуы операциялық жүйе пайдаланушы және веб-қосымшалар осылайша кросс-платформалық қызметтер болып табылады. Веб-қосымшалардың жіктелуі 1. Жүйе компоненттерінің қосылу (интерфейсация) дәрежесі бойынша: а. әлсіз конъюгацияланған b. қатты байланысқан Жүйе құрамдастарының қосылу (конъюгация) дәрежесі - бұл компоненттердің әрқайсысы жүйенің басқа модульдеріне тәуелділік дәрежесі. Қосылу дәрежесі жоғары (күшті) немесе төмен (әлсіз) болуы мүмкін. Қолданба әлсіз байланысқан, егер оның құрамдас бөліктері бірдей интерфейстерді пайдаланып бір-бірімен әрекеттессе және құрамдастардың әрқайсысының ішкі іске асуына тәуелді болмаса. Мұндай қолданбада құрамдастардың біреуінің жүзеге асырылуын өзгерту басқа құрамдастардың орындалуын өзгертуді талап етпейді. Тығыз байланысқан қолдануда, керісінше, құрамдастардың бірінің жұмыс істеуі басқа компоненттердің ішкі жүзеге асуына байланысты, сондықтан бұл компоненттердің өзгеруі 2 тәуелді компоненттің өзгеруіне әкеледі. Бұған қоса, тығыз байланысқан қолданбаның жеке құрамдас бөліктері сол қолданбаның тәуелді құрамдас бөліктерінсіз қараған кезде түсіну қиын. Сондай-ақ құрамдас бөліктер арасындағы күшті байланыстардың болуы оларды өз бетінше тексеруді қиындатады. 2. қолданбалы инфрақұрылымдағы логикалық деңгейлер саны бойынша. а. екі деңгейлі б. n-деңгейі Қолданбаның логикалық құрылымын үш деңгейге бөлуге болады - пайдаланушы қызметтері (презентация деңгейі), қолданбалы қызметтер (бизнес-логикалық деңгей) және деректер қызметтері. Пайдаланушы қызметтері – бұл пайдаланушыға жүйені басқаруға, ал жүйе пайдаланушы әрекетінің нәтижесін қамтамасыз етуге мүмкіндік беретін жүйе-пайдаланушы интерфейсі. Қолданбалы қызметтер қолданбаның іскерлік логикасын жүзеге асырады, яғни. бизнес объектілерін және олардың өзара әрекетін анықтау. Осылайша, қолданбалы қызметтер пайдаланушы сұраныстары мен бизнес ережелеріне сәйкес деректерді өңдеу алгоритмдерін жүзеге асырады. Деректер қызметтері деректерді сақтау және деректерге қол жеткізу әдістерін қамтамасыз етеді. Алғашқы екі логикалық деңгей (пайдаланушы және қолданбалы қызметтер) бір инфрақұрылым деңгейіне біріктірілсе, онда мұндай қолданбаның екі деңгейлі архитектурасы болады. Әрбір логикалық деңгей жеке инфрақұрылымдық деңгейге сәйкес келсе, онда бұл үш деңгейлі қолданба, бұл n-деңгейлі опцияның ең көп таралған жағдайы. Инфрақұрылымға қосымша қабатты енгізу қажет болған жағдайда кез келген қабаттарды ауыстыруға немесе өзгертуге мүмкіндік береді. Мысалы, деректерді ұсыну деңгейінде клиенттің операциялық жүйесін өзгерту тек кодты өзгертуді қажет етеді. пайдаланушы интерфейсі, бизнес логикасы және деректерге қол жеткізу деңгейі өзгеріссіз қалады. 3. пайдаланушыға берілетін ақпарат түріне қарай а. статикалық б. динамикалық Динамикалық қолданбаларөзгеретін ақпаратты-мағыналы мазмұнды (мазмұнын) қамтиды, ал статикалық веб-бағдарламада өзгермейтін мазмұн бар. Веб-қосымшаларға қойылатын талаптар Әзірленген қолданбаның сапасы оның жүйені жобалау кезеңінде қойылған талаптарға қаншалықты сәйкес келетінімен анықталады. Қолданбаларға, соның ішінде веб-қосымшаларға қойылатын барлық талаптар функционалды және функционалды емес болып бөлінеді. Функционалдық талаптар пайдаланушылар өздерінің бизнес-процестерінің бөлігі ретінде тапсырмаларын орындай алатындай етіп әзірлеушілер құруы тиіс жүйенің функционалдығын анықтайды. Функционалды емес талаптар - бұл жүйені пайдалану кезінде пайдаланушы үшін маңызды болып табылатын қолданба сипаттамаларының сипаттамасы. Қандай сипаттамалар жүйеге функционалды емес талаптар қоятынын қарастырайық: сенімділік. Ресми түрде сенімділік - бұл белгіленген режимдерде және пайдалану шарттарында қажетті функцияларды орындау мүмкіндігін сипаттайтын барлық параметрлердің мәндерін белгіленген шектерде уақытында сақтау үшін қосымшаның қасиеті (ГОСТ 27.002-89). Анау. қолданбаның сенімділігіне қойылатын талаптар қолданбаның жұмыс істеу шарттарымен анықталады ( сервер параметрлері, максималды сомақолданбаларды пайдаланушылар) және осы шарттардағы жүйенің қолайлы өнімділік көрсеткіштері (жүйеге пайдаланушы сұрауын өңдеу уақыты, жүйе ақауларының саны). Осылайша, сенімді веб-бағдарлама кез келген 3 шартта (яғни. бұл қолданбажүйені жобалау кезінде ескеру және ескеру қажет). қолдану жылдамдығы. Өнімділік жүйеге пайдаланушы сұрауының орташа өңдеу уақыты ретінде анықталады. Веб-қосымшалар үшін максималды рұқсат етілген жауап уақыты - 5 секунд. қауіпсіздік. Веб-қосымшаның қауіпсіздік талабы мыналарды қамтиды: веб-қосымшаның әрбір құрамдас бөлігінің функциялары мен деректеріне қол жеткізу құқықтарын саралау, компоненттердің және/немесе пайдаланушылардың қол жеткізу деңгейін бақылау, пайдаланушыларды авторизациялау және тексеру. ауқымдылық - жүйенің жүктеменің жоғарылауы және ресурстардың қосылуы кезінде оның өнімділігін арттыру мүмкіндігі. Масштабталатын веб-бағдарламаның пайдаланушысы жүктеме ұлғайған кезде (мысалы, қосымша бірнеше пайдаланушы бір уақытта қол жеткізетін) сәтті байқамауы керек (яғни, пайдаланушы сұрауларына жүйенің жауап беру уақыты айтарлықтай өзгермеуі керек). қолданба конфигурациясының өзгеруі (мысалы, бизнес логикалық қабат қосылса қосымша компонентдеректерді өңдеу). Өтінімге қойылатын талаптар және оларды жинау, талдау және бақылау туралы толығырақ кітаптан оқи аласыз. Тақырып 2. Веб-қосымшаларды жобалау негіздері. Веб-қосымшаның өмірлік циклі. Жүктеме сынағы. Веб-қосымшаны құрудың негізгі кезеңдерін қарастырыңыз. Кез келген ақпараттық жүйе сияқты веб-қосымшаны әзірлеу процесі «өмірлік цикл» түсінігімен анықталады. Өмірлік цикл моделі – бұл бағдарламалық өнімді әзірлеуді, пайдалануды және техникалық қызмет көрсетуді қамтитын, оған қойылатын талаптарды белгілеуден бастап оны пайдалануды тоқтатуға дейінгі жүйенің қызмет ету мерзімін қамтитын процестерден, әрекеттерден және тапсырмалардан тұратын құрылым. Бағдарламалық қамтамасыз етудің өмірлік циклін реттейтін негізгі нормативтік құжат ISO/IEC 12207 халықаралық стандарты болып табылады. Бұл стандарт қолданылатын процестерді, әрекеттерді және тапсырмаларды анықтайды: бағдарламалық жасақтаманы немесе бөлек жеткізілетін бағдарламалық өнімді қамтитын жүйені сатып алу кезінде; бағдарламалық қамтамасыз ету қызметтерін көрсетуде, сондай-ақ бағдарламалық өнімдерді жеткізуде, әзірлеуде, пайдалануда және техникалық қызмет көрсетуде. Өмірлік цикл құрылымы процестердің үш тобына негізделген: бағдарламалық қамтамасыз етудің өмірлік циклінің негізгі процестері (тапсырыс, жеткізу, әзірлеу, пайдалану, техникалық қызмет көрсету); негізгі процестердің орындалуын қамтамасыз ететін көмекші процестер (құжаттау, конфигурацияны басқару, сапаны қамтамасыз ету, тексеру, сертификаттау, бағалау, аудит, мәселелерді шешу); ұйымдастырушылық процестер (жобаны басқару, жобаның инфрақұрылымын құру, өмірлік циклдің өзін анықтау, бағалау және жетілдіру, оқыту). Өмірлік цикл 4 кезеңнен тұрады: 1) талаптарды талдау және жоспарлау. Бұл кезеңде ең жылдам орындалатынына басымдық бере отырып, жүйе орындауы тиіс функциялар жиынтығы анықталады; жүйенің ақпараттық қажеттіліктерін сипаттау жүзеге асырылады; материалдық шығындар, техникалық құралдар анықталады және жұмыстарды орындау мерзімдері белгіленеді. 2) жүйені жобалау, CASE-құралдарын қолдану арқылы болуы мүмкін. Бұл кезеңде жүйенің функциялары және олардың арасындағы байланыстар талданады, деректерге қол жеткізуді шектеу талаптары және қажетті құжаттама белгіленеді және жүйені ішкі жүйелерге бөлу туралы шешім қабылданады. Кезеңнің орындалу нәтижесі объектілердің жалпы моделі және олардың арасындағы қатынастар, функционалдық модельжалпы және әрбір ішкі жүйеде CASE құралдарының көмегімен нақты анықталған интерфейстер, экрандардың, диалогтардың, есептердің прототиптерін құру. 3) құрылыс (жүйені енгізу және сынақтан өткізу). Бұл кезеңде қосымшаның дамуы орын алады - кодтарды құру немесе әзірлеу, тұтас жүйені біріктіру. Кезеңнің нәтижесі – бірінші кезеңде алға қойылған барлық талаптарға жауап беретін дайын жүйе. 4) жүйені енгізу және пайдаланушыларды оқыту. Өмірлік цикл модельдерінің негізгі түрлері: сарқырама моделі спираль моделі Сарқырама моделімен жұмыс істегенде барлық даму кезеңдерге (фазаларға) бөлінеді, ал бір кезеңнен келесіге өту тек ағымдағымен жұмыс толық аяқталғаннан кейін жүзеге асырылады. аяқталды. Әрбір кезең әзірлеуді басқа әзірлеу тобымен жалғастыру үшін жеткілікті құжаттаманың толық жинағын шығарумен аяқталады. Каскадтық тәсілді қолданудың оң аспектілері келесідей: әрбір кезеңде толықтық пен дәйектілік критерийлеріне сәйкес келетін жобалық құжаттаманың толық жинағы қалыптасады; логикалық дәйектілікпен орындалатын жұмыс кезеңдері барлық жұмыстардың аяқталу мерзімін және сәйкес шығындарды жоспарлауға мүмкіндік береді. Каскадты модель шеңберіндегі жұмыс тізбегі келесідей: сур. 2 Каскадты өмірлік цикл моделі Каскадты тәсіл әзірлеудің ең басында әзірлеушілерге оларды техникалық мүмкіндіктерден барынша жақсырақ жүзеге асыру еркіндігін беру үшін барлық талаптарды дәл және толық тұжырымдауға болатын құрылыс жүйелері үшін жақсы жұмыс істеді. көзқарас. Күрделі есептеу жүйелері, нақты уақыттағы жүйелер және басқа ұқсас тапсырмалар осы санатқа жатады. Дегенмен, бұл тәсілді қолдану барысында оның бірқатар кемшіліктері анықталды, бұл ең алдымен бағдарламалық қамтамасыз етуді құрудың нақты процесі ешқашан мұндай қатаң схемаға толығымен сәйкес келмейтініне байланысты. Каскадтық тәсілдің негізгі кемшілігі нәтижелерді алудың айтарлықтай кешігуі болып табылады. Нәтижелерді пайдаланушылармен келісу жұмыстың әрбір кезеңі аяқталғаннан кейін жоспарланған пункттерде ғана жүзеге асырылады, АЖ-ға қойылатын талаптар оны құрудың барлық уақытына техникалық тапсырма түрінде «қатырылады». Осылайша, пайдаланушылар өз пікірлерін жүйедегі жұмыс толығымен аяқталғаннан кейін ғана жібере алады. Балама үлгіспиральды өмірлік цикл үлгісі болып табылады. Бұл модель дизайн талаптарын үнемі қайта қарау, нақтылау және бағалау қажеттілігін ескереді. Модель назар аударады бастапқы кезеңдері цикл: талдау және жобалау. Бұл кезеңдерде техникалық шешімдердің орындылығы 5 прототипті құру арқылы тексеріледі. Спиральдың әрбір айналымы жүйенің фрагментін немесе нұсқасын жасауға сәйкес келеді, онда жобаның мақсаттары мен сипаттамалары көрсетіледі, оның сапасы анықталады және спиральдың келесі айналымының жұмысы жоспарланады. Осылайша, жобаның егжей-тегжейлері тереңдетіліп, дәйекті түрде нақтыланады, нәтижесінде іске асыруға әкелетін орынды нұсқа таңдалады. Бұл тәсіл шағын жобаларды жылдам әзірлеу кезінде өте тиімді болуы мүмкін. Ол жоба командасы мен тұтынушы арасындағы белсенді өзара әрекеттесуді ынталандырады, өйткені тапсырыс беруші бүкіл жоба бойынша жұмыс барысын және нәтижелерін бағалайды. Спиральды модельдің кемшілігі даму процесінде хаосқа әкелуі мүмкін нақты кезеңдердің (жобаның өмірлік циклінің кезеңдері арасындағы бақылау нүктелерінің) болмауы. Күріш. 3 Microsoft Spiral Life Cycle моделі MSF әдістемесі, Microsoft Solution Framework арқылы әзірленген. Бұл модель екі стандартты өндіріс моделінің қасиеттерін біріктіреді: каскадты (сарқырама) және спиральды (спираль). Ол спираль үлгісінің икемділігі мен креативтілігін жоғалтпай, сарқырама үлгісінің реттілігінің артықшылықтарын сақтайды. MSF процесінің үлгісі үнемі өзгеріп отыратын жоба талаптарын ескереді. Ол шешімді әзірлеу шешімнің қарапайым нұсқаларынан оның соңғы формасына дейінгі прогрессивті қозғалысты тудыратын қысқа циклдардан тұруы керек дегеннен шығады. MSF әдістемесінде жобаның өмірлік циклі 5 кезеңге (кезеңдерге) бөлінеді: 1. Тұжырымдаманы әзірлеу кезеңі – бұл кезеңде жобаның мақсаттары мен шекаралары анықталады, жобаның тәуекелдері бағаланады. 2. Жоспарлау кезеңі жобаға қойылатын талаптар спецификациясын дайындауды, жобаның құнын бағалауды және жобаның әртүрлі құрамдас бөліктерін әзірлеу мерзімдерін қамтиды. 3. Әзірлеу кезеңі - Бұл әзірлеу кезеңінде жоба командасы шешім құрамдастарын (соның ішінде құжаттама мен кодты) жасауға бағытталған. Дегенмен, тестілеу барысында мұндай қажеттілік анықталса, бұл жұмыстың кейбірі тұрақтандыру кезеңіне де жалғасуы мүмкін. Бұл кезең инфрақұрылымды дамытуды да қамтиды. 4. Тұрақтандыру кезеңі. Тұрақтандыру кезеңінде әзірленген ерітінді сыналады. Бұл ретте назар оның өндірістік ортаның шынайы үлгісінде жұмыс істеуіне аударылады. 5. Іске асыру кезеңі. Бұл кезеңде жоба командасы технологияларды және шешім құрамдастарын енгізеді, енгізілген шешімді тұрақтандырады, жұмысты қолдау және техникалық қызмет көрсету персоналына тапсырады және жоба нәтижелеріне тапсырыс берушіден соңғы мақұлдауды алады. Іске асыруды аяқтағаннан кейін жоба тобы орындалған жұмысты және тұтынушылардың қанағаттануын талдайды. Осы кезеңде ерітінді құрамдастары сынақ ортасынан 6 өндірістік ортаға тасымалданатындықтан, шешімді тұрақтандыру әрекеттері жалғасуы мүмкін. Бұл бағдарламалық жасақтаманы әзірлеу әдістемесі шешімдерді әзірлеу процесінде адамдарды (жоба командасы) және жұмыс процестерін басқаруды сипаттайды. MSF - бұл тұжырымдамалардың, үлгілердің және ережелердің үйлесімді жиынтығы. MSF ішінде бағдарламалау коды, құжаттама, жобалау, жоспарлар және басқа жұмыс материалдары итерациялық әдістермен жасалады. MSF оның негізгі функционалдығын құру, сынау және қолдану арқылы шешім әзірлеуді бастауды ұсынады. Содан кейін шешімге көбірек мүмкіндіктер қосылады. Бұл стратегия нұсқалау стратегиясы деп аталады. Бір шығарылым кішірек жобалар үшін жеткілікті болуы мүмкін, бірақ бір шешім үшін бірнеше нұсқаны жасау мүмкіндігін жіберіп алмау ұсынылады. Жаңа нұсқаларды жасау арқылы шешімнің функционалдығы дамиды. MSF әдістемесінің толық сипаттамасы Microsoft веб-сайтында қол жетімді. Тақырып 3. Веб-қосымшаларды жобалау негіздері. Веб-сайттар. Веб қызметтері. Веб-сайт - бұл HTTP/HTTPS протоколдары арқылы Интернетте қолжетімді веб-беттердің бірі немесе комбинациясы. Веб-сайттың беттері ортақ түбірлік мекенжай арқылы және әдетте тақырыбы, логикалық құрылымы, дизайны және/немесе авторлығы бойынша біріктірілген. Сайттағы пайдаланушыға берілетін ақпарат статикалық болуы мүмкін, ал сервер бұл жағдайда клиенттің сұрауы бойынша өзгеріссіз жіберетін веб-сайт беттерінің репозиторийі ғана болып табылады. Веб-қосымшаның басқа жұмыс схемасы веб-сайт динамикалық ақпаратпен жұмыс істейтін болса, пайда болады, яғни. ақпарат оған кім және қай уақытта қол жеткізе алатынына байланысты болуы керек. Динамикалық сайтта флэш-скринсейверлер, бейнелер, анимациялар, сондай-ақ жеке статикалық беттер болуы мүмкін. Статикалық веб-сайттың артықшылықтары мен кемшіліктерін қарастырыңыз. Артықшылықтары әзірлеу және техникалық қолдау (хостинг) салыстырмалы төмен құнын қамтиды. Кемшілігі - сайттың мазмұнын өзгерткіңіз келсе, бағдарлама кодын өзгерту қажеттілігі. Сайттың көлемі ұлғайған сайын оның тұтастығын сақтау қиынға соғады. Динамикалық сайт пайдаланушы мен қолданба арасында екі жақты ақпарат алмасуға мүмкіндік береді, сонымен қатар оны басқару және қолдау ыңғайлырақ, өйткені бұл беттердің кодын өзгертуді қажет етпейді. Сонымен қатар, динамикалық сайт статикалық сайтқа қарағанда техникалық қолдауда қымбатырақ, ол көбірек сервер ресурстарын қажет етеді. Статикалық веб-бағдарламада қолданбаның логикалық деңгейлерінің көрсетілім, өңдеу және деректерге қол жеткізу деңгейлеріне бөлінуі жоқ. Динамикалық қолданбада мұндай бөлу пайда болады. Деректер енді веб-беттердің кодында сақталмайды, бірақ бөлек файлдарнемесе дерекқорда (МҚ). Мәліметтерді өңдеу қабаты веб-қосымшаның монолитті құрамдас бөлігі ретінде жүзеге асырылуы мүмкін немесе жеке құрамдас бөліктер Web арқылы қол жеткізілетін арнайы веб-қызмет, бағдарламалық қамтамасыз ету ретінде оқшаулануы мүмкін. Мұндай құрамдастарды пайдалану жүйенің ауқымдылығын жақсартады және құрамдастарды қайта пайдалануға болады. Веб-қызмет – жалпы интерфейстері мен байланыстары XML арқылы анықталған және сипатталған URI жолы арқылы анықталған бағдарламалық жүйе. Осының сипаттамасы бағдарламалық қамтамасыз ету жүйесі XML негізіндегі хабарламалар арқылы осы сипаттамаға сәйкес онымен әрекеттесе алатын және Интернет протоколдары арқылы тасымалданатын басқа бағдарламалық жүйелер арқылы табуға болады. Веб-қызметтері жүйеге келесі артықшылықтарды береді: бағдарламалық қамтамасыз ету компоненттерінің өзара әрекеттесуі платформаға қарамастан мүмкін, HTTP протоколын қолданудың арқасында компоненттердің веб арқылы өзара әрекеттесуі мүмкін. Веб-қызметтердің логикалық ұйымдастырылуы тұрғысынан: Іскерлік функцияны жүзеге асыратын және келесі қасиеттерге ие ресурсты сервис деп атаймыз: ол қайта пайдалануға жарамды; бір немесе бірнеше айқын технологияға тәуелсіз интерфейстермен анықталған; басқа ұқсас ресурстармен еркін байланысқан және ресурстардың бір-бірімен әрекеттесуіне мүмкіндік беретін байланыс хаттамалары арқылы шақырылуы мүмкін. Яғни, веб-қызметтерді пайдалану веб-қосымшаның құрамдас бөліктерінің байланысын босатуға мүмкіндік береді. Соңғы пайдаланушыны веб-қызмет жүзеге асыратын функциялармен қамтамасыз ету үшін үш құрамдас бөліктің өзара әрекетін ұйымдастыру қажет: веб-қызметке сұраныс көзі, веб-қызмет провайдері және әрекет ететін веб-қызмет брокері. көз мен веб-қызмет провайдері арасындағы делдал ретінде. Күріш. 4 Веб қызметі. Компоненттердің өзара әрекеттесуі. SOAP (Simple Object Access Protocol) – провайдер мен веб-қызметтің тұтынушысы арасындағы хабар алмасу протоколы, протокол XML және HTTP негізінде жасалған. WSDL (Web Service Description Language) — веб-қызметтің әдістері мен параметрлерін сипаттайтын XML схемасы. XML схемасы - XML ​​құжатында қолданылатын тегтер жинағы. Ол сәйкес XML құжатында қандай деректер бар екенін дәл анықтауға, оның тұтастығын тексеруге мүмкіндік береді. UDDI (Әмбебап сипаттама, ашу және біріктіру) протоколы қызмет сипаттамасына, ашуға және Интернетте қызметті біріктіруге арналған платформадан тәуелсіз, ашық құрылым болып табылады. Қосымша мәліметтер алу үшін www.uddi.com сайтын қараңыз. Тақырып 4. Visual Web Developer Express Edition. Динамикалық веб-қосымшаларды әзірлеу құралы ретінде өнім туралы жалпы түсінік. Біз веб-қосымшаларды жобалаудың теориялық негіздерімен таныстық, келесі қадам қосымшаны әзірлеуде алынған білімді қолдану болып табылады. 8 Күрделі веб-қосымшаларды нөлден әзірлеу - әзірлеушілерден ақпараттық жүйелерді жобалау және әзірлеу дағдыларының болуын талап ететін уақытты қажет ететін тапсырма. Веб-әзірлеу саласында өз жолын бастаған адамдар үшін бұл мәселені шешу жаңадан келген пайдаланушылардың қажеттіліктеріне арнайы бағытталған әзірлеу құралдарын пайдалану арқылы қол жетімді болады. Осы талапқа сай танымал әзірлеу ортасы Microsoft корпорациясының Visual Web Developer Express Edition болып табылады. Веб-қосымшаның әрбір қабаты үшін (интерфейс, бизнес логикасы, деректер) VWD тиімді әзірлеу құралдары жинағын ұсынады (төменде қараңыз). Visual Web Developer Express Edition бағдарламасындағы веб-қосымшалар ASP.NET технологиясының үстіне құрастырылған. ASP.NET веб-серверде қолданбаларды әзірлеуге және іске қосуға арналған құрылым, соның ішінде жобалау уақыты нысандары мен басқару элементтері және орындалу уақытының контексті. ASP.NET өз кезегінде .NET Framework бөлігі болып табылады, сондықтан осы құрылымның барлық мүмкіндіктеріне қол жеткізуді қамтамасыз етеді. Мысалы, кез келген .NET бағдарламалау тілінде (Visual Basic, C#, C++ үшін басқарылатын кеңейтімдер және т.б.) және .NET жөндеу құралдарында ASP.NET веб-қосымшаларын жасауға болады. Деректерге қол жеткізу ADO.NET арқылы жүзеге асырылады. Сол сияқты, .NET Framework сыныптарын және т.б. пайдаланып амалдық жүйе қызметтеріне қол жеткізуге болады.ASP.NET веб-қосымшалары Microsoft Internet Information Services (IIS) бағдарламасымен жұмыс істеу үшін конфигурацияланған веб-серверде жұмыс істейді. Дегенмен, IIS-пен тікелей жұмыс істеу қажет емес. IIS құралдарын ASP.NET сыныптарын пайдаланып бағдарламалауға болады және Visual Web Developer Express Edition қажетінше IIS қолданбаларын жасау және веб-қосымшаларды IIS жүйесіне орналастыру жолдарын ұсыну сияқты файлдарды басқару тапсырмаларын орындайды. Веб-қосымшаларды құру үшін Visual Web Developer Express Edition пайдаланудың артықшылығы - ол қолданбаларды әзірлеу процесін әлдеқайда жылдам, жеңіл және сенімдірек ететін құралдармен қамтамасыз етеді. Бұл құралдар мыналарды қамтиды: басқару прототиптері бар веб-беттерге арналған визуалды дизайнерлер және код синтаксисін тексеруді қамтамасыз ететін Code View (HTML). IntelliSense мүмкіндіктерін қамтитын оңтайландырылған код өңдегіштері. Visual Web Developer Express Edition ішіндегі IntelliSense – бұл қамтамасыз ететін құрал жылдам қол жеткізупайдаланушы бағдарламалау тілінің барлық мүмкіндіктерін пайдалана алады. Ол программалық кодты өңдеу режимінде тіл элементтерін іздеуге, сәйкес элементті таңдауға және оны кодқа қосуға мүмкіндік береді. Intellisense келесі мүмкіндіктерді қамтамасыз етеді: o Осы сыныптың сілтеме жасалған нысаны үшін сынып мүшелерінің (құрылымдар, бірлестіктер немесе аттар кеңістігі) тізімін қарау. Осы тізімде таңдалған сынып мүшесі бағдарлама кодына қосылады. o кодта көрсетілген функция параметрлерінің тізімін қарау. Функция туралы ақпарат барлық параметрлердің атаулары мен түрлерін, қайтарылатын мәннің түрін қамтиды. o айнымалы туралы ақпаратқа қол жеткізу. Бұл функция кодтағы айнымалы идентификаторды таңдауға және айнымалының қалай жарияланғанын көруге мүмкіндік береді. o автоматты толтыру. Бұл функция атаулардың анық еместігін шешу үшін жеткілікті таңбалар енгізілгенде, айнымалылардың, функциялардың аяқталмаған атауларын аяқтайды. o Ашу және жабу жақшаларының және жабылмаған код сегменттерінің автоматты сәйкестігі. Кірістірілген компиляция және жөндеу құралдары. 9 Жергілікті немесе қашықтағы серверге орналастыруды қоса, қолданба файлдарын жасауға және басқаруға арналған жобаны басқару құралдары. ASP.NET веб-қосымшаларының элементтері ASP.NET веб-қосымшаларын жасау кез келген файлда қолданылатын көптеген элементтермен жұмыс істеуді қамтиды. клиент-сервер қолданбасы . Оларға мыналар жатады: пайдаланушы интерфейсі. Қолданба, әдетте, пайдаланушыға экранда деректерді көрсетеді; ASP.NET веб-бағдарламасында пайдаланушы интерфейсі шолғышқа нәтиже жіберетін Веб пішіндері беттері түрінде болады. Қажет болса, мобильді құрылғылармен немесе басқа веб-құрылғылармен жұмыс істеу үшін арнайы әзірленген шығысты жасауға болады. Құрамдас бөліктер. Көптеген веб-қосымшаларды нақты тапсырмаларды орындау үшін кодты қамтитын және қайта пайдалануға болатын құрамдастарға бөлуге болады. Бұл құрамдастарды XML веб-қызметтері ретінде жасауға болады, олар осы құрамдастарды веб-бағдарлама, басқа веб-қызмет немесе Windows пішіні сияқты веб арқылы шақыруға және оларды қайта пайдалануға мүмкіндік береді. Деректер. Қолданбалардың көпшілігі деректерге қол жеткізудің қандай да бір түрін талап етеді. Visual Web Developer Express Edition бағдарламасында мұны істеу үшін ADO.NET (.NET Framework бөлігі болып табылатын деректер қызметі) пайдалануға болады. Visual Web Developer Express Edition бағдарламасында веб-қосымшаны жасау Visual Web Developer Express Edition бағдарламасында қарапайым веб-бағдарламаны жасау қадамдарын орындап көрейік. Бұл түйме басылғанда кейбір хабарды («Сәлем әлемі» сияқты) көрсететін веб-сайт болады. Жаңа веб-сайтты File | мәзір элементін таңдау арқылы жасауға болады жаңа веб-сайт. Пайда болған диалогтық терезе жасағыңыз келетін сайт түрін таңдауды ұсынады - бұл ASP.NET веб-сайты, бос веб-сайт, ASP.NET веб-қызметі, жеке веб-сайттың бастапқы жинағы болуы мүмкін. ASP.NET веб-сайт үлгісін таңдасаңыз, Visual Web Developer Express Edition веб-сайт жасау үшін қажетті файлдардың ең аз санын жасайды. Бір веб-бет, бос Деректер каталогы және жобаның .sln файлы жасалады. ASP.NET веб-қызмет үлгісін таңдасаңыз, Visual Web Developer Express Edition веб-қызмет жасау үшін қажетті файлдардың ең аз санын жасайды. Бос веб-сайт үлгісін таңдасаңыз, тек бос каталог пен жоба .sln файлы жасалады. Жеке веб-сайттың бастапқы жинағы үлгісін таңдасаңыз, Visual Web Developer Express Edition бастапқы жинағын, кейбір кірістірілген мүмкіндіктері бар үлгі жеке веб-сайтты пайдаланады. Орын тізімінде жасап жатқан веб-сайт үшін орынды таңдауға болады. Сізде үш опция бар: HTTP – FrontPage сервер кеңейтімдерін (алдыңғы нұсқаларға ұқсас) арқылы HTTP арқылы веб-сайтқа кірудің дәстүрлі жолы; FTP – сайтқа кіру FTP хаттамасы арқылы жүзеге асырылады; файлдық жүйе- жаңа мүмкіндік ASP.NET 2.0 әдепкі бойынша ұсынылады. Оны таңдау файлдық жүйенің каталогында веб-сайтты жасайды жергілікті компьютер, және ASP.NET біріктірілген жөндеу веб-сервері жөндеу үшін пайдаланылады. Қолданбаны әзірлеуді аяқтағаннан кейін оны кәдімгі Интернет ақпараттық серверінің веб-серверіне жариялау қажет болады. Біздің мысал үшін біз ASP.NET веб-сайт үлгісін таңдаймыз. Біз сайттың атын енгіземіз - HelloWorld, және оған жол, бағдарламалау тілін көрсетеміз - Visual C #. 10

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

Мысалы, қазіргі заманғы талаптарға жауап беретін кәдімгі интерактивті веб-бетті жасау үшін, HTML гипермәтіндік белгілеу тілін, каскадтық стиль кестелерін (CSS) және PHP сияқты серверлік қосымшаларды әзірлеудің неғұрлым күрделі технологияларын білу қажет. Сонымен қатар, бағдарламалық жасақтаманың серверлік бөлігін әзірлеу үшін бағдарламалаушы Mysql сұрау тілі арқылы мәліметтер қорына қол жеткізуі керек.

Денвер: Құралдар жиынтығын орнатуды автоматтандыру.

Apache серверін және оған қатысты бағдарламаларды қолмен орнату өте қиын жұмыс болуы мүмкін. Шындығында, сізге ешқашан қажет болмайтын көптеген Apache, PHP және MySQL конфигурация опцияларымен жұмыс істеуге тура келеді.

Денвер - бұл веб-бағдарламашыға қажет барлық бағдарламаларды орнатуды жеңілдететін әмбебап инсталлятор, бұл Apache, PHP, MySQL, Perl бір мұрағатқа біріктірілген, ыңғайлы орнатушымен және белгілі бір бағдарлама үшін конфигурациялау утилиталарымен жабдықталған бірдей дистрибутивтер. машина (соның ішінде виртуалды хосттарды автоматты түрде конфигурациялауға арналған құралдар).

Денвер толығымен автоматтандырылған нысан.

Қолдану ережелері.

Денвер оңай орнатуға және еркін орнатуға арналған.

қайта таралатын бағдарламалар (Apache, PHP, MySQL және т.б.). Әрине, ол мүмкін

кез келген веб-бағдарламашылар мен дизайнерлер пайдалана алады, бірақ тек коммерциялық емес мақсаттар үшін.

Денверде модульдік құрылым бар. Оның өзегі – «базалық пакет» деп аталатын. Барлық басқа құрамдас бөліктер жеке кеңейтім бумалары ретінде жеткізіледі, олар негізгі буманың жұмыс істеуін талап етеді.

Негізгі қаптаманың құрамы.

Негізгі пакетте веб-бағдарламашыға қажет көптеген бағдарламалар мен утилиталар бар:

SSI қолдауы бар Apache, mod_rewrite, modphp;

GD және MySQL қолдауы бар PHP;

транзакцияны қолдауымен MySQL (nrysqld-max);

PhpMyAdmin – Web интерфейсі арқылы MySQL басқару жүйесі; толық

MySQL пәрмен жолын ауыстырады;

Стандартты кітапханалары жоқ Perl ядросы;

sendmail эмуляторы;

PHP және Perl-мен бірге қолдау көрсетілетін жұмыс;

жоғарыда аталған құрамдастардың барлығын қамтитын таратуға небәрі 2 МБ ғана қажет.

Қосымша кеңейту бумалары

Көптеген Денвер кеңейтім пакеттері де қол жетімді, оларда:

кешенге кіретін барлық бағдарламалар бойынша құжаттама;

стандартты кітапханалары бар Perl толық нұсқасы;

PHP 5 толық нұсқасы;

Әзірлеушіге қолдау көрсету.

http://forum.dklab.ru/denwer/ сайтында форум бар, онда Денверді пайдалануға қатысты мәселелер бойынша кітап авторларынан кеңес алуға болады. Ол сондай-ақ соңғы екі жыл ішінде пайдаланушылар жіберген сұрақтар мен жауаптардың кең дерекқорын қамтиды. Форумда икемді іздеу жүйесі бар.

Таратуды орнату.

Барлық таратулар 7-Zip пішіміндегі мұрағаттар (http://7-zip.org). Пішім ең жақсы қысу қатынасын беретіндіктен таңдалды.

Таратуды сатып алғаннан кейін оны іске қосу керек. Алдымен мұрағат уақытша каталогқа шығарылады (біраз күту керек), содан кейін орнатушы автоматты түрде іске қосылады.

Кешенді қай каталогта орнатқыңыз келетіні сұралады (әдепкі бойынша C: WebServers, сіз жай ғана пернені басуыңыз керек. бұл таңдауды қабылдау). Мүлдем барлық жүйе құрамдастары көрсетілген каталогта орналасады және оның сыртында ешбір файл жасалмайды (жұмыс үстеліндегі таңбашалардан басқа).

Денверде бірнеше конфигурация файлдары бар және олар кешеннің құрамдас бөліктері үшін оңай табуға болатын жерлерде орналасқан. Кейбір файлдар әдепкі бойынша жоқ - олар өзгертулер енгізбес бұрын жасалуы керек.

  • * Негізгі конфигурация файлы: /etc/CONFIGURATION.txt.
  • * Apache конфигурациясы httpd.conf: /usr/local/apache/conf/httpd.conf.
  • * .htaccess файлдары бар жергілікті параметрлерсайттар: сәйкес сайттардың құжаттар каталогтарында.
  • * PHP конфигурациясы: php.ini: /usr/local/php/php.ini.
  • * PHP 3 конфигурациясы: /usr/local/php3/php3.ini.
  • * Транзакциялармен MySQL конфигурациясы: /usr/local/mysql/my.cnf.
  • * хосттар файлы- сайт атауларының олардың IP мекенжайларына сәйкестігі:

Windows 95/98/ME үшін: C:Windowshosts;

Windows NT/2000/XP үшін: C:WinNTsystem32driversetchhosts.

Денверден бастаңыз.

Орнату аяқталғаннан кейін жұмыс үстеліндегі Denwer таңбашасын басыңыз.

Браузеріңізде http://localhost (home/localhost/www сақталады) ашыңыз.

HTML

Интернетте ақпарат алмасу сол немесе басқа қолданбалы сервистерді (файлдарды тасымалдау, гипермәтіндік ақпарат, пошта және т.б.) жүзеге асыратын қолданбалы деңгейдегі хаттамаларды қолдану арқылы жүзеге асырылады. Ең жас және ең танымал Интернет-қызметтердің бірі, оның дамуы Интернеттің танымалдығының өсуіне әкелді, HTTP протоколына (Hyper Text Transfer Protocol) негізделген World Wide Web (WWW) болды. WWW-де ұсынылған гипермәтіндік құжаттардың дәстүрлі гипермәтіндік құжаттардан бір принципті айырмашылығы бар – олар пайдаланатын сілтемелер бір құжатпен шектелмейді, сонымен қатар олар бір компьютермен шектелмейді. Гипермәтіндік құжаттарды дайындау үшін құжаттарды пішімдеуге және құрылымдық белгілеуге, әртүрлі құжаттар арасындағы байланыстарды ұйымдастыруға, графикалық және мультимедиялық ақпаратты қосу құралдарына кең мүмкіндіктер беретін HTML тілі (Hyper Text Markup Language – гипермәтіндік құжаттарды белгілеу тілі) қолданылады. HTML құжаттары арқылы қаралады арнайы бағдарлама- браузер. Ең көп қолданылатын браузерлер Netscape Navigator (NN) және Microsoft Internet Explorer (MSIE). NN енгізулері барлық дерлік заманауи бағдарламалық және аппараттық платформалар үшін қол жетімді, MSIE іске асырулары барлығына қол жетімді Windows платформалары, Macintosh және кейбір коммерциялық Unix жүйелері.

HTML құжаты құжаттың мазмұнын білдіретін мәтіннен тұрады және тегтер, оның құрылымы мен көрінісін браузер арқылы көрсету кезінде анықтау. Ең қарапайым html құжаты келесідей көрінеді:

Аты

Құжат органы

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

, және ретінде жұптастырылған , соңғы жағдайда тег тек ашу және жабу жақшасының арасындағы мәтінге әсер етеді. Тегтердің параметрлері де болуы мүмкін - мысалы, бетті сипаттау кезінде фон түсін, қаріп түсін және т.б. орнатуға болады: text="қара">.

Бүкіл құжаттың мәтіні тегтермен қоршалған , құжаттың өзі екі бөлікке бөлінеді - тақырып және негізгі. Тақырып тегтермен сипатталады , ол құжаттың тақырыбын қамтуы мүмкін (тегтерді пайдалана отырып </i>) және құжатты көрсету кезінде браузер пайдаланатын басқа параметрлер. Құжаттың негізгі бөлігі тегтермен қоршалған <i><body> </i>және пайдаланушы көретін нақты ақпаратты қамтиды. Пішімдеу тегтері болмаған жағдайда, барлық мәтін браузер терезесінде үздіксіз ағынмен көрсетіледі, жаңа жолдар, бос орындар және қойындылар бос орын таңбалары ретінде қарастырылады, бірнеше дәйекті бос орын таңбалары біреуге ауыстырылады. Пішімдеу үшін келесі негізгі тегтер қолданылады:</p> <p><p>Жаңа абзацтың басында туралау параметрі болуы мүмкін:</p> <p> <p>Ағымдағы абзац ішіндегі жол үзілімі;</p> <p><u></u>- мәтіннің астын сызу</p> <p>Басқа құжатқа сілтеме тег арқылы орнатылады <i><a href= «URL»>…</a> </i>, мұндағы URL құжаттың толық немесе салыстырмалы мекенжайы. Бұл жағдайда тегке енгізілген мәтін <a>, әдетте асты сызылады және боялады және осы сілтемені басқаннан кейін браузер мекенжайы href параметрінде көрсетілген құжатты ашады. Графикалық кескіндер құжатқа тег арқылы енгізіледі <i><img src='/photoshop/vybor-sredstv-razrabotki-web-prilozhenii-sredstva-effektivnoi-razrabotki/' loading=lazy loading=lazy> </i>.</p> <p><u><b>PHP</b> </u></p> <p>РНР (ағыл. PHP: HyperText Preprocessor - “PHP: гипермәтіндік препроцессор”, қаз. Жеке басты бет құралдары (ескірген) - “Жеке веб-беттерді құру құралдары”) – веб-сайттарды әзірлеу үшін қарқынды қолданылатын жалпы мақсаттағы сценарийлік бағдарламалау тілі. қолданбалар. Қазіргі уақытта оны хостинг провайдерлерінің басым көпшілігі қолдайды және жетекші бағдарламалау тілдерінің бірі болып табылады.</p> <p>PHP - бұл C тіліне өте ұқсас, Perl және C артықшылықтарын біріктіретін жан-жақты және түсінікті синтаксисі бар веб-арнайы тіл. Ол HTML құжаттарына кодты енгізуге мүмкіндік береді. Біз оны HTML құжаттарын жасау және көптеген сыртқы сценарий қоңырауларынан арылу үшін пайдалана аламыз. Бұл тіл бүкіл әлем бойынша миллионға жуық серверлерде қолданылады және олардың саны өсуде. PHP5-тің жаңа буыны бағдарламаны өңдеу жылдамдығы бойынша да (және PHP 3 және 4 үлкен циклдарды өңдеуде Perl-ден әлдеқайда артта қалды) және синтаксис тұрғысынан да PHP-ге қарағанда Perl-дің барлық артықшылықтарын жоюы керек. Ақырында, PHP сценарийлерінің көпшілігі (әсіресе кішірек) Perl тілінде жазылған балама бағдарламаларға қарағанда жылдамырақ жұмыс істейді.</p> <p><u><b>PHP нұсқасы 5</b> </u></p> <p>Әрине, біріншіден, жұмыс жылдамдығы аздап артты. Біз бұған жүйенің жаңа ядросы – Zend Engine 2-ге көшуіміз керек. Бірақ нұсқа нөмірін 4-тен 5-ке ауыстырудың негізгі себебі РНР-дің объектіге бағытталған мүмкіндіктерін айтарлықтай жақсарту және екі интерпретаторды біріктіру болып табылады. ядро. <a href="https://polarize.ru/kk/history/planirovanie-landshafta-na-uchastke-onlain-programmy-dlya/">қуатты кітапханалар</a>: DBMS SQLite және XML-мен жұмыс істеуге арналған модуль.</p> <p>PHP 5 нұсқасы PHP 4 PHP 3-ке қарағанда PHP 4-пен айтарлықтай үйлесімді. Бұл PHP 4-нұсқасымен жасалған бағдарламалардың PHP 5-те ешбір өзгеріссіз жұмыс істеу ықтималдығы жоғары екенін білдіреді.</p> <p>Веб-сайттарды құру саласындағы танымалдылық веб-қосымшаларды әзірлеуге арналған кіріктірілген құралдардың үлкен жиынтығының болуымен анықталады. Олардың негізгілері:</p> <ul><li>POST және GET параметрлерін, сондай-ақ веб-сервер ортасының айнымалыларын алдын ала анықталған массивтерге автоматты түрде шығару;</li> <li>әртүрлі деректер қорын басқару жүйелерімен (MySQL, Oracle, Microsoft <a href="https://polarize.ru/kk/internet/popytka-vstavki-neunikalnogo-znacheniya-v-unikalnyi-indeks-oshibka-popytka/">SQL сервері</a>, InterBase, Paradox және т.б.);</li> <li>HTTP тақырыптарын автоматты түрде жіберу;</li> <li>HTTP авторизациясымен жұмыс істеу;</li> <li>· cookie файлдарымен және сеанстармен жұмыс істеу;</li> <li>· жергілікті және қашықтағы файлдармен, розеткалармен жұмыс істеу;</li> <li>серверге жүктелген файлдарды өңдеу;</li> <li>XForms-пен жұмыс</li> </ul><p>Қазіргі уақытта PHP тілін жүздеген мың әзірлеушілер пайдаланады. 2011 жылдың сәуір айында PHP іздеу жүйесінің деректеріне негізделген TIOBE корпорациясының рейтингінде бағдарламалау тілдері арасында №5 орынға ие болды.</p> <p><u><b>css</b> </u></p> <p>CSS (Cascading Style Sheets – каскадтық стиль кестелері) – белгілеу тілі арқылы жазылған құжаттың сыртқы түрін сипаттауға арналған тіл, жеке құжаттардың немесе олардың жиындарының көрсетілімін басқарудың қуатты механизмі.</p> <p>CSS-ті веб-бет жасаушылар түстерді, қаріптерді, орналасуды және құжаттың көрсетілімінің басқа аспектілерін орнату үшін пайдаланады. CSS-тің негізгі дизайн мақсаты мазмұнды (HTML немесе басқа белгілеу тілінде жазылған) құжаттың көрсетілімінен (CSS-де жазылған) бөлу болды. Бұл бөлу құжаттың қолжетімділігін арттырып, оның көрсетілуіне икемділік пен бақылауды қамтамасыз етеді және құрылымдық мазмұндағы күрделілік пен қайталануды азайтады. Сонымен қатар, CSS бір құжатты әртүрлі стильдерде немесе көрсету әдістерінде көрсетуге мүмкіндік береді.</p> <p>CSS пайда болғанға дейін веб-парақтарды сәндеу тек HTML арқылы, тікелей құжаттың мазмұны бойынша жасалды. Дегенмен, CSS-тің пайда болуымен құжаттың мазмұны мен көрсетілімін түбегейлі бөлу мүмкін болды. Осы инновацияның арқасында ұқсас құжаттардың массасы үшін бір дизайн стилін оңай қолдануға, сондай-ақ бұл дизайнды тез өзгертуге болады.</p> <p><b>Артықшылықтары:</b></p> <p>Әр түрлі көру құрылғыларына арналған бірнеше бет дизайны. Мысалы, экранда дизайн үлкен енге арналған болады, басып шығару кезінде мәзір көрсетілмейді, ал PDA және ұялы телефонда мәзір мазмұнға сәйкес келеді.</p> <p>Деректерді көрсету ережелерін бөлек CSS файлына тасымалдау арқылы сайт беттерінің жүктелу уақытын қысқарту. Бұл жағдайда браузер құжат құрылымын және бетте сақталған деректерді ғана жүктейді, ал бұл деректердің көрінісін браузер тек бір рет жүктеп алады және оны кэштеуге болады.</p> <p>Кейінгі дизайн өзгерістерінің қарапайымдылығы. Әрбір бетті өңдеудің қажеті жоқ, тек CSS файлын өзгертіңіз.</p> <p>Қосымша дизайн опциялары. Мысалы, CSS орналасуын пайдаланып, сіз мәтіннің қалған бөлігі айналатын мәтін блогын жасай аласыз (мысалы, мәзір үшін) немесе бетті жылжытқанда мәзірді әрқашан көрінетін ете аласыз.</p> <p><b>Кемшіліктері:</b></p> <p>Түрлі орналасу дисплейі <a href="https://polarize.ru/kk/game/skripty-dlya-tyuryagi-mozilla-firefox-ustanovka-skriptov-v-razlichnye-brauzery/">әртүрлі браузерлер</a>бірдей CSS деректерін басқаша түсіндіретін (әсіресе ескіргендері).</p> <p>Іс жүзінде тек бір CSS файлын ғана емес, сонымен қатар HTML тегтерін де түзету қажеттілігі жиі кездеседі. <a href="https://polarize.ru/kk/components/universalnyi-selektor-universalnyi-selektor-v-css-gde-ego-mozhno-primenit/">CSS селекторлары</a>, бұл кейде бір мәнерлі файлдарды қолданудың қарапайымдылығын жоққа шығарады және өңдеу және сынақ уақытын айтарлықтай ұзартады.</p> <p><u><b>MySQL</b> </u></p> <p>Бүгінгі күні қандай да бір маңызды нәрсені елестету қиын <a href="https://polarize.ru/kk/mobile/vidy-informacionnyh-sistem-v-organizacii-strategicheskie-informacionnye/">ақпараттық жүйе</a>, онда маңызды құрамдас ретінде дерекқор болмайды. Мәліметтер қорының тұжырымдамалары мен технологиялары бірте-бірте дамып, әрқашан ақпаратты өңдеудің автоматтандырылған жүйелерінің дамуымен тығыз байланысты болды.</p> <p>Деректер базалары кейбір туралы ақпаратты қамтитын деректерді сақтау және оларға қол жеткізу үшін жасалады <a href="https://polarize.ru/kk/game/biometricheskie-metody-zashchity-vse-plyusy-i-minusy-biometricheskoi-sistemy-zashchity/">пәндік аймақ</a>, немесе біздегідей, прейскурант, яғни адам қызметі саласында, бұл өз кезегінде жұмысты жеңілдетеді және еңбек тиімділігін арттырады. Бұл мәліметтер қорын басқару жүйелерінің динамикалық дамуы мен әртүрлілігіне байланысты.</p> <p><u>MySQL</u>- мәліметтер қорын басқарудың ақысыз жүйесі (МҚБЖ). MySQL Oracle корпорациясына тиесілі, ол оны қосымшаны әзірлейтін және оған қызмет көрсететін сатып алынған Sun Microsystems компаниясымен бірге алған.</p> <p>MySQL - шағын және орта қолданбаларға арналған шешім. WAMP, LAMP серверлеріне және Денвер, XAMPP серверлерінің портативті жинақтарына кіреді. MySQL әдетте жергілікті немесе қашықтағы клиенттер қол жеткізетін сервер ретінде пайдаланылады, бірақ тарату MySQL-ді дербес бағдарламаларға қосуға мүмкіндік беретін ішкі сервер кітапханасын қамтиды.</p> <p>MySQL ДҚБЖ икемділігі қолдау арқылы қамтамасыз етіледі <a href="https://polarize.ru/kk/internet/kak-optimizirovat-vindovs-8-1-dlya-bystroi-raboty-vyyavlenie-prilozhenii/">үлкен сан</a>кесте түрлері: Пайдаланушылар толық мәтінді іздеуді қолдайтын MyISAM кестелері мен жеке жазба деңгейінде транзакцияларды қолдайтын InnoDB кестелері арасында таңдау жасай алады. Сонымен қатар, MySQL кестелердің жаңа түрлерін жасау жолын көрсететін арнайы МЫСАЛЫ кесте түрімен бірге келеді. Ашық архитектурасы мен GPL лицензиясының арқасында MySQL дерекқорына кестелердің жаңа түрлері үнемі қосылып отырады.</p> <p>MySQL 5.1 SQL:2003 стандартына жолды жалғастырады. MySQL 5.1 келесі инновацияларды қамтиды.</p> <p>Бөлшектеу - пайдаланушы анықтайтын функция негізінде әртүрлі файлдық жүйелерде орналасқан бір үлкен кестені бірнеше бөлікке бөлу мүмкіндігі. Белгілі бір жағдайларда бұл өнімділікті айтарлықтай арттыруға мүмкіндік береді және сонымен қатар кестелерді масштабтауды жеңілдетеді.</p> <p>Бірқатар мәлімдемелердің әрекеті SQL2003 стандартымен үйлесімді болу үшін өзгертілді.</p> <p>Бастапқы (және баяу) сұрау мәтінінің орнына екілік журналға нақты өзгертілген кесте жолдары туралы ақпарат ғана жазылатын жолға негізделген репликация. Жолды репликациялау MySQL – аралас репликация тұрғысынан sql сұрауларының белгілі бір түрлері үшін ғана қолданылуы мүмкін.</p> <p>Мерзімді түрде іске қосылатын жұмыстардың кірістірілген жоспарлаушысы. Синтаксисте тапсырма қосу кестеге триггер қосуға ұқсайды; идеологияда ол crontab-қа ұқсас.</p> <p>XML өңдеуге арналған қосымша функциялар жинағы, XPath қолдауын жүзеге асыру.</p> <p>Жаңа ақауларды жою құралдары және өнімділікті талдау утилиталары. Журнал файлдарының мазмұнын басқару мүмкіндіктері кеңейтілді, журналдарды енді general_log және slow_log кестелерінде сақтауға болады. Mysqlslap утилитасы сізге мүмкіндік береді <a href="https://polarize.ru/kk/computer/nagruzochnoe-testirovanie-standartnyi-nagruzochnyi-test-chto-takoe-razmer/">Стресс тестілеу</a>Әрбір сұрауға жауап беру уақыты жазбасы бар деректер қоры.</p> <p>Жаңарту операциясын жеңілдету үшін mysql_upgrade утилитасы дайындалды, ол барлық бар кестелерді сәйкестігін тексереді. <a href="https://polarize.ru/kk/internet/skachat-programmu-total-commander-na-russkom-yazyke-total-commander-skachat-besplatno/">жаңа нұсқасы</a>және қажет болған жағдайда тиісті түзетулер енгізіңіз.</p> <p>MySQL кластері енді MySQL 5.1 және NDBCLUSTER репозиторийіне негізделген дербес өнім ретінде шығарылды.</p> <p>MySQL кластерінің жұмысындағы елеулі өзгерістер, мысалы, кесте деректерін дискіде сақтау мүмкіндігі.</p> <p>MySQL 5.0 жүйесінде жоқ кірістірілген libmysqld кітапханасын пайдалануға қайтарылды.</p> <p>Серверді қайта іске қоспай-ақ функционалдылықты кеңейтетін (мысалы, толық мәтінді іздеу) үшінші тарап модульдерін жүктеуге мүмкіндік беретін плагиндерге арналған API.</p> <p>Плагин ретінде толық мәтінді іздеу талдаушысын енгізу.</p> <p>Жаңа Мария кесте түрі (MyISAM қатеге төзімді клоны).</p> <p><u><b>желі</b>-<b>Apache сервері</b> </u></p> <p>Жобаны орындау барысында таңдалды <a href="https://polarize.ru/kk/components/moduli-rasshireniya-dlya-veb-servera-apache-ustanovka-modulei/">Apache веб-сервері</a>. Неліктен Apache? Өйткені, бұл қазіргі уақытта ең көп таралған сервер және оның келесі бірнеше жылда танымалдылығын жоғалтуы екіталай. Оны көптеген хостинг провайдерлері орнатады. Оған қоса, оның Windows нұсқасы бар, ол функционалдық жағынан Unix әріптесімен дерлік бірдей.</p> <p>Netcraft мәліметтері бойынша оның басқаруындағы веб-сайттардың жалпы саны 1998 жылдың соңына қарай 2 миллионға жетті (сайттардың жалпы санының 55%) және үнемі өсіп келеді. Салыстыру үшін: бөлісіңіз <a href="https://polarize.ru/kk/graphics/call-licenzii-primery-licenzirovaniya-serverov-microsoft-vidy-licenzii-windows-server/">Microsoft серверлері</a> 25%, Netscape - 7% құрайды. Еркін болу <a href="https://polarize.ru/kk/computer/ne-mogu-otkryt-obraz-diska-kakimi-programmami-mozhno-otkryt/">ашық бағдарлама</a>, тегін Unix жүйелеріне (FreeBSD, Linux және т.б.), Apache бағдарламалық құралына арналған <a href="https://polarize.ru/kk/office/prezentaciya-na-temu-klassifikaciya-kompyuterov-klassifikaciya/">функционалдық</a>және сенімділік коммерциялық серверлерден кем түспейді және кең конфигурация опциялары оны кез келген нақты жүйемен жұмыс істеу үшін теңшеуге мүмкіндік береді. Әртүрлі тілдерге, соның ішінде орыс тіліне арналған сервер локализациясы бар.</p> <p>Тарихи түрде Интернеттегі орыс мәтіндері әртүрлі кодтауларда ұсынылуы мүмкін, олардың ішінде koi8-r (немесе жай ғана koi8) және Windows-1251 ең көп таралған: Unix жұмыс істейтін серверлер мен жұмыс станцияларының көпшілігі біріншімен жұмыс істейді, екіншісі барлығы үшін стандартты болып табылады. <a href="https://polarize.ru/kk/office/kak-vklyuchit-bluetooth-na-noutbuke-vklyuchenie-adaptera-bluetooth-na-raznyh/">Windows нұсқалары</a>. Windows-1251 кодтауы табиғи түрде клиенттік машиналардың басым көпшілігінде қолданылғандықтан, WWW ресейлік бөлігін koi8 арқылы саяхаттағандардың үлесі қазір 5%-дан аспайды. Дегенмен, құжаттар бұл кодтауда көптеген Unix серверлерінде сақталады, пошта хабарламалары көбінесе онда жіберіледі және әрдайым дерлік телеконференцияларда хаттар, көптеген орыс тілді IRC арналары онымен жұмыс істейді (айтпақшы, KOI аббревиатурасы «ақпарат» дегенді білдіреді. алмасу коды»). Серверде және клиенттік машинада мәтіндік кодтаулар сәйкес келмеген кезде туындайтын мәселелерді шешу үшін Apache веб-серверіне арналған Apache-RUS орыс модулі жасалды.</p> <h3>Жақсы жұмысыңызды білім қорына жіберу оңай. Төмендегі пішінді пайдаланыңыз</h3> <p>Білім қорын оқу мен жұмыста пайдаланатын студенттер, аспиранттар, жас ғалымдар сізге алғыстары шексіз.</p> <h3>Ұқсас құжаттар</h3> <ul><p>Web-технологиялардың түсінігі мен классификациясын қарастыру. Сайттың негізгі бетін, «Біз туралы» бөлімін, мазмұнын, қосымшасын құруға қойылатын негізгі талаптар. HTML, PHP, JavaScript, VBScript, Perl программалау тілдерін қолдану бағыттарын анықтау.</p><p>курстық жұмыс, 13.07.2010 қосылған <br></p> <p>JavaScript бағдарламалау тілін қолдану мүмкіндіктері мен салаларын зерттеу. JavaScript және PHP программалау тілдерінің салыстырмалы талдауы. «Delphi-де бағдарламалау» тақырыбы бойынша тест мысалында интерактивті Web-қосымшасын жасау.</p><p>практикалық жұмыс, 02.04.2015 қосылды <br></p> <p>JavaScript және PHP программалау тілдерінің салыстырмалы сипаттамалары, мүмкіндіктері және функциялары. Оларды пайдаланудың негізгі бағыттары. «Delphi тілінде программалау» тақырыбы бойынша тест мысалында JavaScript көмегімен интерактивті веб-қосымшаны әзірлеу.</p><p>курстық жұмыс, 07.01.2014 қосылған <br></p> <p>Web-қосымшаларды әзірлеуге арналған Ajax технологиясының функциялары: клиенттік жағында HTTP сұрауларын жасау және XML серверінің жауабын талдау. XMLHttpRequest нысан деректерін жасау <a href="https://polarize.ru/kk/components/kak-izmenit-glavnuyu-stranicu-brauzera-nastroika-startovoi/">әртүрлі браузерлер</a>. Сервлетпен өңдеу. Ajax-тағы тапсырма функциясы.</p><p>зертханалық жұмыс, 06.06.2009 қосылған <br></p> <p>AJAX әдісінің құрылымы мен құрылымы, сонымен қатар оның шығу және даму тарихы. AJAX қосымшаларын әзірлеуге арналған құралдар жинағы. AJAX қолданбаларының қауіпсіздігі және оларды шешу жолдары. Порталдың клиенттік және әкімші бөліктерінің дизайнын әзірлеу.</p><p>диссертация, 22.07.2011 қосылған <br></p> <p>Web-әзірлеуде бағдарламалау тілдерін қолдану. көмегімен гипермәтінді қолдайтын құжат жасаңыз <a href="https://polarize.ru/kk/internet/yazyk-razmetki-gipertekstovyh-stranic-html-sozdanie-web-stranic-s-pomoshchyu/">HTML пайдалану</a>. <a href="https://polarize.ru/kk/mobile/kak-udalit-opredelennyi-element-massiva-javascript-ispolzovanie-funkcii-delete/">JavaScript пайдалану</a>қолданбалы нысандарға бағдарламалық қатынас үшін. Perl – процедуралық бағдарламалау тілі; PHP псевдообъекті тілі.</p><p>курстық жұмыс, 07.07.2013 жылы қосылған <br></p> <p>Арнайы ДҚБЖ-ға бағытталған әзірлеу құралдары. Көпшілігі <a href="https://polarize.ru/kk/game/chto-delat-s-oshibkoi-k-sozhaleniyu-ne-udalos-podklyuchitsya-k-skaip-chasto/">көрнекті қолданбалар</a> Eclipse платформасына негізделген. NetBeans IDE жобасы, оның мүмкіндіктері. KDevelop – UNIX тәрізді операциялық жүйелерге арналған тегін IDE.</p><p>аннотация, 14.04.2014 қосылған <br></p> <p>AJAX технологиясының құрылымы мен даму тарихы. AJAX әдісі құрылғысы. Веб қолданбаларды әзірлеу құралдары жинағы. AJAX технологиясын қолдана отырып, бағдарламалау тілдері бойынша ақпараттық порталды әзірлеу және құру. <a href="https://polarize.ru/kk/office/informacionnye-voiny-vidy-celi-metody-informacionnye-voiny/">Ақпараттық мазмұн</a>порталы.</p><p>диссертация, 06.05.2011 қосылған</p></ul> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </article> </div> <div class="full-place" data-place="article_before_social" data-priority="0" style="width: 100%;"></div> <div class="single-share"> <div class="single-share__top"> <div class="single-share__title">Мақала ұнады ма? <span>Достарыңызбен бөлісіңіз!</span> </div> <a href="#" onClick="window.open('http://www.facebook.com/sharer.php?url=https%3A%2F%2Fpolarize.ru%2Fphotoshop%2Fvybor-sredstv-razrabotki-web-prilozhenii-sredstva-effektivnoi-razrabotki%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share__facebook"> <i class="fa fa-facebook-official"></i> <span>Бөлісіңіз <b>Facebook</b> </span> </a> </div> <div class="single-share__bottom"> <div class="single-share__group"> <a href="#" onClick="window.open('http://vk.com/share.php?url=https%3A%2F%2Fpolarize.ru%2Fphotoshop%2Fvybor-sredstv-razrabotki-web-prilozhenii-sredstva-effektivnoi-razrabotki%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share-links-item single-share-links-item--vk"> <i class="fa fa-vk single-share-links-item__icon"></i> <span class="single-share-links-item__text"></span> </a> <a href="#" onClick="window.open('http://twitter.com/share?url=https%3A%2F%2Fpolarize.ru%2Fphotoshop%2Fvybor-sredstv-razrabotki-web-prilozhenii-sredstva-effektivnoi-razrabotki%2F', 'sharer', 'toolbar=0,status=0, width=700, height=400'); return false" class="single-share-links-item single-share-links-item--tw"> <i class="fa fa-twitter single-share-links-item__icon"></i> <span class="single-share-links-item__text">Twitter</span> </a> </div> <div class="single-share__group"> <a href="#" onclick="window.print();" class="single-share-item single-share-item--print"><i class="fa fa-print single single-share-item__icon"></i><span>басып шығару</span> </a> </div> </div> </div> <div class="article-user"> <div class="article-user-item article-user-question"> <div class="article-user-item__title">Бұл мақала пайдалы болды ма?</div> <div class="article-user-item__bottom"> <div id="js-send-positive-rating" class="article-user-item__button _yes">Иә</div> <div class="article-user-item__button _no">Жоқ</div> </div> </div> <div id="js-success-send-form" class="article-user-item article-user-question _yes _hidden"> <div class="article-user-item__title">Пікіріңізге рахмет!</div> <div class="article-user-item__text"></div> </div> <div id="js-fail-send-form" class="article-user-item _no _hidden"> <div class="article-user-item__title">Бірдеңе дұрыс болмады және сіздің дауысыңыз есептелмеді.</div> </div> <div id="js-negative-rating-form" class="article-user-item article-user-question _no _hidden"> <div class="article-user-item__title">Рақмет сізге. Сіздің хабарламаңыз жіберілді</div> </div> <div class="article-user-item article-user-error"> <div class="article-user-item__title">Мәтіннен қате таптыңыз ба?</div> <div class="article-user-item__text">Оны таңдаңыз, басыңыз <strong>Ctrl+Enter</strong>және біз оны түзетеміз!</div> </div> </div> <div class="full-place" data-place="article_before_related_articles" data-priority="0" style="width: 100%;"></div> <div class="similar-articles"> <div class="similar-articles__title"> <i class="fa fa-angle-double-left"></i>Қатысты кеңестер <i class="fa fa-angle-double-right"></i> </div> <div class="block-row"> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/2316614410ac00bad6cf00c5fc944880.jpg" alt="Ұялы телефоныңызды ұшақта пайдалана аласыз ба?" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/kk/graphics/mozhno-li-polzovatsya-telefonom-v-samolete-mozhno-li-polzovatsya/" title="Ұялы телефоныңызды ұшақта пайдалана аласыз ба?" class="similar-articles-block__title">Ұялы телефоныңызды ұшақта пайдалана аласыз ба?</a> </div> </div> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/846f8255cfe0a39f4627703f879cbc33.jpg" alt="HTC Rhyme - Техникалық сипаттамалар Смартфондарда әртүрлі дизайндағы бір немесе бірнеше алдыңғы камералар бар - қалқымалы камера, PTZ камерасы, дисплейдегі ойық немесе тесік, дисплей астындағы камера" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/kk/mobile/htc-rhyme-damskii-komunikator-novogo-pokoleniya-htc-rhyme---tehnicheskie-harakteristiki-smartfony-i/" title="HTC Rhyme - Техникалық сипаттамалар Смартфондарда әртүрлі дизайндағы бір немесе бірнеше алдыңғы камералар бар - қалқымалы камера, PTZ камерасы, дисплейдегі ойық немесе тесік, дисплей астындағы камера" class="similar-articles-block__title">HTC Rhyme - Техникалық сипаттамалар Смартфондарда әртүрлі дизайндағы бір немесе бірнеше алдыңғы камералар бар - қалқымалы камера, PTZ камерасы, дисплейдегі ойық немесе тесік, дисплей астындағы камера</a> </div> </div> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/06be76ed5b60fc8c48ad2832cc6a2e98.jpg" alt="Philips W8510 Xenium смартфоны: шолу, сипаттамалар, шолулар Смартфондарда әртүрлі дизайндағы бір немесе бірнеше алдыңғы камералар бар - қалқымалы камера, PTZ камерасы, дисплейдегі кесу немесе тесік" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/kk/mobile/smartfon-philips-w8510-xenium-obzor-harakteristiki-otzyvy-smartfon-philips-w8510/" title="Philips W8510 Xenium смартфоны: шолу, сипаттамалар, шолулар Смартфондарда әртүрлі дизайндағы бір немесе бірнеше алдыңғы камералар бар - қалқымалы камера, PTZ камерасы, дисплейдегі кесу немесе тесік" class="similar-articles-block__title">Philips W8510 Xenium смартфоны: шолу, сипаттамалар, шолулар Смартфондарда әртүрлі дизайндағы бір немесе бірнеше алдыңғы камералар бар - қалқымалы камера, PTZ камерасы, дисплейдегі кесу немесе тесік</a> </div> </div> </div> <div class="block-row"> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/06b77e07a7eee5ed5948198cea4ff593.jpg" alt="Sony Xperia SP смартфонына шолу" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/kk/internet/vtoroi-pilot-obzor-smartfona-sony-xperia-sp-obzor-sony-xperia-sp-vse-vnimanie-na-polosku/" title="Sony Xperia SP смартфонына шолу" class="similar-articles-block__title">Sony Xperia SP смартфонына шолу</a> </div> </div> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/d4728ae600c05131a190933b75b4c42c.jpg" alt="Смартфон MTS Smart Start: шолулар Smartphone mts smart 3 шолулар" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/kk/internet/smartfon-mts-smart-start-otzyvy-smartfon-mts-smart-start-otzyvy-smartfon/" title="Смартфон MTS Smart Start: шолулар Smartphone mts smart 3 шолулар" class="similar-articles-block__title">Смартфон MTS Smart Start: шолулар Smartphone mts smart 3 шолулар</a> </div> </div> <div class="block-column _triple"> <div class="similar-articles-block"> <div class="similar-articles-block__image"> <img src="/uploads/859340fea8cf98d3239134f57e162af9.jpg" alt="Fly FS502 Cirrus смартфонына шолу: сипаттамасы, сипаттамалары және шолулары" loading=lazy loading=lazy> </div> <a href="https://polarize.ru/kk/photoshop/obzor-smartfona-fly-fs502-cirrus-opisanie-harakteristiki-i-otzyvy-obzor/" title="Fly FS502 Cirrus смартфонына шолу: сипаттамасы, сипаттамалары және шолулары" class="similar-articles-block__title">Fly FS502 Cirrus смартфонына шолу: сипаттамасы, сипаттамалары және шолулары</a> </div> </div> </div> </div> <div class="full-place" data-place="article_after_related_articles" data-priority="0" style="width: 100%;"></div> <div class="comments"> <div id="mc-container"></div> </div> </article> <aside class="sidebar hide-on-mobile"> <div class="day-sovet"> <h3 class="day-sovet__hd">Күн тақырыбы</h3> <div class="day-sovet__box"> <img src="/uploads/f4fc61d7c0553d25e995532d2aa1c987.jpg" alt="Samsung Galaxy Grand Duos: үлкен және қуатты" class="day-sovet__image" loading=lazy loading=lazy> <a href="https://polarize.ru/kk/category/photoshop/" class="day-sovet__category"> <span>фотошоп</span> </a> </div> <a href="https://polarize.ru/kk/photoshop/obzor-smartfona-samsung-i9082-galaxy-grand-duos-dvuhsimochnik-vysshego-klassa-samsung-galaxy/" class="day-sovet__link"> <span>Samsung Galaxy Grand Duos: үлкен және қуатты</span> </a> </div> <!-- /next_post --> <div class="vk-widget"> <h3 class="vk-widget__hd">Жарнама</h3> </div> <div class="popular-articles"> <h3 class="black-hd popular-articles__title">Танымал материалдар</h3> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/kk/game/obzor-smartfona-sony-xperia-ion-amerikanec-yaponskogo-proishozhdeniya-sony-xperia/" class=""> <img src="/uploads/e81bff77dee3b01c9855be4020eff114.jpg" alt="Sony Xperia ion LTE - Техникалық сипаттамалар Sony xperia ion телефонының сипаттамасы" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/kk/game/obzor-smartfona-sony-xperia-ion-amerikanec-yaponskogo-proishozhdeniya-sony-xperia/" class="row-gui__link"> <span>Sony Xperia ion LTE - Техникалық сипаттамалар Sony xperia ion телефонының сипаттамасы</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/kk/game/huavei-akcent-w2-huawei-ascend-w2-otzyvy-i-podrobnye-tehnicheskie-harakteristiki-mobilnaya-set--/" class=""> <img src="/uploads/91ea5043374869aa2d0c2a3d45b3b0d0.jpg" alt="Huawei Ascend W2 - шолулар және егжей-тегжейлі сипаттамалар" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/kk/game/huavei-akcent-w2-huawei-ascend-w2-otzyvy-i-podrobnye-tehnicheskie-harakteristiki-mobilnaya-set--/" class="row-gui__link"> <span>Huawei Ascend W2 - шолулар және егжей-тегжейлі сипаттамалар</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/kk/computer/akkumulyatory-mobilnyh-ustroistv-otlichayutsya-drug-ot-druga-po-svoei-emkosti/" class=""> <img src="/uploads/d200391e0e2507a9314d174635164966.jpg" alt="Олар жұмыс істеу үшін қажетті электр зарядын қамтамасыз етеді." loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/kk/computer/akkumulyatory-mobilnyh-ustroistv-otlichayutsya-drug-ot-druga-po-svoei-emkosti/" class="row-gui__link"> <span>Олар жұмыс істеу үшін қажетті электр зарядын қамтамасыз етеді.</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/kk/game/acer-liquid-m330-otzyvy-i-podrobnye-tehnicheskie-harakteristiki-acer/" class=""> <img src="/uploads/4cfa1cb23545b01c74c908c40098600e.jpg" alt="Acer Liquid M330 - Техникалық сипаттамалар Құрылғы қолдайтын басқа маңызды қосылым технологиялары туралы ақпарат" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/kk/game/acer-liquid-m330-otzyvy-i-podrobnye-tehnicheskie-harakteristiki-acer/" class="row-gui__link"> <span>Acer Liquid M330 - Техникалық сипаттамалар Құрылғы қолдайтын басқа маңызды қосылым технологиялары туралы ақпарат</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/kk/office/mobilnyi-telefon-philips-e320-red-mobilnyi-telefon-philips-e320-red/" class=""> <img src="/uploads/faa903226127ac291b4dedae97d03487.jpg" alt="Ұялы телефон Philips E320 Қызыл Ұялы телефон philips e320" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/kk/office/mobilnyi-telefon-philips-e320-red-mobilnyi-telefon-philips-e320-red/" class="row-gui__link"> <span>Ұялы телефон Philips E320 Қызыл Ұялы телефон philips e320</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/kk/history/tehnicheskie-harakteristiki-telefona-huawei-honor-4c-dnevnik-vladelca/" class=""> <img src="/uploads/297f29aacabd23e2fecb0c55aa6a97bb.jpg" alt="huawei honor 4c телефонының техникалық сипаттамалары" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/kk/history/tehnicheskie-harakteristiki-telefona-huawei-honor-4c-dnevnik-vladelca/" class="row-gui__link"> <span>huawei honor 4c телефонының техникалық сипаттамалары</span> </a> </div> </div> </div> <div class="popular-articles__item"> <div class="row-gui"> <div class="row-gui__image"> <a href="https://polarize.ru/kk/history/htc-one-e9-plus-kakoi-processor-obzor-htc-one-e9-plyusy-i-minusy/" class=""> <img src="/uploads/70ad6751c0ce2b93e890d354e778784d.jpg" alt="HTC One E9 шолуы – Тайваньдағы «орталықтың» артықшылықтары мен кемшіліктері" loading=lazy loading=lazy> </a> </div> <div class="row-gui__content"> <a href="https://polarize.ru/kk/history/htc-one-e9-plus-kakoi-processor-obzor-htc-one-e9-plyusy-i-minusy/" class="row-gui__link"> <span>HTC One E9 шолуы – Тайваньдағы «орталықтың» артықшылықтары мен кемшіліктері</span> </a> </div> </div> </div> </div> </aside> </div> <div class="full-place" data-place="article_desktop_fixed" data-priority="0" style="width: 100%;"></div> <footer class="footer"> <div class="footer__wrapper"> <div class="footer__box"> <a href="https://polarize.ru/kk/" class="footer__logo1"><img src="/logo.png" loading=lazy loading=lazy></a><br> <div class="social-buttons"> <div class="social-buttons-list"> <a href="" class="social-buttons-list__item _vk">Вконтакте</a> <a href="https://facebook.com/" class="social-buttons-list__item _fb">Facebook</a> </div> </div> <p class="footer__copyright">© 2022. Аппараттық және бағдарламалық құралды орнату</p> </div> <nav class="footer-menu"> <a class="footer-menu__item" href="https://polarize.ru/kk/category/internet/">ғаламтор</a> <a class="footer-menu__item" href="https://polarize.ru/kk/category/program/">Бағдарламалар</a> <a class="footer-menu__item" href="https://polarize.ru/kk/category/game/">Ойындар</a> <a class="footer-menu__item" href="https://polarize.ru/kk/category/history/">Оқиға</a> <a class="footer-menu__item" href="https://polarize.ru/kk/category/windows/">Windows</a> <a class="footer-menu__item" href="https://polarize.ru/kk/category/computer/">Компьютер</a> <a class="footer-menu__item" href="https://polarize.ru/kk/category/graphics/">Графика</a> <a class="footer-menu__item" href="https://polarize.ru/kk/category/components/">Құрамдас бөліктер</a> </nav> <div class="footer__counters"> </div> </div> </footer> <div class="scroll-up"> <div id="toTop"><span class="up_b"></span>Жоғарғы</div> </div> <div class="full-place" data-place="article_modal" data-priority="0" style="width: 100%;"></div> <div class="full-place" data-place="article_modal" data-priority="0" style="width: 100%;"></div> <script data-rocketsrc="/assets/sovets24-2017/js/app-20171130102046.js" type="text/rocketscript"></script> <script type="text/rocketscript"> if(window.location.hostname.indexOf('hghltd.yandex.net')!=-1){ // hghltd.yandex.net var i; var x = document.getElementsByClassName("direct"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } } (function(H){ H.className=H.className.replace(/\bno-js\b/,'js')} )(document.documentElement); </script> <script type="text/rocketscript"> APP.pages.articleView(); APP.modules.ratingBlock.init(); Engine.article.errorInTextReport(); document.oncopy = Engine.addLinkOnCopy; </script> <script type="text/rocketscript"> var BANNERS = { types: { code: 1, consultant: 6, modal: 9, offer: 7 } } </script> </body> </html>