WEB бет дизайны

Жұмыс түрі: Реферат
Тегін: Антиплагиат
Көлемі: 14 бет
Таңдаулыға:

ЕСЕП БЕРУ
Тақырыбы: WEB бет дизайны

Алматы 2020
Мазмұны
1.Кіріспе ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... .3
2.Негізгі бөлім.
2.1. Web парақша туралы жалпы түсінік ... ... ... ... ... ... ... ... ... ... ... .4
2.2. Web парақша дизайнінің принциптері ... ... ... ... ... ... ... ... ... ... ..8
2.3. Flash - Web беттің сәнді қосымшасы ... ... ... ... ... ... .. ... ... ... ... .10
Қорытынды ... ... ... ... ... ... .. ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 14
Пайдаланылған әдебиеттер ... ... ... ... ... ... . ... ... ... ... ... ... ... ... ... ..15

Кіріспе
Тарихы 1991 жылы алғашқы web-сайттың пайда болуынан басталды.
Оның құрастырушысы Тим бернерс-Ли өз сайтында HTTP мәліметтерді тасымалдаушы URL адресациялау жүйесі,HTML гипермәтіндік бейнелеу тілі негізіндегі World Wide Web жаңа технологиясы туралы жазды.
Бұл ашылу ақпараттық технологиялардың дамуына үлкен септігін тигізді.
Әлемдегі бірінші сайт алғашқы интернет - каталог та болды, кейін Тим Бернерс-Ли оған басқа сайттарға сілтемелер тізімін орналастырды.
Сөйтіп виртуалды шындықтың үш өлшемді кеңістігінің танымалдығы арта берді. Өзіндік мақсат қуған жаңа сайттар пайда болды.
Технологиялардың дамуы сайттарды жетілдіре түсті, web-беттің көркемделуіне үлкен көңіл бөліне бастады.
Web- бет дегеніміз желідегі барлық ақпаратты сақтайтын құжат.Web- бет кішігірім мәтін не үлкен мәтіннің бір бөлігі. Мысалы, жоғарғы оқу орны үшін мынандай Web- беттерді дайындалады.
Факультет атаулары, мамандықтар;
Кафедралар, олардың қызметкерлері жөнінде мәліметтер;
Әр жылда оқу орнын бітіруші студенттер тізімі.
Web- беттерге сілтеме ретінде тақырыпқа байланысты басқа Web- бетте жазылған сөз не сөз тіркестері арнайы команда бойынша белгіленіп қойылады. Оны гиперсілтеме деп,сілтеме енгізілген мәтінді гипер мәтін деп атайды.Гиперсілтеме үшін мәтін үзіндісінің қысқаша мазмұнын, тақырыбын не суретті белгілеуі мүмкін.
Экранда көрінген Web- бетте гиперсілтеме басқа түске боялып, асты сызылып көрсетіледі. Гиперсілтеме бойынша келесі Web- бетті экранға шығару үшін сілтемеге көрсеткішті әкеліп, ол сұқ саусағы мәтінге бағытталған қол Интернеттің глобальды жүйесі 40-мыңнан аса әр түрлі локальды жүйелердің қосындысын құрайды.
Әрбір локальды жүйе түйін немесе сайт деп, ал сайттың жұмысын қамтамасыз ететін заңды тұлға - провайдер. Сайт әдетте бірнеше компьютер - серверден тұрады.Олардың әрқайсысы ақпараттың анықталған түрін сақтауға арналған.Ақпаратты іздеу жүйесінің потенциалы (ИПС)(АIЖ) бүгінгі күнде жақсы дамыған. Қарапайым ортада кілтті сөз арқылы құжаттың арасынан ғана емес желілік адрес URL, серверлер атының арасынан, каталог және соңғы ақпараттық файлдар арасынан іздеуге мүмкіндік алуға болады.

