Главная страница
Навигация по странице:

  • Java Script және JQuery

  • Java-апплеттер

  • Сайт жасау бойынша дипломдық жұмыс. 1. webсайт зірлеу 4 1 азіргі оамдаы Интернет 4


    Скачать 3.92 Mb.
    Название1. webсайт зірлеу 4 1 азіргі оамдаы Интернет 4
    АнкорСайт жасау бойынша дипломдық жұмыс
    Дата19.05.2023
    Размер3.92 Mb.
    Формат файлаdocx
    Имя файлаDiplom 0.2.docx
    ТипДокументы
    #1142856
    страница7 из 9
    1   2   3   4   5   6   7   8   9
    Клиенттің жағында жұмыс істейтін технологиялар
  • HTML


    HTML (ағылш. Hypertext Markup Language — "гипермәтінді белгілеу тілі") - Бүкіләлемдік торда құжаттарды белгілеудің стандартты тілі. Барлық веб-беттер HTML (немесе XHTML) тілі арқылы жасалады. HTML тілін браузер түсіндіреді және адамға ыңғайлы құжат ретінде көрсетіледі. HTML-SGML қосымшасы (стандартты жалпыланған белгілеу тілі) және ISO 8879 халықаралық стандартына сәйкес келеді.

    HTML тілін Британдық ғалым Тим Бернерс-Ли шамамен 1991-1992 жылдары Женевадағы (Швейцария) ядролық зерттеулер жөніндегі Еуропалық кеңестің қабырғасында жасаған. HTML ғылыми және техникалық құжаттамамен алмасу тілі ретінде құрылды, оны орналасу саласындағы маман емес адамдар қолдана алады. HTML салыстырмалы түрде қарапайым, бірақ әдемі жасалған құжаттарды жасауға қызмет ететін құрылымдық және семантикалық элементтердің ("тегтермен" белгіленген) шағын жиынтығын анықтау арқылы SGML күрделілік мәселесін сәтті шешті. Құжаттың құрылымын жеңілдетумен қатар, HTML гипермәтінге қолдау көрсетеді. Мультимедиялық мүмкіндіктер кейінірек қосылды.

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

    HTML тілі мәтінді белгілеуге мүмкіндік береді. Оның ішінде: мәтінді қалың, курсив немесе астын сызу; арнайы таңбаларды салыңыз (ASCII-ден тыс тыныс белгілері, математикалық таңбалар, грек және готикалық әріптер, көрсеткілер және т. б.); қаріп түсін өзгертіңіз; мәтінді ортаға, солға/оңға, ені бойынша туралаңыз; мәтінді еренсілтеме ретінде орналастырыңыз басқа бет немесе файл; кесте сызыңыз.

    Кейінірек, веб-парақтардың интерактивтілігі қажет болған кезде, HTML-де пайдаланушының кейінірек өңделетін деректерді енгізу формалары пайда болды. Пішіндер мен басқа ақпаратты арнайы серверлік бағдарламалар арқылы өңдеуге болады (мысалы, PHP немесе Perl тілдерінде). Тікелей браузермен (мысалы, JPEG, GIF немесе PNG форматтарындағы суреттер; аудиофайлдар және т.б.), сондай-ақ браузер терезесіне "кіріктірілген" сыртқы қосымшалармен (Flash-анимация, Java-апплеттер және т. б.) көрсетілетін мультимедиа файлдарын ашу.



        1. XTML


    XHTML (EXtensible HyperText Markup Language, кеңейтілген гипермәтінді белгілеу тілі) HTML-ді ауыстыруға арналған және оның қатаң нұсқасы болып саналады.[15]

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

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



        1. DHTML


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

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

    • HTML құжатын құрайтын элементтердің атрибуттары мен стильдерінің динамикалық өзгеруі;

    • сыртқы көздерден деректерді динамикалық түрде алу және оларды Веб-параққа қосу;

    • динамикалық жүктелетін қаріптерді пайдалану;

    • беттерді көрсету кезінде визуалды және мультимедиялық эффектілерді қолдау;

    • жұмыс сессиялары арасында клиент-компьютерде ақпаратты сақтау механизмдері.

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

    DHTML артықшылықтары:

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

    • Сүйемелдеу жеңілдігі. DHTML Веб-түйін беттерін қалыптастырудың типтік элементтерін жеке стильдер мен сценарийлерге шығаруға, содан кейін оларды барлық беттерге бірдей енгізуге мүмкіндік береді. Бұл, әрине, сүйемелдеуді жеңілдетеді және пайда болатын қателер мен басқа қателіктердің санын азайтады.

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

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

    DHTML кемшіліктері:

    • Dynamic HTML стандартталмаған және танымал Веб-шолғыштардың әрқайсысы үшін HTML құжатының өз нұсқасын жазу керек.

    • DHTML пайда болуымен динамикалық бетті дамыту сценарий тілінде бағдарламалауды, UI негіздерін білуді және т. б. қажет етті.



        1. XML


    XML (ағылш. Extensible Markup Language — кеңейтілетін белгілеу тілі) - Бүкіләлемдік тор консорциумы ұсынған, жалпы синтаксистік ережелер жиынтығы болып табылатын белгілеу тілі. XML-құрылымдалған деректерді сақтауға (бар дерекқор файлдарының орнына), бағдарламалар арасында ақпарат алмасуға, сондай-ақ оның негізінде мамандандырылған белгілеу тілдерін құруға арналған мәтіндік формат. XML-SGML тілінің жеңілдетілген жиынтығы (Standard Generalized Markup Language).

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

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



        1. CSS


    HTML құжаттарын CSS көмегімен пішімдеу идеясын алғаш рет 1996 жылы W3C консорциумы ұсынған. 1998 жылы жаңартылған бұл ұсынысты веб - әзірлеушілер осы күнге дейін қолданады. CSS (ағылш. Cascading Style Sheets-стильдердің каскадты кестелері) - белгілеу тілінде жазылған құжаттың сыртқы түрін сипаттау технологиясы. Ол негізінен HTML және XHTML форматында веб-беттерді жобалау құралы ретінде қолданылады, бірақ оны SVG және XUL қоса алғанда, XML форматындағы кез-келген құжаттармен бірге қолдануға болады.

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

    Бетті көрсету кезінде CSS әртүрлі көздерден алынуы мүмкін:

    • Авторлық стильдер (бет авторы ұсынған стиль туралы ақпарат) :

    Сыртқы стиль кестелерін, яғни жеке файлды көрсетіңіз .құжатта сілтеме жасалған css.

    HTML құжатының ішіндегі CSS блоктарының ішкі стильдері.

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

    • Таңдамалы стильдер

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

    • Браузер стилі

    Элементтерді көрсету үшін әдепкі шолғыш қолданатын стандартты стиль.

    CSS стандарты, егер бірнеше ережелер бір уақытта кейбір элементтерге сәйкес келсе, стиль ережелері қолданылатын басымдықтарды анықтайды. Бұл" Каскад "деп аталады, онда ережелер басымдықтарды немесе" салмақтарды " есептейді, бұл нәтижелерді болжауға мүмкіндік береді.

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

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

    CSS орналасуының артықшылықтары:

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

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

    • Дизайнды кейіннен өзгерту оңай. Әр бетті өңдеудің қажеті жоқ, тек CSS файлын өзгертіңіз.

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



        1. Java Script және JQuery


    JavaScript-бұл клиенттің веб-гипермәтіндік беттерін қарау сценарийлерін басқару тілі. Дәлірек айтсақ, JavaScript тек клиенттің бағдарламалау тілі ғана емес. LiveWare, JavaScript-тің негізін қалаушы, Netscape сервер жағындағы алмастыру құралы. Алайда, JavaScript-тің ең танымал болуы клиенттік бағдарламалауды қамтамасыз етті.

    JavaScript мүмкіндіктеріне, мысалы, мыналарды жатқызуға болады:

    • ағымдағы уақыт немесе күн сияқты өзгеретін деректерді көрсету;

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

    • егер пайдаланушы тінтуірді шертсе немесе элементтің үстіне тінтуір жүгіргісін салса, бет элементтерінің көрінісін өзгертіңіз.

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

    JavaScript сонымен қатар Java немесе C++сияқты объектіге бағытталған архитектурада жұмыс істейді. Дизайнерлер немесе прототиптік мұрагерлік сияқты тілдік мүмкіндіктер Даму схемасына абстракцияның жаңа деңгейін қосады, бұл бағдарламалық кодты бірнеше рет қолдануға ықпал етеді.

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

    JQuery-JavaScript және HTML өзара әрекеттесуіне бағытталған JavaScript кітапханасы. 2006 жылы Джон Ресиг Нью-Йорктегі BarCamp компьютерлік конференциясында жариялады.

    JQuery әзірлеушілерінің веб-сайтында ұран ретінде: "jQuery JavaScript-ті way that you write-ті өзгертуге арналған". Егер сіз оны сөзбе-сөз аударсаңыз, онда ол келесідей болады: "jQuery JavaScript-те жазған жолыңызды өзгертуге арналған". Жұмыста JQuery қолданғаннан кейін, сіз түсінесіз — әзірлеушілердің ұраны рас.

    JQuery құжаттың Объектілік моделінің (DOM) кез-келген элементіне (элементтер жиынтығына) оңай қол жеткізуге, Dom элементтерінің атрибуттары мен мазмұнына қол жеткізуге және, әрине, оларды басқаруға көмектеседі. Сонымен қатар, оның интуитивті синтаксисінің арқасында CSS1, CSS2 және XPath-қа ұқсас, бұл жұмыс оңай емес, тіпті жағымды болады.


        1. Active X


    Бұл технологияны Microsoft Windows және Интернетті интеграциялау бойынша стратегиялық бағдарлама аясында әзірледі. Дәлірек айтқанда, жүйенің өзі емес, бағдарламалық жасақтаманы әзірлеу технологиялары. ActiveX деп аталатын OLE технологиясына қайта өңделген тәсілдер клиент-сервер ортасы үшін жұмыс үстелі қосымшаларын да, браузерде де біркелкі құруға мүмкіндік береді.

    ActiveX компоненттері API-ге қол жеткізе алатындықтан, олар үшін жұмыс ортасы браузер болса да, әдеттегі Windows Қосымшаларының функционалдығы бар.

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


        1. Java-апплеттер


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

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

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

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

    Апплетті HTML тег немесе (не ұсынылады) тегінің көмегімен веб-бетке енгізуге болады.

    Java апплеттерінің келесі артықшылықтарын атауға болады:

    • көптеген операциялық платформаларда жұмыс істейді;

    • көптеген браузерлер қолдайды;

    • көптеген шолғыштарда кэштелген, бұл веб-параққа оралған кезде олардың жүктелуін едәуір жылдамдатады;

    • апплетті бірінші рет іске қосқаннан кейін, Java машинасы қазірдің өзінде іске қосылып, тез іске қосылса, апплеттер тезірек орындалады;

    • C++ сияқты басқа құрастырылған тілдердегі бағдарламалармен салыстырылатын жылдамдықпен жүктеледі, бірақ JavaScript-ке қарағанда бірнеше есе жылдам.

    Бұл жағдайда Java қосымшаларында кемшіліктер бар:

    • барлық браузерлерде әдепкі бойынша қол жетімді Java кеңейтімін орнату қажет;

    • виртуалды Java машинасын бірінші рет жүктегенге дейін іске қосу мүмкін емес, ол көп уақытты алады;

    • апплеттерді қолдана отырып UI құру HTML-ге қарағанда қиын міндет болып табылады;

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




        1. CGI


    CGI (Common Gateway Interface) технологиясы интернет ресурсының құрамында объектіден объектіге деректер ағынын беруді қамтамасыз ететін қосымшалар базасындағы интерактивті элементтерді пайдалануды білдіреді. Көптеген чаттар, конференциялар, хабарландыру тақталары, қонақтар кітаптары, іздеу машиналары және рейтингті есептеу жүйелері Дүниежүзілік желіде осылай ұйымдастырылған. Жалпы жағдайда, CGI жұмыс принципі келесідей: пайдаланушы веб-бетте осы немесе басқа пішінді толтырады және түймені басады, содан кейін HTML кодына енгізілген CGI сценарийін шақыру жолағы тиісті CGI бағдарламасын іске қосады және оған ақпаратты өңдеу процесін басқаруды береді. Пайдаланушы енгізген деректер осы бағдарламаға жіберіледі және ол өз кезегінде оларды басқа параққа "енгізеді", пошта арқылы жібереді немесе басқа жолмен өзгертеді. CGI сценарийлері серверде осы мақсаттар үшін арнайы бөлінген каталогта орналастырылады, ол әдетте CGI-BIN атауын тағайындайды. Мұндай бағдарламаларды қосу, күйін келтіру және іске қосу http серверіне тиісті кіру құқықтарын, сондай-ақ белгілі бір білім мен дағдыларды қажет ететінін есте ұстаған жөн.

    CGI технологиясы әдетте екі әдіспен жүзеге асырылады: немесе PERL (Practical Extraction and ReportLanguage) тілінде жазылған бағдарламаларды қолдану арқылы — мұндай файлдардың кеңейтімі бар .pi немесе әдетте с тілін қолдана отырып жасалған және тікелей серверде құрастырылған қосымшалар арқылы, өйткені UNIX үйлесімді платформалардың көпшілігінде осы тілдің кіріктірілген аудармашысы бар. Мұндай бағдарламалардың кеңеюі бар .cgi. Айта кету керек, PERL, HTML сияқты, түсіндірілетін тіл. Басқаша айтқанда, мұндай сценарийді орындау үшін қосымша компиляция қажет емес. Аталған мүмкіндіктерден басқа, осы технологияны қолдана отырып, сіз жарнамалық баннерлердің тізбегін немесе файлдарды серверге іске қосу жүйесін ұйымдастыра аласыз, сайт бетінен немесе виртуалды ашықхаттар қызметінен тікелей электрондық поштаны жіберу формасын жасай аласыз. CGI артықшылықтарының ішінде олардың клиенттік бағдарламалық жасақтамадан тәуелсіздігін атап өткен жөн-бұл технологияны кез-келген нұсқадағы шолғышты пайдаланып сервер мазмұнын қарайтын кез-келген қолданушы қолдана алады. Негізгі кемшілігі-серверде CGI қосымшаларын орнату және конфигурациялау үшін Сіз кем дегенде әкімші құқықтарына ие болуыңыз керек, өйткені бұл бағдарламалар іске қосылған кезде серверлік компьютердің қалыпты жұмысын бұзып, желіні тұрақсыздандыруға қабілетті.


        1. PHP


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

    PHP әзірлеушілерге динамикалық веб-қосымшаларды тез және тиімді құруға мүмкіндік беретін кірістірілген web сценарий тілі ретінде жақсы сипатталады. Грамматика және синтаксис тұрғысынан PHP С бағдарламалау тіліне ұқсайды, дегенмен әзірлеушілер оған басқа тілдерден, соның ішінде Perl, Java және C++құралдарын қосуға тырыспады. Қарызға алынған құнды мүмкіндіктердің қатарына тұрақты өрнектерді қолдау, массивтермен жұмыс істеудің қуатты құралдары, объектіге бағытталған әдістеме және мәліметтер базасымен жұмыс істеуге кең қолдау жатады.

    Веб-беттерді (яғни HTML) әзірлеудің дәстүрлі, статикалық әдіснамасынан тыс қосымшаларды жазу кезінде PHP JavaScript және басқа тілдермен бірге қолданылатын динамикалық мазмұнды құру мен басқарудың құнды құралы бола алады. Жүздеген стандартты PHP функциялары бар болғандықтан, ол әзірлеушінің басына түсетін кез-келген мәселені шеше алады. Онда графика мен онымен операцияларды, математикалық есептеулерді, электрондық коммерция құралдарын және XML (Extensible Markup Language), ODBC (Open Database Connectivity) және Macromedia Shockwave сияқты танымал технологияларды құруға кең қолдау бар. Мүмкіндіктердің кең таңдауы үшінші тарап модульдерін қосу үшін күнделікті және қиын жұмыстың қажеттілігін жояды, сондықтан әлемнің көптеген әзірлеушілері PHP таңдауды тоқтатады. PHP-дің басты артықшылықтарының бірі-оның тікелей HTML кодына енуі, сондықтан бағдарламашы қарапайым HTML шығару үшін көптеген командалармен бағдарлама жазудың қажеті жоқ. HTML және PHP кодын қажет болған жағдайда ауыстыруға болады.

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

    • дәстүр;

    • қарапайымдылығы;

    • тиімділігі;

    • қауіпсіздік;

    • икемділігімен.

    PHP-ді ерекше тартымды ететін тағы бір "сипаттама" бар: ол тегін таратылады!

    Дәстүрлі түрде өтеді. PHP тілі әртүрлі салаларда жұмыс істейтін бағдарламашыларға таныс болып көрінеді. Тілдің көптеген конструкциялары Perl-ден алынған және көбінесе PHP коды әдеттегі с немесе Паскаль бағдарламаларында кездесетіндерден ажыратылмайды. Бұл PHP үйрену кезінде бастапқы күш-жігерді айтарлықтай төмендетеді. Қарапайымдылық. PHP сценарийі 10 000 жолдан немесе бір жолдан тұруы мүмкін-бәрі тапсырманың ерекшелігіне байланысты. Пайдаланушыға кітапханаларды жүктеудің қажеті жоқ, арнайы компиляция параметрлерін немесе осыған ұқсас нәрсені көрсетіңіз. PHP механизмі алғашқы экрандау тізбегінен кейін кодты орындай бастайды (). Егер код дұрыс синтаксиске ие болса, ол бағдарламашы атап өткендей дәл орындалады.

    Тиімділік. Тиімділік-WWW-ді қамтитын көп ойыншы орталары үшін бағдарламалау кезінде өте маңызды фактор. PHP-де ресурстарды бөлу механизмі іске асырылды және объектіге бағытталған бағдарламалауды, сондай-ақ сеансты басқаруды жақсартылған қолдау қамтамасыз етілді. Соңғы нұсқада қосымша жадтың бөлінуіне жол бермейтін сілтемелерді санау механизмі (reference counting) пайда болды.

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

    Жүйелік деңгейдегі қауіпсіздік құралдары. PHP әкімшілердің басқаруындағы Қауіпсіздік механизмдерін жүзеге асырады; PHP дұрыс конфигурацияланған кезде, ол барынша әрекет ету еркіндігі мен қауіпсіздігін қамтамасыз етеді. PHP Қауіпсіз режим деп аталатын режимде жұмыс істей алады (safe mode), бұл пайдаланушылардың PHP қолдану мүмкіндіктерін бірқатар маңызды көрсеткіштер бойынша шектейді. Мысалы, сіз максималды жұмыс уақытын және жадты пайдалануды шектей аласыз (жадтың бақыланбайтын шығыны сервердің жылдамдығына теріс әсер етеді). Cgi-bin-ге ұқсас, әкімші сонымен қатар пайдаланушы PHP сценарийлерін көре және орындай алатын каталогтарға шектеулер қоя алады, сонымен қатар сервердегі құпия ақпаратты (мысалы, passwd файлы) қарау үшін PHP сценарийлерін қолдана алады.

    Қолданба деңгейінің қауіпсіздік құралдары. PHP функцияларының стандартты жиынтығына бірқатар сенімді шифрлау механизмдері кіреді. PHP сонымен қатар тәуелсіз фирмалардың көптеген қосымшаларымен үйлесімді, бұл оны қауіпсіз электрондық коммерция технологияларымен (e-commerce) біріктіруді жеңілдетеді. Тағы бір артықшылығы-PHP сценарийлерінің бастапқы мәтінін шолғышта көру мүмкін емес, өйткені сценарий оған дейін құрастырылған пайдаланушының сұрауы бойынша жіберу. PHP-ді сервер жағында іске асыру пайдаланушылардың тривиалды емес сценарийлерді ұрлауына жол бермейді.
      1. Медиаресурсы


    Macromedia Flash-анимация жасау құралы. Flash-роликтер web-бетте орналастырылады немесе web - бет ретінде пайдаланылады.

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

    Flash Артықшылықтары:

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

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

    • Жоғары сапалы сурет. Графика мен мәтін контурларының біркелкі еместігі нақты уақыт режимінде тегістеледі, нәтиже дисплейде көрсетілетін векторлық графиканың кескінінің көлеміне байланысты емес, сапасын жоғалтпайды.

    • Ағынды технологияны қолдану. Файлдарды ойнату кідіріссіз басталады және олар жүктелген кезде жалғасады, сондықтан оларды http серверінен жалған ағынды режимде жүктеуге болады. Flash ойнатқышының өзі бейне мен дыбыс ағынын жасай алады.

    • Жасауға болады сценарийлері. Flash файлдарын ойнатуды басқаруға мүмкіндік беретін Action Script сценарий жазу тілі қолданылады. Сонымен қатар, HTML файлында бетте орналасқан flash нысандарын басқару үшін Java Script нұсқауларын қолдануға болады.

    • Жылжитын қаріп жиынтығы. Flash файлында қолданылатын кез келген қаріп.swf-ті кез-келген жүйеде оқуға болады, ол жүйеде бар ма, жоқ па.

    Кемшіліктері:

    • Ойнатқыштың плагині болуы керек. Пайдаланушының машинасында файлдарды ойнату үшін flash ойнатқышының соңғы нұсқасын үнемі орнату керек. Көптеген пайдаланушылар үшін бұл теріс реакция тудырады.

    • Роликті ойнату әрқашан бірінші беттен басталады. Басқа веб - сайттар бейненің ішіндегі белгілі бір бетке немесе сахнаға сілтеме жасай алмайды. белгісіз CMS, яғни жеке даму ядросы бар сайттар саны, керісінше, азаяды.

    CMS Shop-script көш бастап тұр, одан кейін 1С-Bitrix, Joomls және PHPShop келеді. Бұл дүкендер мен дүкендер үшін ең көп таралған қозғалтқыштар. CMS таңдау кезінде оларға назар аудару керек. Қалғандары нашар ұсынылған, олар - OsCommerce, VaM Shop, Drupal, HostCMS, InSales. Диаграммадағы басқалардың қатарына WordPress, Amiro кірді.CMS, S.Builder, uCoz, NetCat, MODx, UMI.CMS, DataLife Engine, ABO.CMS

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

    Диссертацияның осы тарауында клиент-сервер моделінің сипаттамасы келтірілген, клиент пен сервер жағында қолданылатын ақпараттық технологиялар қарастырылған және сипатталған. Интернет-дүкендер мен Интернет-дүкендер құру үшін ең танымал CMS рейтингі берілген.
    1. ВЕБ САЙТ ЖАСАУ ТӘСІЛДЕРІ



      1. Функционалдық қолданылуы


    Бұл дипломдық жұмыста «Еуразия технологиялық колледжі» жайлы

    толық ақпарат алуға мүмкіндік беретін web-сайт құрылған. Оның ішінде

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

    таба алады. Жәнеде сайттың өзінен коледжге өтінім қалдыра алады.
    Колледж сайтының функционалды қолданылуы келесі элементтерді қамтуы мүмкін:


    1. Колледж туралы ақпарат: колледж туралы оның тарихы, миссиясы, құндылықтары, аккредитациялары және лицензиялары сияқты негізгі ақпаратты бере алатын бөлімдер жасаңыз.




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




    1. Факультет және қызметкерлер: колледждің оқытушылары мен әкімшілік қызметкерлері туралы ақпаратты, олардың біліктілігін, тәжірибесін және байланыс ақпаратын қосыңыз.




    1. Кесте және күнтізбе: маңызды күндер, сессиялар, демалыстар, семестрлер және кампустағы оқиғалар сияқты ағымдағы сабақ кестесін және академиялық оқиғалар күнтізбесін орналастырыңыз.




    1. Өтініштер және қабылдау: колледжге түсу процесі туралы ақпаратты, соның ішінде талаптарды, өтініш беру мерзімдерін, бағалау процедурасын және қабылдау кезінде қолдауды беріңіз.




    1. Студенттік ресурстар: студенттер кітапхана, онлайн оқулықтар, академиялық ресурстар, анықтамалық материалдар және техникалық қолдау сияқты пайдалы ресурстарға қол жеткізе алатын бөлім жасаңыз.




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




    1. Байланыс ақпараты: студенттер мен ата-аналар сізге сұрақтармен немесе сұраулармен хабарласа алатындай анық және оңай қол жетімді байланыс ақпаратын қамтамасыз етіңіз.


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

    3.2 Ақпарат құрылымы және сайт бойынша навигация


    Бұл бөлімде web беттерге графиканы орналыстыруға тоқталамыз. Web дизайнерлер графика мәселесіне келгенде екі топқа бөлінеді. Бірінші топ графикасыз Web сайт ол сайт емес деп ойласа, екінші топ керісінше Web сайттарға суреттің қажеті жоқ деп санайды, себебі олар кейбір модемдердің және жүйелердің күші жетпейтіндігін ескеріп отыр. Дегенмен де сайтқа графиканы қолдану мүмкіндік бар және соны тиімді пайдалану керек. Ол үшін бізге тегі src атрибутымен көмектеседі. Суретті сайтқа орналастыру үшін src атрибутына суреттің толық жолын көрсету керек, мысалы, rose.jpg суретi С дискісінің My img папкасына орналасқан болса, онда төмендегі тег жазылады: width және heigth атрибуттармен суреттің көлемін өзгертуге болады, биіктігі және ені. alt атрибутымен суретке қосымша мәтін түрде қосымша мәлімет шығаруға болады. менің
    Web графика туралы айтқанда төмендегі атрибуттарды ұмытпау керек: background – бұл атрибут сайтқа суретті фон ретінде орналыстырады, bgcolor – фонға түс береді.
    Сілтеме. HTML-дің негізгі қасиеті ретінде оның басқа құжаттарға сілтеме жасау мімкіндігі айтуға болады. HTML құжатынан алысқа орналасқан компьютерге, құжаттың ішіндегі белгілі бір орынға, HTML құжатына, басқа бір сайтқа сілтеме орнатуға болады. Сілтемені ұйымдастыру үшін тегі қолданылады.
    Мысалы, Пенжим сайтына сілтеме . Бұл мысалда біз www.penjim.narod.ru сайтына сілтеме жасадық. Сілтеме мәтін түрде және сурет (кнопка) түрде болуы мүмкін. Сурет түрде орнату үшін тегтерінің ортасына суретті тегімен орнату керек.
    HTML-де кесте жасау. Web-құжатының негiзгi бөлiктерiнiң бiрi - кесте. Ол тiктөртбұрыш бағаналар мен көлденең орналасқан жолдардан тұратын торлар жиыны түрiнде қарастырылады. Жол мен бағанның қиылысы ұяшық деп аталады. Бiр ұяшықта мәтiн, сурет немесе басқа бiр шағын кесте орналаса алады. Кесте келесi бөлiктерден тұрады:
    1) кесте тақырыбы;
    2) бағаналар тақырыптары;
    3) ұяшықтар.
    Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi. Бұл ұяшықты жасау үшiн бос орын таңбалары енгiзiлуi тиiс.
    Программалық жабдықтау. HTML-құжаттарды жасақтау және өңдеу үшін кез-келген қарапайым мәтіндік редактор жеткілікті, мысалы Блокнот. Көп дизайнерлердің ойы бойынша таза сілтемелер тілін қолмен жазған дұрыс. Бірақ көп уақытта қолмен жазған қолданылмайды. Себебі қолмен жазған автордан көп білімді және практикалық тәжірибені талап етеді.
    Практикады әдетте web-сайт жасау HTML редакторларды пайдаланады. Оларды екі топқа бөледі.
    Бірінші үлкен топтың web-сайт жасау программалары HTML-тілінің негізінде жұмыс істейді. Осындай программалар орта және үлкен сайттарды даярлау уақытын қысқартады және даярлау кезеңінің тиімділігін көтереді. Арнайы HTML-редакторлердің жұмысты жеңілділетін және тездететін қосымша мүмкіндіктері көп. Бұл топқа осындай программалар кіреді:HTML генератор 1.3, Magic HTML Studio 2.0, Macromedia Dreamweaver.
    Екінші үлкен топқа WYSIWYG (ағылшын тілінен “what you see is what you get” - не көрсең соны аласың) редакторлері кіреді. Бұл программаларды тағыда визуалды редакторлар деп айтады.
    Осындай программалар графикалық интерфеске ие. Бұл прораммалардың бастапқы мақсаты дизайнерді HTML тегтерінен босату болған. Казірге замандағы визуалді HTML-редакторлар дизайнерді көптеген әрекеттерде басатады. Осындай артықшылықтарына қарамастан кемшілігі бар – олар таза HTML
    кодын жасамайды, оған артық және «фирменный» тегтерді қосады. Көріп отырсыздар, WYSIWYG редакторларды қолданы HTML тегтерін қолмен жазуды құтқармайды, демек, web-сайттарын жасау үшін HTML тілінің кем дегенде негізін білу керек. Мысалға Оңтүстік Қазақстан облысы web-сайтының www.ontustik.gov.kz құрылымы мен дизайндық технологиялық сипаттамасын келтірейік.
    Білім беру қызмет танымал және сенімді болып табылады, осыған байланысты өз web-сайтында шұғыл қажеттілік пайда болды. Білім беру орталығының басшылығы осы сайттың тапсырыс берушісі болып, осы жобаны қанағаттандыру үшін бірқатар талаптар қойды:

    • Сайт көзбен тартымды болуы керек

    • Тақырып аймағында осы орталықтың логотипі болуы керек.

    • Басты бетте кішігірім ақпарат пен орталықтың жаңалықтары туралы ақпарат болуы керек.

    • Сайттың негізгі түс гаммасы фирмалық түстерге сәйкес келуі тиіс (негізгі фирмалық түс - қызғылт).

    • Сайт бетінің жоғарғы және төменгі жағында қайталанатын мәзір болуы керек.

    Сайт беттері бар файлдар каталогтардың иерархиялық құрылымына орналастырылады-олармен жұмыс істеу ыңғайлы, жаңа беттерді табу оңай және қосу оңай. Бұл сайттың файлдық құрылымы.

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

    Сайттың түбірлік қалтасында бірнеше ішкі каталогтар бар:

    • Img-суреттері бар файлдарды сақтау үшін ;

    • JS-сайтта қолданылатын сценарий кодтарын қамтиды;

    • CSS-қызметтік файлдарды қамтиды .сайттың дизайнына жауап беретін css;

    • Fonts-бұл қалтада сайтта қолданылатын қаріптер сақталады

    Индекс файлы.html сайттың түбірлік қалтасында орналасқан, өйткені бұл сайттың ең маңызды файлы. Бұл сайт мекен-жайын теру кезінде браузерде көрсетілген оның мазмұны. Сондай-ақ, түбірлік қалтада сайттың негізгі беттерін көрсету үшін қажетті басқа файлдар бар.

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

    Сайт гиперсілтемелермен біріктірілген бірқатар бөлімдерге топтастырылған веб-беттерден тұрады:

    • Біз туралы

    • Каталог

    • Кішігірім ақпараттар

    • Байланыстар

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


    3.3 Сайттың интерфейсі мен дизайнын әзірлеу


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

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

    Search Engine Optimization (SEO) веб-сайтты құрудағы ең маңызды қадамдардың бірі болып табылады. Бұған дұрыс тегтерді пайдалану, кескінді оңтайландыру, бірегей мазмұнды жасау және т.б. кіреді. Тиісті оңтайландыру веб-сайт трафигін арттыруға және оның іздеу жүйелеріндегі рейтингін жақсартуға көмектеседі.

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

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

    Веб-сайттың дизайны жоспарлау жағдайында мазмұнды, веб-сайттың тақырыптық режимін және көркем әдістер арқылы өз түсінігін үйлестіруді білдіруі керек; және веб-парақты жасау әдетте оны веб-бет пішіміне түрлендіру үшін әмбебап белгілеу тілінде W3C стандартты қосымшасына сәйкес веб-дизайнер әзірлеген дизайн жобасы болып табылады. Қарапайым тілмен айтқанда, веб-сайт дизайнының мақсаты - веб-сайттарды жасау. Мәтін, кескіндер (GIF, JPEG, PNG) және кестелер сияқты қарапайым ақпаратты гипермәтін, кеңейтілетін гипермәтіндік белгілеу тілі және т.б. сияқты белгілеу тілдерін пайдаланып веб-сайт беттерінде орналастыруға болады. Және векторлық графика, анимация, бейне, аудио және басқа мультимедиялық файлдар үшін плагиндердің іске қосылуы, сондай-ақ веб-сайтқа тасымалданатын белгілеу тілі қажет.

    Веб-сайт дизайны (веб-дизайн) – Dreamweaver сияқты құралдарды пайдалана отырып, белгілі бір ережелерге сәйкес Интернетте белгілі бір мазмұнды көрсету үшін пайдаланылатын сәйкес веб-беттерге сілтеме жасайтын веб-сайттың бағдарламалық жасақтамасына қойылатын бағдарламалық құрал талаптарын түрлендіру процесі. және Photoshop. Қарапайым тілмен айтқанда, веб-сайт хабарландыру тақтасы сияқты байланыс құралы болып табылады. Адамдар веб-сайтты өздері жариялағысы келетін ақпаратты жариялау үшін пайдалана алады немесе веб-сайтты тиісті онлайн қызметтерді көрсету үшін пайдалана алады.

    Әзірленіп жатқан сайт Тапсырыс беруші қойған негізгі талаптарды ескере отырып іске асырылды.

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

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

    Басты беттің дизайнын, сондай-ақ оның мазмұнын мұқият қарастырған жөн. Сондықтан web-сайттың басты бетінде бағдарлама туралы негізгі ақпарат орналастырылған.

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

    Логотиптің болуы Тапсырыс берушінің талаптарының бірі болды. Логотип сайттың жоғарғы сол жақ бұрышында орналасқан.

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

    Негізгі бет төменде көрсетілген:



    3.1-сурет. Басты бет


    3.2-сурет. Танымал мамандықтар


    3.3- сурет. Білім орнына ұсыныс тастау жолдары


    3.4-сурет. Коледждің қосымша курстарына кішігірім шолу


    3.5-сурет. Жаңалықтар беті

    3.4 Веб-сайттың тартымды мазмұнын қалай жасауға болады?


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

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

    Қарапайым тілмен айтқанда, веб-сайт дизайнының мақсаты - веб-сайттарды жасау. Мәтін, кескіндер (GIF, JPEG, PNG) және кестелер сияқты қарапайым ақпаратты гипермәтін, кеңейтілетін гипермәтіндік белгілеу тілі және т.б. сияқты белгілеу тілдерін пайдаланып веб-сайт беттерінде орналастыруға болады. Және векторлық графика, анимация, бейне, аудио және басқа мультимедиялық файлдар үшін плагиндердің іске қосылуы, сондай-ақ веб-сайтқа тасымалданатын белгілеу тілі қажет.

    Веб-сайт дизайны (веб-дизайн) – Dreamweaver сияқты құралдарды пайдалана отырып, белгілі бір ережелерге сәйкес Интернетте белгілі бір мазмұнды көрсету үшін пайдаланылатын сәйкес веб-беттерге сілтеме жасайтын веб-сайттың бағдарламалық жасақтамасына қойылатын бағдарламалық құрал талаптарын түрлендіру процесі. және Photoshop. Қарапайым тілмен айтқанда, веб-сайт хабарландыру тақтасы сияқты байланыс құралы болып табылады. Адамдар веб-сайтты өздері жариялағысы келетін ақпаратты жариялау үшін пайдалана алады немесе веб-сайтты тиісті онлайн қызметтерді көрсету үшін пайдалана алады.

    3.5 Кері байланыс



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

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

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

    Форманды дайн түрін қолдансақта болады мысады Google Forms бұл сайтта біз өтім қалдырушы туралы қандай ақпараттар қызықтырады сол бойынша сұрақтар қойсақ болады мысалы Аты жөні, телефон номері, мекен-жайы,т.б.



    3.6-сурет. Өтінім қалдыру беті

    Формаға нұрсқаулар беру терезесі

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

    1   2   3   4   5   6   7   8   9


  • написать администратору сайта