Web парақша туралы жалпы түсінік
Веб-парақ - бұл бүкіләлемдік ғаламтор мен веб-браузерлер үшін қолайлы құжат. Веб-шолғыш веб-бетті мониторда немесе мобильді құрылғыда көрсетеді. Веб-парақ дегеніміз не, бірақ бұл термин, әдетте HTML немесе салыстырылатын тілде жазылған компьютерлік файлды білдіреді. Веб-браузерлер веб-бетті ұсыну үшін стиль кестелері, сценарийлер және кескіндер сияқты жазбаша веб-бетке арналған әртүрлі веб-ресурстар элементтерін үйлестіреді. Егер веб-сайт кітап болса, онда веб-бет сол кітаптағы бет болар еді.Веб-сайт дегеніміз - тақырып бойынша ақпараты бар веб-беттер жиынтығы (немесе топ), ал веб-сайт - веб-сайттың бөлігі. Веб-сайтта көрген әр бет веб-бет болып табылады. Веб дизайн тарихы 1991 жылы алғашқы web-сайттың пайда болуынан басталды. Оның құрастырушысы Тим Бернерс-Ли өз сайтында HTTP мәліметтерді тасымалдаушы, URL адресациялау жүйесі, HTML гипермәтіндік бейнелеу тілі негізіндегі World Wide Web жаңа технологиясы туралы жазды. Бұл ашылу ақпараттық технологиялардың дамуына үлкен септігін тигізді. Әлемдегі бірінші сайт алғашқы интернет-каталог та болды, кейін Тим Бернерс-Ли оған басқа сайттарға сілтемелер тізімін орналастырды. Сөйтіп виртуалды шындықтың үшөлшемді кеңістігінің танымалдығы арта берді. Өзіндік мақсат қуған жаңа сайттар пайда болды. Технологиялардың дамуы сайттарды жетілдіре түсті, web-беттің көркемделуіне үлкен көңіл бөліне бастады.Сурет графикасы әдемі, сапалы жасалуы бағалана бастады. Осылармен бірге web дизайн дами түсті. Web дизайн түсінігіне сайттың шаблонын жасау және оны графикалық көркемдеу жатады. Қазіргі таңда web дизайн өзіне бірнеше мақсат қояды: қолданушыда объект бейнесін оң қабылдату, сайт құрылымының қарапайымдылығы мен анықтылығы, қолданушы интерфейсінің оңай түсінігі, навигациялық жүйенің ыңғайлылығы және т.б. Осы мақсаттарға жету үшін сайтты құрастырушы компьютерлік графикамен жұмыс жасайтын программа-құралдарының кең таңдауын, html- және java кодтарын қолданады. Бұл оның әлі де даму үстінде екенін көрсетеді. Web дизайн білім мен өнердің қосылысы. Оның негізгі аспектілеріне бес облыс кіреді.Мазмұны. Мұнда сайт мазмұнының қалыбы мен ұйымдастыруы кіреді. Мүмкін болар диапазон-мәтіннің қалай жазылғанынан HTML гипермәтіндік технология көмегімен қалай ұйымдастырылғаны, берілгені және құрылғанына дейін. Көрінетін бейнелері. Бұл сайттағы экран кеңістігінің құрылуына қатысты. Құрылу әдетте HTML, CSS немесе Flash көмегімен жүреді және көркемдік не навигация қызметін атқаратын графикалық элементтерден тұрады. Сайттың көрінетін бейнелері- web дизайнның негізгі аспектісі, бірақ ең маңыздысы емес. Оған бағдарлама көмегімен құрылған түрлі интерактивті элементтер кіреді. JavaScript сияқты клиент жағында жұмыс істейтін сценарий тілдерінен Java-сервер секілді серверлік қосымшаға дейін элементтер болуы мүмкін. Жеткізу. Internet желісінде сайтты жеткізу жылдамдығы және бас тартпау бағдарламалық қамтаманы және желілік архитектура көмегімен байланысты. Сайттың қандай себеппен құрылғаны web дизайнның негізгі бөлігі болып табылады. Экономикалық сұрақтармен байланысты болғандықтан, басқа облыстарға қатысты кез келген шешімді қабылдағанда осы элемент ескеріледі. Әрине, web дизайнның әрбір облысының сайтқа әсері құрылатын сайттың типіне тікелей тәуелді. Мысалы, жеке бетте Internet-дүкенге тән экономикалық түсінік болмайды. Өндірістік кәсіпорынның ішкі желісінде шым-шытырық фильмдерді жарнамалайтын сайттағыдай көрінетін бейнесі де болмайды. Осылайша графикалық дизайн, бағдарламалау, желіні ұйымдастыру, қолданушы интерфейсін жобалау, қолдану ыңғайлылығы және басқа да көздерден тұратын web дизайн мультипәндік облыс болып табылады.

1.сурет Дайын веб бет үлгісі

Web парақша дизайнінің принциптері
Веб дизайн - сайтты дайындаудың алғашқы этапы. Ол көбіне Adobe Photoshop немесе Macromedia FlashMX бағдарламасында орындалады, web дизайнның кейбір элементтері CorelDraw немесе Adobe Illustrator векторлы графика, 3Dmax, Maya, LightWare үшөлшемді моделдеу бағдарламаларынан импортталынады. Бірақ web дизайн тек сайттың көркемдік жағы емес, оның қолданушыға ыңғайлы болуы - тұрақты қолданылатын элементтердің айқын ерекшеленуі, мәзірдің түсінікті болуы жатады. Сондықтан сайттың дизайны бірнеше талаптарға жауап беруі керек:
Web дизайн компанияның имиджін ерекшелеп көрсететін стильді болу керек.
Web дизайн команияның фирмалық стилімен үндесуі керек.
Web дизайн қолданушыға қолайлылық сезімін тудыру қажет, бетте мәтіннің дұрыс құрылуы, суреттердің ыңғайлы орналасуы және ойластырылған түстердің үйлесімділігі осыған септеседі.
Web дизайн қолданушы сайтта басқару элементтері мен навигацияны іздетпегені дұрыс - мәзір анық та түсінікті болу керек.
Web дизайн сайтта жарнамаланатын тауар, қызмет көрсету және ақпаратқа сәйке болу қажет.
Web дизайн жеңіл, яғни сайт беттері ұзақ жүктелмеу керек.
Веб дизайнда анимация жиі қолданылады. Анимацияланған суретті құрған кезде оның салмағын ескерген жөн. Олар ұзақ жүктеліп, қолданушының сіздің сайтынызбен жұмысын қиындатады. Әрине, анимацияланған суреттер статикалық суреттеге қарағанда көбірек көңіл аудартады, оларды мақсатпен және үнемді қолданса нұр үстіне нұр. Web дизайн қалай құрылады? Web дизайн - бұл сайт жобасының бір бөлігі ғана. Жалпы сайтқа техникалық тапсырма қойылады. Онда web дизайнға негізгі талаптар, беттегі басты элементтердің орналасу схемасы құрылады. Осыдан кейін техникалық тапсырма дизайнерге беріледі, онымен бірігіп дизайн концепциясы жасалынып бекітіледі. Бұл негізгі беттің дизайны, ол барлық сайтқа бірдей стиль береді.Сайттың web дизайн жобалау мен іске асыру бірнеше күннен бірнеше жұмаға созылуы мүмкін. Қазіргі таңда web дизайнға креативті, ерекше болу талабы қойылады. Себебі онда, жоғарыда көрсетілгендей өнер, маркетинг, технологиялар қиылысады. Негізгі бетке флеш-ролик, компанияның соңғы жаңалықтарын, логотипті сурет, бөлімдердің қысқаша сипаттамасын орналастыруға болады. Web дизайнда визуалды қабылдау үлкен рөл атқарады. Экранның әртүрлі жерінде орналасқан элементтер ақпаратты көру және психологиялық қабылдауға әртүрлі әсер етеді. Экранның сол жақ жоғарғы бөлігінде көп қолданушыға таныс логотип орналасады. Ал жаңа бастаған фирмалар логотипін оң жақ жоғарғы бөлікте орналастырса, қолданушы оны тез және оңай жаттайды. Беттің жоғары жағының web дизайнын фотосурет, басқа графикалық суреттермен безендіру керек.Web дизайн құрғанда кейбір нәрселерге назар аудару қажет. Суретке тышқан сілтемесін жақындатқанда көмекші сөз шыққан дұрыс. Бұл қолданушының сайтпен жұмыс жасауын едәуір оңайлатады. Гиперсілтемелер жалпы мәтіннен ерекшеленіп, анық бейнелену тиіс. Ал шрифт өзгере алатын болу керек. Бұл мониторларының өлшемі әртүрлі болатын қолданушыларға арналған. Тышқанды қолданбайтын қолданушылар үшін табуляция клавиштерінің көмегімен бетте логикалық тәсілмен қозғалатын арнайы бағдарлама орнатуға болады.Бұл web дизайнын сапасын арттыра түседі. Тауарды жарнамалайтын сайттарда тауар бағасын суреттердің астына, ал адрес, сандық ақпараттарды беттің төменгі оң жағына орналастырғаны жөн. Баннер төменгі сол жақта орналасса үлкен танымалдыққа ие болады.
Web дизайн кітап, газет немесе журнал баспасының полиграфиялық дизайны секілді маңызға ие. Оның қысқа да нұсқа мағынасы - веб-беттің әдемі, көз тартарлық бейнелеуі бірнеше мақсат көздейді: бұл жақсы имидж қалыптастыру, клиенттердің сенімін күшейту, ақпаратты, қызмет көрсету мен тауарды сатуды көбейту. Web дизайн тартымды да пайдалы болу үшін оны құру кезінде оған қандай тапсырма жүктелетінін, осы облыстағы бәсекелес сайттарды зерттеу, клиенттің жұмыс стилі, қандай мақсатты аудиторияға арналғанын білу міндетті. Графиканы құру және оптимизациялау - күрделі жұмыс.Web-бетті графика құрмай-ақ шрифт, скрипт, стиль кестесі (CSS) көмегімен көрнекі етіп жасауға болады. Алайда құжаттың нәтижесіне көптеген факторлар әсер етеді: браузер терезесінің көлемі, үнсіздік бойынша алынған шрифт, түсі және аты. Сонымен қатар, кей скрипт пен стилдер барлық браузерлермен ұстана бермейді. Ал егер сіз графиканы қолдансаңыз, колданушы бетті дәл сіз құрғаныңыздай көреді. Web-графикамен жұмыстың басты қиындығы-Интернет каналдарының өткізу қасиетінің төмендігі болып табылады. Сондықтан сіз графикалық файлдың көлемі аз, бірақ сапалы болуын және оны оптимизациялауда қандай программалар қолдану қажеттігін қадағалауыныз қажет. Векторлы және растрлы графикалық редакторлар епті қолда қуатты құрал бола алады. Растрлы суретте әрбір пикселдің анықталған орны мен түсі бар, мұнда әрбір объект программаға боялған пиксел жиынтығы ретінде көрінеді. Бұл қолданушы растрлы суреттермен жұмыс жасағанда нақты суретпен емес, пикселдер тобымен жұмыс жасайтындығын көрсетеді. Растрлы суреттер түс градациясын және жартытондарды дәл береді, суреттің жоғарғы детализациясын қамтамасыз етеді. Сол себепті олар тонды суретті берудің (фотографияны сканерлеу) оптималды құралы болып табылады.
Растрлы графикада пикселдердің бекітілген көлемі қолданылады. Бұл суретті өзгерту (бұру, үлкейту) кезінде бейненің бұрмалауына және объект шекараның қисық болып шығуына алып келеді. Ал векторлы графика математикалық фигура - векторлар негізінде құрылып, координатасы, түсі және басқа параметрлі қисық және боялған шектелген облыстардан тұрады. Векторлы суретті файл қисықтың координатасы мен параметрлерінен құрастырылады. Оларды өзгерткенде сапа төмендемейді. Векторлы графика ұсақ кеглдер (шрифттар) қолданған цифрлы объектілер және анық контур қажет логотиптер жасауда пайдаланылады. Adobe Photoshop - растрлы графиканы профессионалды өңдеудің ең қуатты пакеті. Әртүрлі фильтрлер мен эффекті жиынтығынан тұратын, растрлы суретті модификациялаудың көптеген мүмкіндіктерінен құралған үлкен кешен болып табылады.Web-беттің қалай құрастырылу принципін түсінгеннен кейін, олардың әрқилы мақсаттарда қолданатынын білеміз. Сол себепті қазіргі таңда Web-дизайнға көп көңіл аударылады, өйткені желідегі қайсібір ақпараттық ресурстың танымалдығы тікелей соған байланысты. Web-дизайнердің жалақысының жоғары болуының себебі де сол. Web-бетті құрушы адам, өзінің білімін шығармашылық потенциалымен ұштастырады. Көз сүйсінерлік Web-бетті жасап шығару үшін суретші әрі программист қасиетіне ие болу шарт. Web қосымшаларын жасаудағы басты қиындық беттің көлемі және интернет броузерлердің сыйымдылығы болып келеді.
Macromedia корпорациясы Web-та барлық ақпарат түрлерінің соңғы жаңалықтарын қолдануға тырысты. Macromedia Flash - өте қуатты, сонымен қатар қолданыста қарапайым, интерактивтілікті ұстанатын векторлы графика негізінде анимациялық жобалар жасаудың құралы. Flash суретшілер мен дизайнерлер үшін web-жобаны анимация және дыбыспен толықтыруда таптырмайтын жұмыс құралы болып табылады. Flash-ты Web стандарт ретінде келісім жасалғалы, ол HTML-мен оңай интеграцияланды.Алғашында бұл программа Splash Animator деп аталды және белгісіз Future Animation фирмасымен мультфильм жасау мақсатымен сатылды. Аниматор-суретшілерге арналып, кең қолданыс таба алмады. WWW қосымшалары танымал бола ... жалғасы

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