Небиев. Е қабылдаған
жүктеу/скачать 140,21 Kb.
|
Веб жобалар
| Руководитель практики ________________ Мукашева.А
\подпись\ \ФИО\ Рассмотрено на заседании ПЦМК __________ Протокол №___ «___»____ __г. КІРІСПЕ
Веб-дизайн - бұл креативтілік және айқын шығармашылық. Бұл веб-дизайн саласында сіз өзіңіздің барлық қабілеттеріңізді толығымен көрсете аласыз, өйткені мұнда сіз және сіздің парағыңыздың келушілері сіздің жұмысыңыздың нәтижелерінің цензурасы болып табылады. Сіз жасап жатқан ресурстың көлеміне, мазмұнына немесе орналасуына сізді ешкім шектемейді; ешкім сізді қандай да бір қатаң құрылымға мәжбүрлемейді. Дүниежүзілік желіде өзіңіздің веб-ресурсыңызды жасау және жариялау мақсаттары мүлдем басқаша болуы мүмкін: - веб-шебер үшін ол Интернеттегі өз бетінде ақпаратты орналастыруға ұмтылады, оны кейінірек жұмыс іздеу кезінде немесе Интернет арқылы басқа адамдармен интерактивті қарым-қатынас кезінде пайдалануға болады; - мысалы, автордың әдеби шығармаларын, суреттерін, музыкасын немесе ғылыми зерттеулерін жариялау үшін (осылайша бет иесі оның әңгімелері үшін баспагерді, оның картиналарына көрме ұйымдастырушыларын, музыкалық жобаның продюсерін таба алады. немесе оның дамуын қаржыландыруға дайын демеуші); - кейбір жағдайларда сіз өзіңіздің басты бетіңіз арқылы ақша табуға болады. Бұл жұмыстың мақсаты Flash технологияларында объектілерді құру кезінде WEB дизайн негіздерін анықтау болып табылады. Зерттеу нысаны мектеп оқушыларына WEB дизайнын оқыту процесі болып табылады. Зерттеу пәні Macromedia Flash бағдарламасының технологиясы болып табылады. Зерттеудің мақсаты - Flash технологияларына негізделген WEB дизайнын зерттеу, сонымен қатар олардың артықшылықтары мен кемшіліктерін анықтау және қарастыру. 1-тарау. WEB дизайны: Flash технологиялары 1.1 WEB дизайнының теориялық негіздері Сайтты жоспарлау Вeб-сайт – бұл әлемнің кішкентай моделі. Алдыңғы кезде вeб-сайтты бір адам ( вeб-мастер) жасаған болса, қазіргі кезде вeб-сайтты бірнеше адам жасайды. Web-сайт жасаумен кәсіби тұрғыдан веб-программалаушылар, веб-дизайнер, IT-мамандар айналысады. Бүгінгі таңда кез келген компьютер пайдаланушы қарапайым сайт жасуға арналған дайын шаблондар көмегімен интернетте өз сайтын жасай алады. Web-сайтты жобалау кезінде сайттың көлемі, функционалдығы және т.б.с.с. жоспарлай білу керек. Сайтты жоспарлау кезеңдері: Сайтты қандай мақсатта жасайтынымызды анықтау; Сайтта қандай ақпарат орналастыру керектігін анықтау; Қажетті ақпаратты жинақтау; Сайттың дизайнын белгілеу; Сайттың логикалық құрылымын дайындау; Сайттың физикалық құрылымын ойластыру, яғни сайтты құрайтын бөлек файлдарды бумаларға бөліп алуды жоспарлау; 2. Сайтты құру мақсаттары Жобалауда сайттың мағынасын, мақсаттарын, оның көмегімен шешуге болатын тапсырмаларды , ол арналған аудиторияны ойластырып алу керек. Сайттың мақсаты оның концепциясынан орындалу уақыты мен бар ресурстарымен ажыратылады. Мақсат сіз белгілеген әрекеттердің қашан, қандай деңгейде орындалатынын көрсетеді. Сайттың құрылу мақсаттарын ойластырып, оны жазып алу сіздің сайттың көмегімен шешкелі отырған есептеріңіз үшін керек. Дұрыс,нақты қойылған мақсат сіздің сайтыңызды эффективті құралға айналдырады. Тапсырма 1. Өзіңіздің сайттарыңыздың мақсаттарын құрыңыз, мысалы, сіз құрғалы отырған сайттың немесе сайт-визитканың. Енді сіздің сайтыңызға құрған мақсаттарды сраптаңыз. 3. Концептуалды жобалау Кейде сайттың эффективтілігін бағалау қиын болады. Сайттың жақсы екендігін білу үшін қай критериді қолдану керек. Сайттың эффективтілігін сипаттайтын әмбебап критери бар. Бұл сайтты құрасытрушылардың олардың алдарына қойылған мақсаттарының жетістігі. Концептуалды жобалау сайттың мақсаттарын көрсету үшін және ол есептелген аудиторияны анықтауға арналған. Бұл этапта келесілерді сипаттау керек: • Негізгі және қосымша мақсаттар. • Қойылған мақсаттарға жету үшін орындалатын әрекет. • Қолданушылар құрамы. • Қолданушы топтарының қызығушылықтары. • Сайттың бөлімдері. • Мақсатқа жету критерилері. Қойылған мақсаттардың және қолданушының қызығушылықтырының арқасында сайтта орналасатын бөлімдер мен сервистердің тізімін аламыз. 3.1. Логикалық жобалау Алдыңғы этапта ойластырылған сайт бөлімдері әзірше реттелмеген және құрылымдалмаған, сол үшін оларды түсінікті және ыңғайлы түрге келтіру керек. Логикалық жобалау сайттағы ақпаратты ұйымдастырудан, оның құрылымын құрудан және бөлімдер бойынша навигациядан тұрады. Ақпараттар түрлі реттелуі мүмкін: уақыт, бөлім,алфавитті рет, топтар және критерилер бойынша.Әуендік топтың сайтына бір әуенді іздеуді алфавитті көрсеткіш бойынша, альбомның аты,әуеннің бірінші қатарымен, шыққан жылы және кілттік сөздер бойынша жасауға болады. Бұл этапта келесілерді сипаттау керек: • Сайт құрылымының типі (сызықты,иерархиялық,контекстік,басқа). • Бөлімдер аты. • Әр бөлімінң құрамында не болады. • Бөлімдердің ұйымдасуы және олардың арасындағы байланыс. • Сайттың анықталған беттерінде қандай ақпарат болады. Логикалық жобалаудың соңғы нәтижесі блок-сызба,құрылымдық диаграммалар немесе сайттың әр бөліктерінің байланысын көрсететін әдістермен беріледі. 3.2. Физикалық жобалау Сайттың техникалық іске асуымен байланысқан мәселелерді шешу емес, оларды табу этапы. Бұл этапта келесілерді сипаттау керек: • Сайтта қолданылатын технологиялар. • Қолданылып жатқан бағдарламалық қамтама. • Мүмкін болатын мәселелер және оларды жою әдістері. • Ақпарат қалай жаңарады. Бұл этапты аяқтағаннан кейін концептуалды жобалауға қайта оралып, өзгеріс енгізудің қажеттілігін тексеру керек. Егер сайтта деректер қорын қолдану және деректерге CGI көмегімен қол жеткізу жобаланса, онда таңдалған технологиялаорды қолдайтын хостинг туралы ойлану керек. Концептуалды жобалауға қайта отырып, біз өзімізге нақты бір ақша құртып, есесіне қосымша мүмкіндіктерді ала отырып, сайтты тығыз хостинге орналастыру керектігіне мақсат қоямыз. Немесе тегін хостинг алеміне кіру мақсаиын қабылдаймыз. 4.Сайттарды жобалаудың ерекшеліктері Сайттың ақпараттық толтырылуын және навигация құралдарын жобалауда адамның ақпаратты қабылдауына негізделген төрт базалық принципке негізделу керек: • Белгілеулерді қолдану. • Орындылық. • Біркелкілік. • Бөліктерге бөлу. Бұл принциптерге түсініктеме берейік. Белгілеулерді қолдану Тұрақталған және сіздің сайтыңызға кірушәлерге түсінікті болатын сөздер мен терминдерді қолданыңыз. Бұл жерде пиктограммаларды қолдану орынсыз. Элементтерді, сілтемелерді және навигация элементтерін олардың белгігленуімен оранластыру керек. Орындылық Сайттың бөлімдері осы бөлімге немесе сайттың үзіндісіне сәйкес келетін ақпараттар мен элементтерден тұруы керек. Бұл принципке жауап бермейтін элементтер басқа жерге ауыстырылуы немесе жойылуы керек. Біркелкілік Сайтта бірегей навигация керек. Беттердегі бірдей элементтер бірдей көлемге ие болуы керек және бір орында болуы керек. Бөліктерге бөлу адам бір уақытта ақпараттың үлкен көлемін сақтай алмайды. Бұл нақты бір уақыттта керекті ақпаратты сақтайтын қысқа уақытты жадының шектеулігіне байланысты. Адамдар төрттен жетіге дейінгі түрлі элементтерден тұратын ақпаратты қабылдауға мүмкіндігі бар. Сол үшін сайтқа кірушілер өздеріне керекті ақпаратты тез табады, егер олар құрамында төрттен жетіге дейінгі элементтерден тұратын топтарға бөлінсе. Адам жеті-сегізден көп емес пунктте өзін қолайлы сезінеді. Егер пункттердің көптілігінен құтылу мүмкін болмаса – қиын бөлімдерде ішкі құрылымдар құру керек. Сайттардың мақсатына қарай жобаның негізгі бағытын анықтап, оған ақпаратты таңдауға болады. Жиналған ақпаратты ең маңыздысын белгілей отырып, оны құрылымдау керек. Сайттың жақсы құрылымдалуы оның сәтті құрылуының кепілдігі. Бұл этапта кеткен қателіктер кейін үлкен шығындарға алып келуі мүмкін. Болашақ сайттың құрылымын құруда барлық пункттерді бір бетке орналастыруға тырысыңыз. Сайттарды жобалаудың ерекшеліктеріне келесілерді жатқызуға болады: • Ақпараттың жеткіліксіздігі ; • Адамдар веб-беттерді оқымайды, қарастырады; • Қолданушылар баяу жүктелетін сайттардан қашқақтайды; • Адамдар ақпараттың көп көлемінде қиын бағдарланады; • Адамның қысқа ақытты жадысының шектеулігі; • Монитор экранынан оқудың қиындығы. Веб-дизайн – веб-әзірлеу саласы және міндеттері веб-сайттар немесе веб-қосымшалар үшін пайдаланушы веб-интерфейстерін жобалауды қамтитын дизайн түрі. Веб-дизайнерлер Web-беттердің логикалық құрылымын жобалайды, ақпаратты ұсынудың ең қолайлы шешімдерін қарастырады, сонымен қатар веб-жобаның көркемдік дизайнымен айналысады. Адам әрекетінің екі саласының тоғысуы нәтижесінде сауатты веб-дизайнер соңғы Web-технологиялармен таныс және сәйкес көркемдік қасиеттерге ие болуы керек. Веб-дизайн, Денис Бородаев анықтағандай, интернет-ақпараттық ортаның объектілерін әзірлеуге және жобалауға бағытталған, оларды жоғары тұтынушылық қасиеттермен және эстетикалық қасиеттермен қамтамасыз етуге арналған графикалық дизайн түрі. Бұл интерпретация веб-дизайнды веб-бағдарламалаудан бөледі, веб-дизайнердің пәндік қызметінің ерекшеліктерін атап көрсетеді және веб-дизайнды графикалық дизайн түрі ретінде орналастырады. Қазіргі уақытта веб-дизайн қызметтерін арнайы компаниялар да, жеке тұлғалар да (веб-дизайнерлер немесе фрилансер болып табылатын веб-шеберлер) ұсынады. Веб-дизайнер салыстырмалы түрде жас мамандық, ал веб-дизайн саласындағы кәсіби білім Ресейде әлі кең таралмаған. Интернетке сұраныстың артуына байланысты веб-сайт дизайнына сұраныс та өсіп келеді, веб-дизайнерлердің саны артып келеді және дизайн біліміне мүлдем қатысы жоқ адам бір адамдай жұмыс істей алады. 1.1.1 Терминге түсініктеме Біз кәсіби авторлармен (университеттердің оқытушылары мен доценттері) алмасу болып табыламыз. Біз RSCI, VAK, Scopus үшін мақалалар жазамыз. Жариялауға көмектесеміз. Біз өзгертулерді тегін жасаймыз . Қазіргі уақытта веб-дизайн термині веб-ресурс құрылымын жобалауға және пайдаланушылар үшін ресурсты пайдаланудың қарапайымдылығын қамтамасыз етуге қатысты. Жақында ресурсты жобалаудың маңызды бөлігі ресурсты W3C (World Wide Web Consortium) стандарттарына сәйкес келтіру болды, бұл мүгедектер мен портативті құрылғыларды пайдаланушылар үшін мазмұнға қол жетімділікті қамтамасыз етеді, сондай-ақ кросс-платформалық (бағдарламалық қамтамасыз етуді іске қосу) бірнеше аппараттық платформада және/немесе операциялық жүйеде) ресурс орналасуы. Сондай-ақ веб-сайт дизайнымен тікелей байланысты Интернеттегі маркетинг (Интернет маркетинг), яғни жасалған ресурсты жылжыту және жарнамалау, іздеу жүйесін оңтайландыру. Осылайша, кең ауқымды міндеттер визуалды құралдармен шешіледі, мысалы, сатуды арттыру, сенімді нығайту, белгілі бір имиджді құру және т.б. 1.1.2 Техникалық шарттарды құру Жоба менеджері мамандарға техникалық шарттарды жасауға жауапты. Тапсырыс берушімен жұмыс брифингті толтырудан басталады, онда тапсырыс беруші сайттың көрнекі көрсетілімі мен құрылымына қатысты өз тілектерін баяндайды, сайттың ескі нұсқасындағы қателерді көрсетеді және бәсекелестердің сайттарының мысалдарын келтіреді. Брифинг негізінде менеджер бағдарламалық қамтамасыз ету және жобалау құралдарының мүмкіндіктерін ескере отырып, техникалық шарттарды жасайды. Кезең техникалық шарттарды тапсырыс беруші бекіткеннен кейін аяқталады. Веб-сайттарды жобалау кезеңдері көптеген факторларға байланысты екенін бірден атап өткен жөн, мысалы, сайттың көлемі, функционалдылық, болашақ ресурс орындауы керек тапсырмалар және т.б. Дегенмен, кез келген жобаны жоспарлауда міндетті түрде болатын бірнеше кезең бар. 1.1.3 Жобалау кезеңдері Сайттың негізгі және стандартты беттерінің дизайны Жұмыс әдетте графикалық редакторда дизайн жасаудан басталады. Дизайнер техникалық шарттарға сәйкес бір немесе бірнеше дизайн нұсқаларын жасайды. Бұл жағдайда негізгі беттің дизайны мен стандартты беттердің дизайны (мысалы: мақалалар, жаңалықтар, өнімдер каталогы) бөлек жасалады. Шын мәнінде, «бет дизайны» - бұл графикалық файл, ең кішкентай суреттерден тұратын қабаттық сызба - жалпы сурет элементтерінің қабаттары. Сонымен қатар, дизайнер HTML стандарттарының шектеулерін ескеруі керек (содан кейін стандартты HTML құралдарының көмегімен жүзеге асырылмайтын дизайнды жасамаңыз). Ерекшелік - Flash дизайны. Эскиздердің саны және оларды ұсыну тәртібі жоба жетекшісімен талқыланады. Жоба менеджері сонымен қатар мерзімдерді бақылайды. Үлкен Web-студияларда графиканың сапасын бақылайтын арт-директор процеске қатысады. Сондай-ақ, кезең эскизді тапсырыс берушінің бекітуімен аяқталады. HTML орналасуы Бекітілген дизайн HTML макетінің дизайнеріне беріледі, ол графикалық кескінді бөлек сызбаларға «қиып алады», содан кейін олар HTML бетін жасайды. Нәтиже - браузер арқылы көруге болатын код. Ал стандартты беттер кейін үлгілер ретінде пайдаланылады. Шағын студияларда веб-дизайнер html кодтауын жасайды. Бағдарламалау Әрі қарай, html кодер HTML файлдарын бағдарламашыға береді. Веб-сайтты бағдарламалауды нөлден бастап немесе CMS (контентті басқару жүйесі) негізінде жасауға болады. Веб-әзірлеушілер көбінесе CMS-ті «қозғалтқыш» деп атайды. CMS жағдайында «CMS» өзі белгілі бір мағынада ауыстырылатын бөліктерден тұратын дайын веб-сайт екенін айту керек. «Бағдарламашы» - бұл жағдайда оны жай ғана CMS маманы деп атаған дұрыс болады - CMS-мен бірге келген стандартты үлгіні түпнұсқа үлгімен ауыстыруы керек. Ол түпнұсқа «Веб-дизайн» негізінде осы түпнұсқа үлгіні жасауы керек. Веб-сайтты бағдарламалау кезінде маманға соңғы мерзімдер тағайындалады. «Кілтке» веб-сайтты әзірлеудің соңғы кезеңі, әрине, тестілеу болып табылады. Веб-сайттың веб-дизайны әртүрлі браузерлерде, әсіресе Internet Explorer және Opera-да сәйкес болуы керек. Аталған Internet Explorer 6 HTML стандарттарын тым басқаша көреді - Netscape-пен көшбасшылық үшін ескі күрестің жаңғырығы. Қазіргі уақытта бұл моральдық тұрғыдан ескірген браузер, ол веб-дизайнер үшін көптеген проблемаларды тудырады және олар оны заңсыз деп санады. Бірақ ол Windows XP стандартты дистрибутивіне енгізілгендіктен және барлық компьютерлердің жартысынан көбінде орнатылғандықтан, қашу мүмкін емес, оны онда сынау керек. Содан кейін көрініс үлкейтілген қаріптермен, флеш ойнатқышсыз және т.б. тексеріледі. Анықталған қателер олар шешілгенше түзетуге жіберіледі. Жоба менеджері мерзімдерді бақылайды. Сондай-ақ осы кезеңде дизайнер жобалық қадағалауды жүзеге асыра алатындай жұмысқа тартылады. Интернетте веб-сайтты орналастыру Сайт файлдары провайдердің серверіне орналастырылады және қажетті параметрлер жасалады. Бұл кезеңде сайт келушілер үшін әлі жабық. Мазмұнмен толтыру (кез келген ақпараттық маңызды мазмұн) және жариялау Сайт мазмұнмен толтырылған - мәтіндер, суреттер, жүктеп алуға арналған файлдар және т.б.. Кейде мәтіндерді студия маманы құрастырады, кейде мазмұнды тұтынушы жағындағы жауапты адам өңдейді. Бұл техникалық шарттарды жасау кезеңінде шешіледі. Мазмұнды студия өкілі құрастырған болса, онда бұл орын алады және жобаның басқа кезеңдерімен қатар бекітіледі. Беттегі SEO оңтайландыруы Сайттың өзіне енгізілген кейбір өзгерістермен байланысты. Ол семантикалық өзегін анықтаудан басталады. Мұнда біз ең қызықты келушілерді тартатын және бәсекелестікте жеңу оңайырақ болатын кілт сөздерді анықтаймыз. Содан кейін бұл сөздер сайтқа енгізіледі. Мәтіндер, сілтемелер және басқа тегтер іздеу жүйелері оларды кілт сөздер арқылы сәтті таба алатындай етіп бейімделген. Беттен тыс SEO оңтайландыруы Әдетте, бұл кіріс сілтемелерінің құрылымын құруға келеді. Бұл шын мәнінде жарнама. Сыртқы SEO оңтайландыру веб-сайтты әзірлеуге ешқандай қатысы жоқ. SEO оңтайландыру шаманизмнің бір түрі болғандықтан, ол «ақ» және «қара» болып жіктелген сиқырға ұқсайды - сайт екі аптадан кейін жоғары деңгейге көтеріледі, содан кейін тыйым салынады. Шынайы ақ қалпақ SEO оңтайландыру - бұл еңбекті көп қажет ететін және уақытты қажет ететін процесс, оның құны веб-сайтты құру құнынан бірнеше есе жоғары болуы мүмкін. Жобаны жеткізу Тапсырыс беруші немесе оның уәкілетті өкілі дайын жобаны қарайды және егер бәрі қанағаттанарлық болса, олар жобаның жеткізілгенін растайтын құжаттарға қол қояды. Сондай-ақ осы кезеңде тапсырыс берушінің өкілі сайттың әкімшілік аймағында жұмыс істеу дағдыларына үйретіледі. Процесс және нәтиже Бірегей дизайн қымбатырақ, бірақ сонымен бірге нөлден бастап сурет салуды қамтиды, нақты тапсырыс үшін толығымен бірегей әзірлеме. Компанияның кәсіпқойлығына және/немесе саясатына байланысты веб-дизайнер идея мен дизайн тұжырымдамасын толығымен дербес әзірлейді немесе тапсырыс берушіден немесе шығармашылық директордан бірқатар талаптарды (түсі, стилі және т.б.), күтулер мен идеяларды алады ( көркемдік жетекші) және макетін әзірлеу кезінде осы бағытты ұстануға тырысады. Кейде дизайнер шаблондарға негізделген дизайн шешімін ұсына алады (өзінің немесе тіпті басқа біреудің), бұл жұмысты тездетеді және тұтынушыға аз шығын әкеледі. Кейбір дизайнерлер тіпті дайын үлгілер ретінде сату үшін дизайн макеттерін шығаруға маманданған, содан кейін оларды тәжірибесі аз дизайнерлер немесе веб-шеберлер сатып алып, жалпы веб-сайттарды жасау үшін пайдалана алады (негізінде бірегей дизайнсыз). Кейде веб-дизайнды әзірлеу белгілі бір тапсырыс үшін осындай шаблонды шағын қайта реттеуді және бейімдеуді білдіреді. Веб-дизайнер жұмысының соңғы өнімі дизайн макети болып табылады: сайт беттерінің күтілетін болашақ көрінісін білдіретін сурет, өлшемі шамамен 960x640 пиксель - орташа стандартқа сәйкес келетін өлшем, әр түрлі мониторға қосымша сілтеме жасау қажеттілігімен байланысты. экран ажыратымдылығы. Бұл сурет көпқабатты, мұнда дизайнердің қалауы бойынша әрбір деталь дерлік басқа сурет қабаттарына бекітілген жеке қабат болып табылады, соның арқасында өзгерту, ауыстыру, қайта реттеу және басқа да тапсырмаларды оңай орындауға болады. Идея мен мақсаттарға байланысты макет фотосуреттерді, күрделі коллаждарды, иллюстрацияларды, мәтіндік қабаттарды және бірегей белгішелерді қамтуы мүмкін. Кейде негізгі және ішкі беттер үшін бет тақырыбына сәйкес толықтырулар немесе өзгертулермен бөлек макеттер сызылады. Кескін бастапқыда Adobe Illustrator, Adobe Photoshop немесе басқа визуалды редакторда (мысалы, Scribus немесе Inkscape) жасалған векторлық немесе растрлық кескін болуы мүмкін, бірақ орналасу дизайнері үшін кескін әдетте растрлық пішімге түрлендіріледі. Клиентке көрсету үшін сурет әдетте қарапайым бір қабатты және таныс кескін пішіміне түрлендіріледі. 1.1.4 Қажетті құралдар Веб-шеберге жаңа жобаны жасау кезінде өзін барынша ыңғайлы сезіну үшін жұмыс орны мен дербес компьютерден басқа, оған белгілі бір бағдарламалық қамтамасыз ету жиынтығы, негізгі құралдар қажет, оларды веб-сайтты жасаушы жай ғана жасай алмайды. . Кейде жаңадан келген веб-шеберге бар бағдарламалардың атауларының әртүрлілігін ғана емес, тіпті жұмыс үшін ең аз қажет қосымшалардың тізімін шарлау қиынға соғады. Сіз бірдеңені ұмытып, бірдеңені жіберіп алуыңыз немесе кейінірек сізге қандай да бір бағдарлама немесе қызметтік бағдарлама қажет болатынын білмеуіңіз мүмкін. Төменде бірінші интернет-жобаңызды әзірлеуді бастамас бұрын сізде болуы керек құралдардың толық тізімі берілген. Бұл бағдарламалар Microsoft Windows 9X жүйесінде пайдалануға арналған. Сонымен, толық жұмыс істеу үшін веб-дизайнерге қажет: - HTML құжатын әзірлеуші ортасы - WYSIWYG-pe-dractor деп аталатын Microsoft FrontPage 98 немесе 2000 нұсқасы немесе FrontPage Express ұсынылады. - Векторлық графикалық редактор, CorelDraw 8 немесе 9 нұсқасы ұсынылады. - Растрлық графикалық редактор, Adobe Photoshop 4.0 немесе одан жоғары нұсқасы ұсынылады. - Microsoft Internet Explorer шолғышының 4.0 немесе одан жоғары нұсқасы. - Netscape Navigator шолғышының 4.01 немесе одан жоғары нұсқасы. - Кириллица транскодері, ConvHTML және SNKDECode бағдарламалары ұсынылады. - HTML оңтайландырғышы, UtilMind HTML Compressor 1.5 немесе одан жоғары нұсқасы ұсынылады. - GIF растрлық оптимизаторы, Gif-Clean 32 ұсынылады. - JPEG растрлық оптимизаторы, JPEGCleaner 2.1 немесе одан жоғары нұсқасы ұсынылады. - GIF анимациялық редакторы, Ulead GifAnimator бағдарламасы ұсынылады. - Графикалық фрагментатор, PictureDiser бағдарламасы ұсынылады. - FTP клиенті, CuteFTP бағдарламасы ұсынылады. - Adobe Photoshop - CorelDraw Бұл қолданбалардың едәуір бөлігі Интернетте ақысыз және ортақ бағдарлама нұсқалары түрінде тегін көшіру үшін қол жетімді. Соңында, HTML құжатының редакторы ретінде сізге Microsoft Internet Explorer 5.0 немесе одан жоғары браузерде және кем дегенде Windows 98 операциялық жүйесімен қамтылған Microsoft FrontPage Express қажет болады. 1.1.5 Web дизайнның негізгі қағидалары Кез келген технология, кез келген саладағы шығармашылық үдеріс белгілі бір ережелер мен заңдарға бағынатыны белгілі, оны сақтамау сөзсіз көптеген жағымсыз салдарға әкеп соғады. Веб-сайт инженерлік және көркемдік шешімдер кешені ретінде ресурс кәсіби емес болып көрінбеуі және келушілердің шағымдарын тудырмауы үшін сақталуы керек жақсы формадағы белгілі ережелердің тұтас жиынтығының болуын білдіреді. Бұл принциптерді түсінуді және есте сақтауды жеңілдету үшін біз оларды жеті негізгі постулатқа дейін қысқартамыз. Бұл ережелер объективті басымдылығына қарай, яғни маңыздылығының кему реті бойынша беріледі. Кез келген веб-ресурсты жоспарлау және құру кезінде, беттерді әзірлеу процесінде назар аудару керек негізгі критерий соңғы пайдаланушының ыңғайлылығы, яғни сіздің сайтыңызға немесе басты бетіңізге болашақ келушілер екенін есте ұстаған жөн. Бұл таңқаларлық емес: бұл келушілер сіз жасаған ресурстың мазмұнымен танысуы үшін дәл солай. Қиындық мынада, жоғарыда аталған әлеуетті келушілер өте көп және олар аппараттық және бағдарламалық қамтамасыз етудің өте кең ауқымын пайдаланады. Бұл веб-дизайнға деген көзқарастарды белгілі бір стандарттау қажеттілігін, сіздің бүкіл әлеуетті аудиторияңызды қанағаттандыра алатын, адамдарға сіздің сайтыңыздың мазмұнын барабар және барынша жайлылықпен қабылдауға мүмкіндік беретін алгоритмдерді әзірлеуді талап етеді. Өкінішке орай, іс жүзінде мұндай әмбебап шешімдерді жасау тек компьютерлік технологиялар мен бағдарламалық қамтамасыз етудің жылдам эволюциясына байланысты емес, сонымен қатар қолданыстағы аппараттық және бағдарламалық қамтамасыз ету спектрінің шамадан тыс кеңдігіне байланысты мүмкін емес. Бұл жағдайдан шығудың жалғыз мүмкін жолы сайтты пайдаланушы жүйесінің минималды параметрлеріне бейімдеу болар еді, одан төмен графикалық және мәтіндік ақпаратты компьютер экранында көрсету қиынға соғады. Бұл тәсіл пайдаланушылардың барлық санаттарына қатысты демократия тұрғысынан өте тартымды көрінеді: әлсіз мониторлары мен видеокарталары бар ескірген компьютерлердің иелері сіздің ресурсыңызды білуде ерекше қиындықтарға тап болмайды, ал қазіргі заманғы машиналар иелеріне кез келген қиындықтарды сезіну. Бірінші ереже осы жерден шығады, оны үйрену және есте сақтау керек. Ол келесідей тұжырымдалған. НАЗАР АУДАРЫҢЫЗ! Заманауи Интернетте кәсіби веб-сайт 256 түсті түс палитрасымен 640x480 пиксельдік экран рұқсатында дұрыс көрсетілуі керек деген үнсіз келісім бар. Келесі ереже сіздің әлеуетті келушілеріңіз веб-беттерді көру үшін пайдаланатын бағдарламалық құралды білмеуіңізде. Біз браузерлер туралы айтып отырмыз. Жоғарыда айтылғандай, статистикалық мәліметтерге сәйкес, Интернетті пайдаланушылар арасында ең танымал браузерлер Microsoft Internet Explorer және әртүрлі нұсқалардың Opera болып табылады, қалғандарының барлығы әлдеқайда сирек кездеседі. Өздеріңіз білетіндей, Microsoft Internet Explorer және Opera HTML кодын өңдеу үшін әртүрлі алгоритмдерді пайдаланады, сондықтан осы екі шолғыштағы бір элементті мүлдем басқаша көрсетуге болады. Жаңадан бастаған веб-дизайнерлер арасында аталған бағдарламаларда бетті бірдей етіп жасау мүлдем мүмкін емес деген пікір бар. Дегенмен, бұл мүлдем дұрыс емес: Opera мен Explorer арасындағы барлық айырмашылықтар өте жақсы сандық және талдауға болады, сонымен қатар көптеген алгоритмдер бар, олардың қолданылуы бетті көрсетудің жеткіліксіздігін минимумға дейін азайтуға мүмкіндік береді. НАЗАР АУДАРЫҢЫЗ! Веб-бет кез келген браузерде бірдей көрсетілуі керек. Әрине, болашақ Web-беттің алдын ала үлгісін жасағаннан кейін бірден бұл HTML құжаты браузерлерде бірдей көрсетілу үшін тексерілуі керек. Пайдаланушылар әртүрлі деректерді беру жылдамдығымен Интернет қосылымдарын пайдаланады, басқаша айтқанда, баяу желілерде жұмыс істегенде, бір html құжатын жүктеу көп уақытты алуы мүмкін. Осылайша, біз веб-дизайндың келесі айқын заңына келеміз. НАЗАР АУДАРЫҢЫЗ! Веб-сайттың барлық беттері, сондай-ақ оларға біріктірілген барлық графикалық және интерактивті элементтердің өлшемі минималды болуы керек. Тағы бір айта кететін мәселе сайтты шарлау. Пайдаланушы компьютерінің моделіне және орнатылған бағдарламалық құрал түріне қарамастан, жасалған ресурстың бір бөлімінен екіншісіне өтуде ең аз қиындықтарға тап болмауы керек. Ол сіздің жобаңыздың логикалық құрылымын анық түсінуі керек және мүмкіндігінше оның барлық компоненттеріне кез келген уақытта қол жеткізуі керек. Сондықтан мынаны есте ұстаған жөн. НАЗАР АУДАРЫҢЫЗ! Сіз жасаған веб-бет сайтыңыздың барлық бөлімдерін қамтитын шарлау элементтерін қамтуы керек және бұл элементтер әрқашан көрінетін болуы керек. Олардың орналасқан жері пайдаланушыға максималды ыңғайлылық негізінде таңдалуы керек. Егер олар беттің жоғарғы жағында орналасса және жылжытқаннан кейін (экранды төмен айналдырғанда) көрінбей қалса, құжаттың төменгі жағында олардың көшірмелерін жасауды ұмытпаңыз. Графикалық сілтемелер мен басылатын элементтер шолғыштарында графика өшірілген немесе Java қолдауы жоқ пайдаланушылар үшін сынақ түрінде қайталануы керек. Веб-беттерді жасау кезінде назар аудару керек маңызды факторлардың бірі - келушінің сіздің ресурсыңызды психологиялық қабылдауы. Сайт, жоғарыда айтылғандай, біртұтас инженерлік-көркемдік кешен болғандықтан, пайдаланушылар оны осылай қабылдауы керек. НАЗАР АУДАРЫҢЫЗ! Бүкіл жобаны бір дизайн стилінде сақтауға тырысыңыз, оның әртүрлі бөлімдерін жалпы көркемдік шешім бүкіл сайтқа ұқсас болатындай етіп жасаңыз. Соңғы екі постулатты жалпы көркемдік мағынадағы эстетикалық ойларды басшылыққа ала отырып, ескеру қажет. Әрине, жоғарыда аталған ережелерден айырмашылығы, бұл ережелерді сақтамау өліммен аяқталуы мүмкін салдарға әкелмейді, керісінше, кейбір жағдайларда мұндай бұзушылық толығымен ақталған. Бірақ кейбір жағдайларда ғана, өйткені олар пайдаланушының ақпаратты қабылдауын жеңілдету және оның назарын веб-сайттың негізгі элементінен - оның ақпараттық мазмұнынан аударуға жол бермеу мақсатында ғана әзірленген. Ресурсты жасаушы үшін ең маңыздысы кіру есептегішінің бірінші бетіндегі оқу жиыны емес, әрбір пайдаланушының бүкіл сайтты қарауға жұмсаған уақыты. Бұл уақыт ұзағырақ болады, келушінің көзі неғұрлым аз шаршаса, ол саналы немесе бейсаналық деңгейде парақтардың дизайнына аз тітіркенеді. Сіздің жұмысыңыздың нәтижесі онымен танысу барысында жағымсыз эмоциялар тудырмауы үшін НАЗАР АУДАРЫҢЫЗ! Графикалық элементтерді жасау үшін пайдаланылатын қаріптерді қоса алғанда, бір веб-бетте үш түрлі қаріптен артық пайдаланбаңыз. НАЗАР АУДАРЫҢЫЗ! Құжаттарды ресімдеу кезінде тек дұрыс түс схемаларын пайдаланыңыз және үш түрлі түстерден артық пайдаланбаңыз. Мұнда ерекшелік тек бір түсті жартылай реңктер үшін жасалуы мүмкін, мысалы, ақпараттық кестелердегі жолдарды мәтінмәндік түрде бөлектеу кезінде қолданылады, тіпті содан кейін де бұл әдіспен айналыспаған дұрыс. 1.2 WEB өнімдерін жасау кезінде Flash технологияларын қолдану 1.2.1 Flash тарихы Мультимедиа кино мен телевидениенің пайда болуымен дами бастады. Ғасырдың басында анимациялық фильмдер жұртшылықты таң қалдырды. Фильмдерді түрлі-түсті ету үшін анимация қосылды. Компакт-дискілердің пайда болуымен компьютер пайдаланушылары мультимедиялық бейнелерді тамашалай алатын болды. Бейнелер ойындарға және басқа бағдарламаларға қосыла бастады, бұл интерфейсті түрлі-түсті және әсерлі етті. Қазіргі уақытта мультимедиасыз ойындар, білім беру бағдарламалары мен бейнероликтер, жарнамалық презентациялар сияқты қосымшаларды елестету мүмкін емес. 1980 жылдардың аяғында, дербес компьютерлердің пайда болуымен Интернет компьютерлік гурулардың мекендеу ортасынан жалпыға ортақ ақпараттық желіге айналды. 1994 жылы World Wide Web (www) пайда болғаннан кейін Интернет қарқынды дами бастады. Түрлі тақырыптарға арналған көптеген веб-сайттар бар. Дизайнерлер, жай ғана интернет-ресурстарды пайдаланушылар сайттар ыңғайлы және тартымды болу үшін Интернетті мәтіндік ортадан мультимедиялық ортаға айналдыруды армандады. Бастапқыда беттер электронды газетке ұқсай бастады, бірақ компьютер мен Интернеттің ерекше мүмкіндіктерімен: сілтемелерді басу пайда болды, жаңалықтар желіге баспа басылымдарына қарағанда ертерек енгізілді, жаңалықтар мұрағатын қарау мүмкін болды және т.б. Анимация жасау қажет. Бейнелерді үлкен өлшемдерге байланысты веб-құжаттарға ендіру үшін пайдалану мүмкін болмады. Сондықтан веб-сайттар gif анимациясын (суреттерді ретімен көрсету) пайдаланады, кейінірек веб-шеберлер өз веб-сайттарында векторлық графикалық технологиялардың бірін пайдалана отырып, анимацияны жүзеге асырады. Бірақ бағдарламалық құралдар мен бағдарламалық жасақтама жасаушылардың алуан түрлілігіне байланысты пайдаланушының компьютерінде анимацияны көрсету мәселесі туындады. Осы немесе басқа форматты көрсету үшін көбірек жаңа плагиндерді орнату қажет болды. Егер олар орнатылмаған болса, сайтқа келушілер дизайнердің идеясын қабылдай алмады, ал кейбір жағдайларда олар ыңғайлы сайттың орнына экранда шашыраңқы мәтіндік ақпаратты алды. Шығудың бір ғана жолы болды – векторлық графиканы жасаған компаниялардың бірі анимация алыбымен қосылып, векторлық анимация нарығында басымдыққа ие болады. Мұндай компаниялар FutureSplash Animator және Macromedia болды. FutureSplash Animator негізін қалаушы Джонатан Гай алдымен алпауыттардың бірі - Adobe компаниясымен келісімге келуге тырысты. Бірақ бұл компаниямен келісім жасалмады. Джонатанның өніміне шынайы қызығушылық FutureSplash Animator-ты Microsoft және Disney Online сияқты компаниялар пайдаланғаннан кейін пайда болды. 1996 жылдың қарашасында Джонатан Гай және оның әріптестері Macromedia-ға қосылды, FutureSplash Animator Macromedia Flash 1.0 болды. Бүгінгі таңда Adobe Macromedia Flash-пен біріктірілді. 20 ғасырдың аяғында Web-анимацияның мүмкіндіктері кәдімгі бейнелер деңгейіне жетті және тек Интернеттің жоғары жылдамдықтағы мүмкіндіктерімен шектелді, бұл шын мәнінде Flash технологияларының графикалық дамуына кедергі келтіреді. Бірақ Macromedia Flash бейне жасаушылар армандамайтын мүмкіндіктерді қамтиды - диалог, пайдаланушының анимацияға қатысуы. Бастапқыда бұл банальды түймелер болды, басу белгілі бір графикалық өзгерістерді тудырды. Бірақ өте тез Macromedia Flash кәсіби қолданбаларды әзірлеу ортасына айналды: веб-сайттар, анықтамалықтар, ойындар, онлайн казино. Кірістірілген ActionScript бағдарламалау тілінің пайда болуы әзірлеушілерге CGI бағдарламалары мен толық функционалды HTTP қолданбаларын жасауға мүмкіндік береді. Қазіргі уақытта мұндай қолданбаларды жасау үшін бағдарламашы аздап дизайнер болуы және Flash және ActionScript графикалық мүмкіндіктерін білуі керек. 1.2.2 Flash технологияларын қолдану мысалдары Flash-технологиялар немесе оларды интерактивті Web-анимация технологиялары деп те атайды, Macromedia әзірлеген және ақпаратты мультимедиялық көрсету саласындағы көптеген қуатты технологиялық шешімдерді біріктіреді. Flash бағдарламаларын жасаудың негізгі құралы ретінде векторлық графикаға назар аудару мультимедияның барлық негізгі элементтерін: объектілердің қозғалысын, дыбысын және интерактивтілігін жүзеге асыруға мүмкіндік берді. Сонымен қатар, алынған бағдарламалардың өлшемі минималды және олардың жұмысының нәтижесі пайдаланушының экран ажыратымдылығына байланысты емес - бұл Интернет-жобаларға қойылатын негізгі талаптардың бірі. Жақында пайда болған Flash веб-дизайнерлер арасында үлкен танымалдылыққа ие болды. Flash веб-сайттарды динамикалық етеді және көбірек дыбыстық және графикалық әсерлерді пайдалануға мүмкіндік береді. Flash беттерін көру үшін қажетті бағдарламалық құралдың барлығы тегін. Беттерді жасауға арналған бағдарламалар ортақ бағдарламалық құрал болып табылады және Macromedia оларды 30 күн бойы пайдалану мүмкіндігін береді. Әдетте, Flash жобалары Flash нысанын кәдімгі HTML құжатына біріктіру арқылы жасалады. Мұндай бетті көру үшін стандартты Windows 98 конфигурациясына енгізілген плагин қажет.Бұл плагиннің өлшемі небәрі 160 кб. Егер қандай да бір себептермен бұл бағдарлама қол жетімді болмаса, оны Macromedia веб-сайтынан алуға болады. Дегенмен, көп жағдайда Flash беті қажетті бағдарламалық жасақтаманың жоқтығын анықтайды, оны автоматты түрде жүктеп алады, содан кейін көрінетін болады. Flash технологиясын қолданудың тағы бір мысалы интерактивті жергілікті презентацияларды жасау болып табылады. Ол үшін бағдарлама орындалатын (.exe) файлды жасау опциясын ұсынады. Бірақ бұл жағдайда да бағдарламаның өлшемі шағын және Интернетте пайдалану үшін қол жетімді болып қалады. Flash-тың сөзсіз артықшылығы - бұл Интернетте қолдануға өте ыңғайлы, өте кішкентай өлшемдегі түрлі-түсті анимациялық динамикалық интерактивті беттерді жасау мүмкіндігі. Бұл векторлық графика мен қуатты ақпаратты қысу алгоритмдерін қолдану арқылы қамтамасыз етіледі. Сондай-ақ, Flash серверге сұраныс жасау үшін пішіндерді пайдалануға мүмкіндік беретінін, демек, мәліметтер базасына қосылудың ықтимал мүмкіндігін атап өткен жөн. Flash-беттерді құру кезінде бағдарламашы сайттың жүктелу процесін басқару мүмкіндігіне ие және, мысалы, шкала түрінде жүктеу пайызын көрсетеді. Flash анимациясын құру кезінде программист жұмыс істейтін негізгі объект кадр болып табылады. Ал тегтердің, сілтемелердің және айнымалылардың күшті ішкі жүйесін пайдалану нақты айнымалылардың мәніне байланысты кадрлар жиынын бірнеше рет ойнатуға мүмкіндік береді. Бұл бағдарламаның соңғы көлемін және жүктеу уақытын үнемдейді. Сондай-ақ, Web-беттерді анимациялаудың басқа технологияларынан айырмашылығы, Flash технологияларын пайдалану кезінде экран мен бет өлшемдерінің сәйкес келмеу мәселесі жоқ екенін атап өткен жөн. Экрандағы объектінің өлшемін экранның өзі өлшеміне пайыз ретінде орнату арқылы біз әрқашан Flash нысанының бірдей салыстырмалы өлшемін аламыз. Оның үстіне тек векторлық графика элементтері ғана емес, сонымен қатар кірістірілген графика да масштабталады. Фотосуреттер, дыбыстар, векторлық графика – Flash осының барлығын .swf кеңейтімі бар бір файлға орналастырады (презентациялар жасағанда файлда .exe кеңейтімі болады). Мұның бәрі жүктеуді басқару мүмкіндігімен біріктіріліп, бетті жасау кезінде бағдарламашының да, мысалы, экранды, жүктеудің соңына дейін күтілетін уақытты бірден көруге мүмкіндігі бар соңғы пайдаланушының жұмысын жасайды. және т.б. оңайырақ. Әрине, Flash-тің кемшіліктері де жоқ емес. Flash нысандарын пайдаланудың негізгі маңызды кемшілігі соңғы пайдаланушыда орнатылған плагиннің болуын талап етеді. Жоғарыда айтылғандай, көптеген жағдайларда пайдаланушыда бұл бағдарлама бар. Екінші кемшілік - Flash фильмі қаралатын компьютердің жоғары ресурс талаптары. Анимация ойнатқышы процессордың көп ресурстарын алады және ойнату жылдамдығы экран өлшеміне байланысты. Дегенмен, Flash бейнелерін ойнату бағдарламасы кез келген нұсқадағы Windows ОЖ жұмыс істейтін кез келген компьютерде жұмыс істейді. Ол ЖЖҚ көлеміне немесе процессор түріне қатаң талаптар қоймайды. Жалғыз айырмашылық жұмыс жылдамдығы болады. Flash технологиясы 3D графикасына нақты қолдау көрсетпесе де, құралдар мен утилиталардың қуатты жинағы 3D-ден көзге көрінбейтін 2D құрылымдарын жасауға мүмкіндік береді. 1.2.3 Артықшылықтары мен кемшіліктері Сайтта Flash қолданбас бұрын жеті рет өлшеу керек. Оның не екенін бәрі біле бермейді екен. Кейбіреулер Flash-ті қажеттіліктен, басқалары білместіктен пайдаланады. Мәселе мынада, Flash қарапайым растрлық (gif, jpg, bmp, т.б.) кескін емес, html емес. Және мультимедиялық технология. Кез келген технология сияқты, бұл технологияның артықшылықтары мен кемшіліктері бар. Flash технологиясын бірнеше тұрғыдан қарастырған жөн: Сайттың сыртқы келбеті мен мәдениеті жағынан; Функционалдық және техникалық жағынан; Практикалық жағынан. 1. Сайттың дизайны мен мәдениеті Веб-сайт кітап сияқты. Сіз кітапты оның сюжеті сізді қызықтыратындықтан немесе ондағы ақпарат сізге пайдалы болғандықтан сатып аласыз. Бірақ оның әдемі мұқабасы немесе әйгілі авторы болғандықтан емес. Прогресске таң қалған «интернет қолданушысы» сайтқа бір нәрсенің қалай секіретінін, ұшатынын және жүзетінін көру үшін келген уақыт өтті. Қазір адамдар ақпаратқа мән береді. Flash ақпаратты қабылдауға кедергі келтіреді. Flash-те жасалған сайт оның аяқталуын күткен кезде жаңадан шыққан консольге арналған ойынды немесе теледидарлық жарнаманы еске түсіреді. Көп жағдайда бұл пайдаланушы үшін әдеттегі нәрселерді өзгертуге байланысты, мысалы, интерфейске кедергі келтіру, анимацияны және тіпті дыбысты енгізу. Веб-сайт өз алдына мақсат емес, ол келушілер үшін бар (авторлары өздері жасайтын басты беттерден басқа). 2. Функционалдық-техникалық жағы Flash қазіргі уақытта браузерлерге біріктірілмеген қосылатын модульдер мен мультимедиялық функцияларды пайдаланады. Flash технологиясының өзіне тән қасиеттеріне байланысты оның функционалдық кемшіліктері бар. Бұл кемшіліктердің болуы Flash-тен мүлдем бас тарту керек дегенді білдірмейді. Бір жағынан Flash элементін масштабта пайдалану қажеттілігін қою керек, екінші жағынан - оның кемшіліктері - Браузер функциялары тозған: Қаріп өлшемін реттеу. Сіз стандартты шолғыш функцияларын пайдаланып қаріпті өзгерте алмайсыз. Сондықтан келушінің қаріпі дизайнер орнатқанмен бірдей болады (анықтама үшін: барлық дизайнерлер тамаша көру қабілетіне ие, қаріптерді кішкентай және өте кішкентай етеді); Артқа түймесі. Ол күтілгендей анимациялық сценарийдің басына емес, Flash элементі әлі/қазірдің өзінде жоқ болатын сайттың алдыңғы бетіне жылжиды; - Бет бойынша іздеу Гиперсілтемелер маңызды сапаны жоғалтады - келушінің сайттағы қозғалысына байланысты түс өзгереді. Сіз бұл бетте болдыңыз ба, жоқ па, есіңізде болсын. Осылайша, тұтастай алғанда сайтта шарлау қиынға соғады; - беттердің салмағы айтарлықтай артады; - Flash сайттарында шарлау жиі қолайсыз; Flash-те жасалған веб-сайттар көп жағдайда офлайн режимінде дұрыс жұмыс істемейді (яғни веб-сайт беттері пайдаланушының компьютеріне жүктеліп, офлайн режимінде қаралғанда). Үлкен ақпараттық сайттарға қатысты Flash-тың одан да үлкен кемшілігі бар – Flash элементтеріндегі мәтіндерді индекстеу мүмкін емес. Толығымен Flash-те құрастырылған веб-сайттар әрқашан маңыздылығы төмен. 3. Практикалық жағы Әркім көре бермейтін техникалық нәзіктіктерден басқа, Flash қолданбасының бірқатар маңызды практикалық кемшіліктері бар: Flash элементтерінің өлшемі үлкен. Flash-тің мультимедиялық мүмкіндіктері кең, сондықтан дизайнер оларды пайдалануға қарсы тұра алмайды; - Flash бейнелері біржола жасалады. Оның орнына сіз сайттың мазмұнын жиі жаңартуға назар аудара аласыз; - Компьютерге жүктелген Flash сайттары дұрыс көрсетілмейді. Flash пішіміндегі ақпарат қолжетімді емес (Flash элементтерін жүктеп алу үшін әдетте пайдаланушыда жоқ бағдарламалық құрал қажет). Веб-сайтта Flash қолданбас бұрын, сіз өзіңізді пайдаланушының орнына қоюыңыз керек: сізге ақпарат қажет; уақыт аз; модем жылдамдығы; қозғалыс аяқталады. Осы абзацты талдағаннан кейін қорытынды жасауға болады: - Flash үлкен ақпараттық сайттар үшін қарсы көрсетілімді (оның негізгі мақсаты келушілерді қуу); - Flash тар маманданған шағын сайт үшін қолданылады (мысалы, мекен-жайы оның өкілінің визиткасынан табуға болатын сайт үшін және басқа ештеңе жоқ); - Flash-ті қолдану жарнама және ойын-сауық үшін (баннерлер, жарнамалық сайттар, ойындар) өте қолайлы; - Егер сіз Flash-сыз жасай алсаңыз, Flash-сыз жасаған дұрыс. веб-дизайн флеш баннері 2-тарау. «WEB-дизайн: Flash технологиялары» тақырыптық және зертханалық практикалық курсын әзірлеу. 2.1 «WEB дизайн: Flash технологиялар» курсын тақырыптық жоспарлау 2.1.1 Түсіндірме жазба Мақсаты: 10-сынып оқушыларын Macromedia Flash технологиясы арқылы Web-сайттар құруға және оларды интернетке орналастыруға үйрету. Аттестаттау формасы: өзіндік жұмыс және қорытынды шығармашылық жұмыс негізінде баға қою. 2.1.2. Тақырыптық жоспарлау Жоқ.
Сабақтың тақырыбы Саны сағат Macromedia Flash көмегімен графиканы құру 1. Кіріспе: Интернетте Macromedia Flash технологиясын қолдану мысалдары; Web-технологиялар арасында Macromedia Flash-тің алатын орны; Macromedia Flash бағдарламасымен алғашқы танысу; Macromedia Flash-те веб-сайттарды құру идеясы; жеке жобалармен жұмысты талқылау; интерфейсті тақырыптық жоспарлау. 1 2. Интерфейс: жұмыс кеңістігі, оның параметрлері, тор, сызғыш және магнит; уақыт жолағы; негізгі кадрлар; қабаттар; құралдар тақтасы; құралдар; қасиеттер терезелері; кескіндерді импорттау; объектілер кітапханасымен жұмыс істеу. 1 3. Сурет: сызық, қарындаш, өшіргіш, қылқалам, шеңбер, тіктөртбұрыш, мәтін, қалам, тамшуыр, сызықтар мен аумақтарды толтыру, таңдау және деформация, үлкейткіш әйнек және қол, қисықтармен, градиенттермен, текстуралармен жұмыс. 1 4. Символдық объект: құру, өңдеу, түрлендіру, салыстырмалы орналасу, туралау, түс әсерлері. 1 5. Веб-дизайн: композиция және стилистикалық туралау. 0,5 6. No1 өзіндік жұмыс: эскиз бойынша күрделі көпқабатты кескінді салу. 1.5 Macromedia Flash бағдарламасындағы анимация 7. Қозғалыс: қозғалысты жасау, қозғалыс параметрлерін өзгерту, траектория бойынша жылжу, түс өзгерістерімен қозғалу, бірнеше нысандарды жылжыту, деформациямен қозғалу, анимацияланған нысанды жылжыту, анимацияны импорттау, нысанды ауыстыру арқылы жылжыту. 2 8. Дыбыс: дыбысты импорттау, дыбысты енгізу. 0,5 9. Маскалар: маскамен жұмыс. 0,5 10. Анимациялық арнайы эффектілерді жасау мысалы. 1 он бір. Веб-дизайн: «HR» жоспарлау. 0,5 12. Анимациялық жарнамалық баннер құру. 1 Macromedia Flash бағдарламасындағы интерактивті анимация 13. Түйме нысаны: Түйме нысаны, анимациялық түйме. 1 14. Әрекет сценарийіне кіріспе: белгілер, тінтуір оқиғалары, секіру, тоқтату және ойнату пәрмендері. 1 15. Интерактивті анимация: бейнеклип нысаны, бейнеклипті ойнатуды сыртқы басқару, бейнеклип сипаттарын басқару, бейнеклипті тінтуірмен сүйреу. 3 16. Action Script көмегімен интерактивті анимация жасау мысалдары. 2 17. Интернетте веб-сайтты жариялау проблемалары. 1 18. Интернетте веб-сайтты жариялау. 1.5 19. Веб-дизайн: интерфейс және навигациялық жүйе. 0,5 20. Macromedia Flash көмегімен өз веб-сайтыңызды құру: кеңестер. 5 21. Қорытынды шығармашылық жұмыстардың мысалы 5 2.2 «Macromedia Flash ортасында анимациялық жарнамалық баннер құру» тақырыбы бойынша сабақ жоспары. Сабақтың мақсаты: Macromedia Flash ортасында жұмыс істеу бойынша алған дағдыларын бекіту және жаңа баннер түсінігін меңгерту. Сабақтың мақсаттары: Тәрбиелік: Macromedia Flash ортасында жұмыс істеу дағдысын бекіту; жаңа баннер тұжырымдамасын үйрену. Тәрбиелік: еңбек нәтижелері үшін жауапкершілік сезімін тәрбиелеу; мәселелерді талқылау кезінде дұрыс мінез-құлық дағдыларын қалыптастыру және дамыту; компьютерлік технологияға қамқорлықпен қарауға тәрбиелеу. Тәрбиелік: шығармашылық қабілеттерін дамыту; аудитория алдында сөйлеу дағдыларын дамыту; қойылған сұраққа қысқаша және нақты жауап беру қабілетін қалыптастыру және дамыту Сабақтың түрі: білім, білік, дағдыны алуға және бекітуге бағытталған сабақ. Оқыту әдісі: жобалық. Сабақтың формасы: топтық. Техникалық құралдар: компьютерлер, мультимедиялық проектор, интерактивті тақта. Іс-шара жоспары: I Ұйымдастыру кезеңі (2 мин.) II Жаңа материалды таныстыру (10 мин.) ІІІ Жаңа білімді бекіту: Ауызша жұмыс (8 мин) Компьютерде баннер жасау (20 мин) Баннерлерді көру (5 мин) IV Үйге тапсырма (2 мин) Сабақтар кезінде: I Ұйымдастыру кезеңі. Мұғалім: Бүгін біз Macromedia Flash бағдарламасын оқуды жалғастырамыз және осы бағдарламада баннер құру бойынша практикалық жұмыс жасаймыз. Мұғалім: Баннер сөзіне қандай байланыстар бар? Оқушылар: Интернет, жарнама, төртбұрыш. II Жаңа материалды көрсету («Баннер туралы түсінік» презентация). Жаңа материал - (1-слайд) Пікірлер. Бүкіл әңгіме презентациямен қоса беріледі (1-қосымша) Оқиға Баннер веб-сайтты, өнімдерді немесе қызметтерді жарнамалайтын және осы веб-сайтқа сілтемені қамтитын төртбұрышты графикалық кескін болып табылады. Баннерлер де оқиға туралы хабарлайтын ақпараттық болып табылады. (2-слайд) Баннерлік жарнама қашан басталғанын айту қиын. Ол интернет-коммерция дами бастаған кезде пайда болды. Веб-сайт иелеріне Интернетте өз қызметтерін жарнамалау қажет болды. Ал сайттардың өздері жарнамаға мұқтаж болды. Wikipedia жарнама берушінің ақпаратына өту үшін шертуге болатын Интернеттегі бірінші графикалық жарнама модулі 1993 жылы американдық компьютерлік баспагер О'Рейлиге тиесілі Global Network Navigator сайтында сатылды деп мәлімдейді. (3-слайд) Дегенмен, баннердің туған күні 1994 жылдың 25 қазанында қарастырылуы керек, ол кезде Hotwired веб-сайты (ең танымал американдық технология журналы Wired иелігінде) қорқынышты көрінетін, бірақ жаңашыл AT&T баннерін жариялады. (4-слайд) Баннер өлшемі - 468x60 - кейіннен 10 жылдан кейін үлкен форматтармен ауыстырылғанымен, Интернет-жарнамадағы ең танымал стандарт болды. Төмендегі суретте Интернетте ең бірінші болып саналатын баннер көрсетілген. Ол 1994 жылы пайда болды. Өлшемдері Баннер кез келген тік немесе көлденең өлшемде болуы мүмкін - бұл жай ғана жарнамалық сурет! Бірақ, осы әлемдегі барлық нәрсе сияқты, бұл өлшемдер стандарттауға ұшырады, нәтижесінде бірнеше негізгі түрлерді бөлуге болады. Ең көп таралған баннерлер - 468x60. Бүйірлердің өлшемін сәтті таңдаудың арқасында мұндай жарнамалық суреттер жақсы жауапқа ие және сонымен қатар көптеген интернет беттерінің тақырыптарына тамаша сәйкес келеді. Сонымен қатар, бұл Интернеттегі бірінші формат. (6-слайд) 125*125, 120*90, 120*60 өлшемдері көбінесе сайт мәзірінің бағанының сол немесе оң жағындағы беттерде кездеседі. 88*31 түймелері әдетте беттің төменгі жағына қосылады. RuNet-те 100×100 және 150×80 өлшемдері стандартталмағанына қарамастан, жарнама берушілер арасында өте танымал. Көбінесе стилі бірдей, бірақ өлшемдері әртүрлі баннерлер сериясы жасалады. (8-слайд) Баннерлер классификациясы Баннерлердің әртүрлі классификацияларын жасауға болады. Баннерлер түрі бойынша статикалық және анимациялық болып бөлінеді. Статикалық баннерлер қарапайым суреттер болып табылады. Бұл көбінесе логотиптер. Нағыз жарнамалық баннерлер анимацияланады. (9-слайд) Сурет, шерту және ақпараттық баннерлер бар. Біріншісі, аты айтып тұрғандай, компанияның имиджін, брендін қалыптастырады, ал екіншісі әлеуетті тұтынушыларды өздерінің веб-беттеріне тартуға тырысады, ал үшіншісі оқиға туралы хабарлайды. (10-13 слайдтар) Баннерлер өндіріс технологиясында да әртүрлі болуы мүмкін. Ең көп таралған формат - GIF. Ол анимацияланбаған немесе қарапайым анимациялық баннерлер үшін қолайлы. GIF пішімін пайдаланған кезде өлшем өте кішкентай, бұл жақсы, себебі ол пайдаланушының баннерді соңына дейін жүктеу ықтималдығын арттырады. (14-слайд) GIF баннерлер әртүрлі растрлық немесе векторлық графикалық редакторларда сызылады. Осы мақсаттар үшін Ulead GIF Animator немесе Adobe ImageReady сияқты арнайы бағдарламалар қолданылады. (15-слайд) Macromedia Flash бағдарламасында жасалған Flash баннерлер бірнеше жылдар бойы ерекше танымал болды. Бұл баннерлердің GIF баннерлерімен салыстырғанда артықшылықтары бар: (16-слайд) - олар күрделірек анимацияларды жүзеге асыра алады; - өлшемі кішірек болуы; - пайдаланушы өз браузерінде графиканы көрсету функциясын өшірген кезде де жүктеңіз. Сондай-ақ интерактивті баннер деп аталатын үшінші, ең сирек стандарт бар. Мұндай баннерлер CGI, Java немесе VBS технологиясын, сонымен қатар HTML және Flash анимация элементтерін пайдалана отырып жасалады. (17-слайд) Баннер жасау Сонымен, баннер - бұл сіздің веб-сайтыңызға шақыру. Әрине, ол түпнұсқа, байқалатын, әдеттен тыс, бірақ сонымен бірге қарапайым және түсінікті болуы керек. Жақсы баннер - бұл келушіні қызықтыратын және оның сілтемені ұстануға деген ынтасын тудыруы керек идея. Баннер шешуі керек негізгі міндеттер: Келушілердің назарын аударыңыз Басқа баннерлерден айырмашылығы Сайттың тақырыбын сәйкестендіріңіз Баннерлердің тиімділігін өлшеу кезінде пайызбен өлшенетін және баннерлік әсерлер санының оны басу санына қатынасын білдіретін CTR (Click Through Ratio) термині қолданылады. Кәдімгі баннерлер үшін ол 0,5-1,5% аралығында болады. Баннер тиімділігінің басқа да күрделі есептеулері бар. Веб-сайтқа кіруші баннерді қарауға 3-5 секундтан артық уақыт жұмсамайды. Сондықтан баннердегі ой анық және бейнелі түрде айтылуы керек. Баннердің негізгі элементтері – ұран және көрнекі бейне. Екеуінің де дамуы баннердің мақсаттары түсінілгеннен кейін жалғасуы керек. Жақсы ұранмен келу өте маңызды. Жаман сөз тіркесі ең әдемі бейнені бұзуы мүмкін. (Ұран – жарнамалық хабарламаның негізгі идеясын білдіретін ұран немесе қысқа фраза). Жарнама саласында ұрандар бойынша конкурстар бар, сондықтан 2006 жылдың соңында Яндекстің «Бәрі табылады» (іздеу жүйесі) ұраны жеңімпаз атанды. Жеңіс «Арманға жете бер» (Тойота) ұраны жеңді. (18-слайд) Ұранды ойлап тауып, оны иллюстрациялау үшін графикалық кескінді таңдауға болады. Сондай-ақ, баннер жасаған кезде оның бөтен ортада көрінетінін ескеруіміз керек және біз оның пайда болатын бет туралы ештеңе білмейміз және түс схемасын болжай алмаймыз. Сондықтан баннердің шекарасын – оның периметрі бойынша нақты белгілеу қажет. Сонымен қатар, баннерде мөлдір фон болмауы керек - ол қатты болуы керек (бірақ бір түсті болуы міндетті емес). Баннерде белгілі бір идея болуы керек, әйтпесе ол тартымсыз болады, келушіні қызықтыратын, қызықтыратын немесе қызықтыратын ештеңесі болмайды. Жақсы баннерді басқатырғышпен салыстыруға болады - ол бірден шешілмейді, бірақ жауапты тауып, келуші жағымды эмоцияларды алады және оны есте сақтайды. Әрбір баннер келесі бөліктерден тұрады деп есептей аламыз: (19-слайд) Ұран Ұранды бейнелейтін көрнекі нысан (көбінесе логотип). Түс схемасы (бейне баннерлер үшін түстер көбінесе жарнама сайтының түсіне сәйкес келеді) Қосымша ақпарат (веб-бет мекенжайы, түсіндірме мәтін) Баннердің негізгі идеясы мен стилін баса көрсететін қосымша дизайн элементтері. Кескін баннерлері жағдайында бір шаблонды жасау өте ыңғайлы және әртүрлі ұрандар мен көрнекі нысандарды ауыстыру арқылы баннерлер сериясын алу. Жақсы баннер жасау өте қиын. Тәжірибешілер айтқандай: «Сіз бір ережені есте сақтауыңыз керек - егер сізге жасалған баннер ұнамаса, басқаларға ұнамауы екіталай». ІІІ Жаңа білімді бекіту: Ауызша жұмыс. Пікірлер. Оқушыларға 2-қосымша беріледі.Тапсырмалардың дұрыс жауаптары жақшаға жазылады. 1. Төмендегі ұрандарды қолданатын компанияларды атаңыз: «Қазір кім туралы ойлайсың?» (МТС) «Қызғылт түс, оған сеніңіз және ешқандай дақтар жоқ» (Ваниш) «...» дегенмен қызықырақ. Үй екі есе тез тазарады» (Мистер Пропер) «Арманды жүргіз» (Тойота) «Сізде ешқашан артық иммунитет болмайды» (Имунели) «Қуатты мысықтарға арналған тағам» (KiteKat) «Адамға қажет нәрсенің бәрі» («Аленка» шоколады) «Өзің болу бостандығы» (Жабайы) Байланысты құрыңыз» (MegaFon) «Жарқын жақта өмір сүр» (Beeline) «Бақыт қарапайым» (Бақша) «Ұрпақтар біріктіру» («Мерейтойлық» печенье) 2. Жануарлар туралы веб-сайттың баннеріне (қала туралы) ұран жасаңыз (бірнеше). 3. Логотипте оның брендін бейнелейтін нақты нысан бар 2-3 компанияны атаңыз: Жұмыртқа – МТС; Bee - Beeline; Жеке профиль - Megafon. Көптеген брендтер мен компаниялар өздерінің логотиптері үшін екі немесе үш түсті пайдаланады. 4. Логотипі екі түсті 2-3 компанияны атаңыз: Beeline (қара және сары); МТС (қызыл және ақ); Северсталь (көк және қызыл). Компьютерде баннер жасау Практикалық жұмыс кезең-кезеңімен 3-қосымшада көрсетілген. Баннерлерді көру Пікірлер. Барлық жасалған баннерлер мұғалімнің компьютеріне тасымалданады және Macromedia Dreamweaver бағдарламасы арқылы HTML құжатына енгізіліп, проектор арқылы көрсетіледі. IV Үйге тапсырма. ҚОРЫТЫНДЫ Қорытындылай келе, Web-беттерді анимациялауға арналған басқа технологиялардан айырмашылығы, Flash технологияларын пайдаланған кезде экран мен бет өлшемдері арасындағы сәйкессіздік проблемасы жоқ екенін атап өткен жөн. Әрине, Flash-тің кемшіліктері де жоқ емес. Flash нысандарын пайдаланудың негізгі маңызды кемшілігі соңғы пайдаланушыда орнатылған плагиннің болуын талап етеді. Жоғарыда айтылғандай, көптеген жағдайларда пайдаланушыда бұл бағдарлама бар. Екінші кемшілік - Flash фильмі қаралатын компьютердің жоғары ресурс талаптары. Анимация ойнатқышы процессордың көп ресурстарын алады және ойнату жылдамдығы экран өлшеміне байланысты. Дегенмен, Flash бейнелерін ойнату бағдарламасы кез келген нұсқадағы Windows ОЖ жұмыс істейтін кез келген компьютерде жұмыс істейді. Осылайша, Flash үлкен ақпараттық сайттар үшін (негізгі мақсаты келушілерді қуу болып табылады) қарсы деген қорытынды жасауға болады; Flash тар маманданған шағын сайт үшін қолданылады (мысалы, мекен-жайы оның өкілінің визиткасынан табуға болатын сайт үшін және басқа ештеңе жоқ); Жарнама және ойын-сауық (баннерлер, жарнамалық сайттар, ойындар) үшін Flash қолдану өте қолайлы; Егер сіз Flashсіз жасай алсаңыз, Flashсіз жасағаныңыз жақсы. ӘДЕБИЕТТЕР ТІЗІМІ 1. Бородаев Д.В. Web-сайт графикалық дизайн объектісі ретінде. Монография. - Х.: «Септима ЛТД», 2006. - 288-б.
Жұмыс түрін таңдаңыз Элемент Электрондық пошта International +7 999 999 99 99 Өтінішті қазір толтырыңыз - 15 минут ішінде жауап алыңыз. Тегін!
- Flash бейнелері біржола жасалады. Оның орнына сіз сайттың мазмұнын жиі жаңартуға назар аудара аласыз; - Компьютерге жүктелген Flash сайттары дұрыс көрсетілмейді. Flash пішіміндегі ақпарат қолжетімді емес (Flash элементтерін жүктеп алу үшін әдетте пайдаланушыда жоқ бағдарламалық құрал қажет). Веб-сайтта Flash қолданбас бұрын, сіз өзіңізді пайдаланушының орнына қоюыңыз керек: сізге ақпарат қажет; уақыт аз; модем жылдамдығы; қозғалыс аяқталады. Осы абзацты талдағаннан кейін қорытынды жасауға болады: - Flash үлкен ақпараттық сайттар үшін қарсы көрсетілімді (оның негізгі мақсаты келушілерді қуу); - Flash тар маманданған шағын сайт үшін қолданылады (мысалы, мекен-жайы оның өкілінің визиткасынан табуға болатын сайт үшін және басқа ештеңе жоқ); - Flash-ті қолдану жарнама және ойын-сауық үшін (баннерлер, жарнамалық сайттар, ойындар) өте қолайлы; - Егер сіз Flash-сыз жасай алсаңыз, Flash-сыз жасаған дұрыс. веб-дизайн флеш баннері 2-тарау. «WEB-дизайн: Flash технологиялары» тақырыптық және зертханалық практикалық курсын әзірлеу. 2.1 «WEB дизайн: Flash технологиялар» курсын тақырыптық жоспарлау 2.1.1 Түсіндірме жазба Мақсаты: 10-сынып оқушыларын Macromedia Flash технологиясы арқылы Web-сайттар құруға және оларды интернетке орналастыруға үйрету. Аттестаттау формасы: өзіндік жұмыс және қорытынды шығармашылық жұмыс негізінде баға қою. 2.1.2. Тақырыптық жоспарлау Біз сізге ұқсас тақырыпта жұмыс жазуға көмектесеміз Эссе
WEB дизайн: Flash технологиялар
850 руб.
Бақылау жұмысы
WEB дизайн: Flash технологиялар 850 руб.
Курстық жұмыс
WEB дизайн: Flash технологиялар 1500 рубльден бастап. Аяқталған жұмысты немесе білім беру жобаңыз бойынша маманнан кеңес алыңыз Жоқ. Сабақтың тақырыбы Саны сағат
Macromedia Flash көмегімен графиканы құру
2.2 «Macromedia Flash ортасында анимациялық жарнамалық баннер құру» тақырыбы бойынша сабақ жоспары. Сабақтың мақсаты: Macromedia Flash ортасында жұмыс істеу бойынша алған дағдыларын бекіту және жаңа баннер түсінігін меңгерту. Сабақтың мақсаттары: Тәрбиелік: Macromedia Flash ортасында жұмыс істеу дағдысын бекіту; жаңа баннер тұжырымдамасын үйрену. Тәрбиелік: еңбек нәтижелері үшін жауапкершілік сезімін тәрбиелеу; мәселелерді талқылау кезінде дұрыс мінез-құлық дағдыларын қалыптастыру және дамыту; компьютерлік технологияға қамқорлықпен қарауға тәрбиелеу. Тәрбиелік: шығармашылық қабілеттерін дамыту; аудитория алдында сөйлеу дағдыларын дамыту; қойылған сұраққа қысқаша және нақты жауап беру қабілетін қалыптастыру және дамыту Сабақтың түрі: білім, білік, дағдыны алуға және бекітуге бағытталған сабақ. Оқыту әдісі: жобалық. Сабақтың формасы: топтық. Техникалық құралдар: компьютерлер, мультимедиялық проектор, интерактивті тақта. Іс-шара жоспары: I Ұйымдастыру кезеңі (2 мин.) II Жаңа материалды таныстыру (10 мин.) ІІІ Жаңа білімді бекіту: Ауызша жұмыс (8 мин) Компьютерде баннер жасау (20 мин) Баннерлерді көру (5 мин) IV Үйге тапсырма (2 мин) Сабақтар кезінде: I Ұйымдастыру кезеңі. Мұғалім: Бүгін біз Macromedia Flash бағдарламасын оқуды жалғастырамыз және осы бағдарламада баннер құру бойынша практикалық жұмыс жасаймыз. Мұғалім: Баннер сөзіне қандай байланыстар бар? Оқушылар: Интернет, жарнама, төртбұрыш. II Жаңа материалды көрсету («Баннер туралы түсінік» презентация). Жаңа материал - (1-слайд) Пікірлер. Бүкіл әңгіме презентациямен қоса беріледі (1-қосымша) Оқиға
Баннер веб-сайтты, өнімдерді немесе қызметтерді жарнамалайтын және осы веб-сайтқа сілтемені қамтитын төртбұрышты графикалық кескін болып табылады. Баннерлер де оқиға туралы хабарлайтын ақпараттық болып табылады. (2-слайд)
Баннерлік жарнама қашан басталғанын айту қиын. Ол интернет-коммерция дами бастаған кезде пайда болды. Веб-сайт иелеріне Интернетте өз қызметтерін жарнамалау қажет болды. Ал сайттардың өздері жарнамаға мұқтаж болды. Қағаз жазуға көмек керек пе? Біз кәсіби авторлармен (университеттердің оқытушылары мен доценттері) алмасу болып табыламыз. Біз RSCI, VAK, Scopus үшін мақалалар жазамыз. Жариялауға көмектесеміз. Біз өзгертулерді тегін жасаймыз . Wikipedia жарнама берушінің ақпаратына өту үшін шертуге болатын Интернеттегі бірінші графикалық жарнама модулі 1993 жылы американдық компьютерлік баспагер О'Рейлиге тиесілі Global Network Navigator сайтында сатылды деп мәлімдейді. (3-слайд) Дегенмен, баннердің туған күні 1994 жылдың 25 қазанында қарастырылуы керек, ол кезде Hotwired веб-сайты (ең танымал американдық технология журналы Wired иелігінде) қорқынышты көрінетін, бірақ жаңашыл AT&T баннерін жариялады. (4-слайд) Баннер өлшемі - 468x60 - кейіннен 10 жылдан кейін үлкен форматтармен ауыстырылғанымен, Интернет-жарнамадағы ең танымал стандарт болды. Төмендегі суретте Интернетте ең бірінші болып саналатын баннер көрсетілген. Ол 1994 жылы пайда болды. (5-слайд) Өлшемдері Баннер кез келген тік немесе көлденең өлшемде болуы мүмкін - бұл жай ғана жарнамалық сурет! Бірақ, осы әлемдегі барлық нәрсе сияқты, бұл өлшемдер стандарттауға ұшырады, нәтижесінде бірнеше негізгі түрлерді бөлуге болады. Ең көп таралған баннерлер - 468x60. Бүйірлердің өлшемін сәтті таңдаудың арқасында мұндай жарнамалық суреттер жақсы жауапқа ие және сонымен қатар көптеген интернет беттерінің тақырыптарына тамаша сәйкес келеді. Сонымен қатар, бұл Интернеттегі бірінші формат. (6-слайд) 125*125, 120*90, 120*60 өлшемдері көбінесе сайт мәзірінің бағанының сол немесе оң жағындағы беттерде кездеседі. 88*31 түймелері әдетте беттің төменгі жағына қосылады. RuNet-те 100×100 және 150×80 өлшемдері стандартталмағанына қарамастан, жарнама берушілер арасында өте танымал. Көбінесе стилі бірдей, бірақ өлшемдері әртүрлі баннерлер сериясы жасалады. (8-слайд) Баннерлер классификациясы Баннерлердің әртүрлі классификацияларын жасауға болады. Баннерлер түрі бойынша статикалық және анимациялық болып бөлінеді. Статикалық баннерлер қарапайым суреттер болып табылады. Бұл көбінесе логотиптер. Нағыз жарнамалық баннерлер анимацияланады. (9-слайд) Сурет, шерту және ақпараттық баннерлер бар. Біріншісі, аты айтып тұрғандай, компанияның имиджін, брендін қалыптастырады, ал екіншісі әлеуетті тұтынушыларды өздерінің веб-беттеріне тартуға тырысады, ал үшіншісі оқиға туралы хабарлайды. (10-13 слайдтар) Баннерлер өндіріс технологиясында да әртүрлі болуы мүмкін. Ең көп таралған формат - GIF. Ол анимацияланбаған немесе қарапайым анимациялық баннерлер үшін қолайлы. GIF пішімін пайдаланған кезде өлшем өте кішкентай, бұл жақсы, себебі ол пайдаланушының баннерді соңына дейін жүктеу ықтималдығын арттырады. (14-слайд) GIF баннерлер әртүрлі растрлық немесе векторлық графикалық редакторларда сызылады. Осы мақсаттар үшін Ulead GIF Animator немесе Adobe ImageReady сияқты арнайы бағдарламалар қолданылады. (15-слайд) Macromedia Flash бағдарламасында жасалған Flash баннерлер бірнеше жылдар бойы ерекше танымал болды. Бұл баннерлердің GIF баннерлерімен салыстырғанда артықшылықтары бар: (16-слайд) - олар күрделірек анимацияларды жүзеге асыра алады; - өлшемі кішірек болуы; - пайдаланушы өз браузерінде графиканы көрсету функциясын өшірген кезде де жүктеңіз. Сондай-ақ интерактивті баннер деп аталатын үшінші, ең сирек стандарт бар. Мұндай баннерлер CGI, Java немесе VBS технологиясын, сонымен қатар HTML және Flash анимация элементтерін пайдалана отырып жасалады. (17-слайд) Баннер жасау Сонымен, баннер - бұл сіздің веб-сайтыңызға шақыру. Әрине, ол түпнұсқа, байқалатын, әдеттен тыс, бірақ сонымен бірге қарапайым және түсінікті болуы керек. Жақсы баннер - бұл келушіні қызықтыратын және оның сілтемені ұстануға деген ынтасын тудыруы керек идея. Баннер шешуі керек негізгі міндеттер: Келушілердің назарын аударыңыз Басқа баннерлерден айырмашылығы Сайттың тақырыбын сәйкестендіріңіз Баннерлердің тиімділігін өлшеу кезінде пайызбен өлшенетін және баннерлік әсерлер санының оны басу санына қатынасын білдіретін CTR (Click Through Ratio) термині қолданылады. Кәдімгі баннерлер үшін ол 0,5-1,5% аралығында болады. Баннер тиімділігінің басқа да күрделі есептеулері бар. Веб-сайтқа кіруші баннерді қарауға 3-5 секундтан артық уақыт жұмсамайды. Сондықтан баннердегі ой анық және бейнелі түрде айтылуы керек. Баннердің негізгі элементтері – ұран және көрнекі бейне. Екеуінің де дамуы баннердің мақсаттары түсінілгеннен кейін жалғасуы керек. Жақсы ұранмен келу өте маңызды. Жаман сөз тіркесі ең әдемі бейнені бұзуы мүмкін. (Ұран – жарнамалық хабарламаның негізгі идеясын білдіретін ұран немесе қысқа фраза). Жарнама саласында ұрандар бойынша конкурстар бар, сондықтан 2006 жылдың соңында Яндекстің «Бәрі табылады» (іздеу жүйесі) ұраны жеңімпаз атанды. Жеңіс «Арманға жете бер» (Тойота) ұраны жеңді. (18-слайд) Ұранды ойлап тауып, оны иллюстрациялау үшін графикалық кескінді таңдауға болады. Сондай-ақ, баннер жасаған кезде оның бөтен ортада көрінетінін ескеруіміз керек және біз оның пайда болатын бет туралы ештеңе білмейміз және түс схемасын болжай алмаймыз. Сондықтан баннердің шекарасын – оның периметрі бойынша нақты белгілеу қажет. Сонымен қатар, баннерде мөлдір фон болмауы керек - ол қатты болуы керек (бірақ бір түсті болуы міндетті емес). Баннерде белгілі бір идея болуы керек, әйтпесе ол тартымсыз болады, келушіні қызықтыратын, қызықтыратын немесе қызықтыратын ештеңесі болмайды. Жақсы баннерді басқатырғышпен салыстыруға болады - ол бірден шешілмейді, бірақ жауапты тауып, келуші жағымды эмоцияларды алады және оны есте сақтайды. Әрбір баннер келесі бөліктерден тұрады деп есептей аламыз: (19-слайд) Ұран
Ұранды бейнелейтін көрнекі нысан (көбінесе логотип).
Түс схемасы (бейне баннерлер үшін түстер көбінесе жарнама сайтының түсіне сәйкес келеді) Қосымша ақпарат (веб-бет мекенжайы, түсіндірме мәтін) Баннердің негізгі идеясы мен стилін баса көрсететін қосымша дизайн элементтері. Кескін баннерлері жағдайында бір шаблонды жасау өте ыңғайлы және әртүрлі ұрандар мен көрнекі нысандарды ауыстыру арқылы баннерлер сериясын алу. Жақсы баннер жасау өте қиын. Тәжірибешілер айтқандай: «Сіз бір ережені есте сақтауыңыз керек - егер сізге жасалған баннер ұнамаса, басқаларға ұнамауы екіталай». ІІІ Жаңа білімді бекіту: Ауызша жұмыс. Пікірлер. Оқушыларға 2-қосымша беріледі.Тапсырмалардың дұрыс жауаптары жақшаға жазылады. 1. Төмендегі ұрандарды қолданатын компанияларды атаңыз: «Қазір кім туралы ойлайсың?» (МТС) «Қызғылт түс, оған сеніңіз және ешқандай дақтар жоқ» (Ваниш) «...» дегенмен қызықырақ. Үй екі есе тез тазарады» (Мистер Пропер) «Арманды жүргіз» (Тойота) «Сізде ешқашан артық иммунитет болмайды» (Имунели) «Қуатты мысықтарға арналған тағам» (KiteKat) «Адамға қажет нәрсенің бәрі» («Аленка» шоколады) «Өзің болу бостандығы» (Жабайы) Байланысты құрыңыз» (MegaFon) «Жарқын жақта өмір сүр» (Beeline) «Бақыт қарапайым» (Бақша) «Ұрпақтар біріктіру» («Мерейтойлық» печенье) 2. Жануарлар туралы веб-сайттың баннеріне (қала туралы) ұран жасаңыз (бірнеше). 3. Логотипте оның брендін бейнелейтін нақты нысан бар 2-3 компанияны атаңыз: Жұмыртқа – МТС; Bee - Beeline; Жеке профиль - Megafon. Көптеген брендтер мен компаниялар өздерінің логотиптері үшін екі немесе үш түсті пайдаланады. 4. Логотипі екі түсті 2-3 компанияны атаңыз: Beeline (қара және сары); МТС (қызыл және ақ); Северсталь (көк және қызыл). Компьютерде баннер жасау Практикалық жұмыс кезең-кезеңімен 3-қосымшада көрсетілген. Баннерлерді көру Пікірлер. Барлық жасалған баннерлер мұғалімнің компьютеріне тасымалданады және Macromedia Dreamweaver бағдарламасы арқылы HTML құжатына енгізіліп, проектор арқылы көрсетіледі. IV Үйге тапсырма. Дизайн, ұран туралы ойланыңыз және болашақ мамандығыңызды жарнамалайтын баннер үшін суреттерді таңдаңыз. 4-қосымша. ҚОРЫТЫНДЫ Қорытындылай келе, Web-беттерді анимациялауға арналған басқа технологиялардан айырмашылығы, Flash технологияларын пайдаланған кезде экран мен бет өлшемдері арасындағы сәйкессіздік проблемасы жоқ екенін атап өткен жөн. Әрине, Flash-тің кемшіліктері де жоқ емес. Flash нысандарын пайдаланудың негізгі маңызды кемшілігі соңғы пайдаланушыда орнатылған плагиннің болуын талап етеді. Жоғарыда айтылғандай, көптеген жағдайларда пайдаланушыда бұл бағдарлама бар. Екінші кемшілік - Flash фильмі қаралатын компьютердің жоғары ресурс талаптары. Анимация ойнатқышы процессордың көп ресурстарын алады және ойнату жылдамдығы экран өлшеміне байланысты. Дегенмен, Flash бейнелерін ойнату бағдарламасы кез келген нұсқадағы Windows ОЖ жұмыс істейтін кез келген компьютерде жұмыс істейді. Осылайша, Flash үлкен ақпараттық сайттар үшін (негізгі мақсаты келушілерді қуу болып табылады) қарсы деген қорытынды жасауға болады; Flash тар маманданған шағын сайт үшін қолданылады (мысалы, мекен-жайы оның өкілінің визиткасынан табуға болатын сайт үшін және басқа ештеңе жоқ); Жарнама және ойын-сауық (баннерлер, жарнамалық сайттар, ойындар) үшін Flash қолдану өте қолайлы; Егер сіз Flashсіз жасай алсаңыз, Flashсіз жасағаныңыз жақсы. ӘДЕБИЕТТЕР ТІЗІМІ 1. Бородаев Д.В. Web-сайт графикалық дизайн объектісі ретінде. Монография. - Х.: «Септима ЛТД», 2006. - 288-б. 2. Грибов Д.Е. Macromedia Flash 4. Интерактивті веб-анимация. - М.ДМК. 2000. - 672 б. 3. Гончаров А.Ю. Веб-дизайн: HTML, JavaScript және CSS. Қалта нұсқаулығы. – «КУДИЦ-ПРЕСС», 2007. – 320-б. 4. Дунаев Владислав. Ас фотошоп - Санкт-Петербург: Simbol-plus, 2006 ж 5. Кирсанов Д. Веб-дизайн: Дмитрий Кирсановтың кітабы. – Санкт-Петербург: Симбол-плюс, 1999 ж. 6. Милберн Кен, Крото Джон. Дизайнерлерге арналған Flash 5-тің ішкі әлемі. К: Диасофт. 2000. - 496 б. 7. Роббинс Д. Веб-дизайн. Каталог. – «КУДИЦ-ПРЕСС», 2008. – 816 б 8. Смирнова И.Е. «Веб-дизайнның басталуы», Санкт-Петербург, «БХВ-Петербург», 2003 ж. 9. Франклин Д., Паттон Б. Flash 4. Интернеттегі анимация. - Санкт Петербург. Плюс белгісі. 2000.-464 б. 10. Энди Андерсон, Марк Дель Лима, Стив Джонсон. Macromedia Flash MX 2004 Маған көрсет: Macromedia Flash MX 2004. – М.: Уильямс, 2005. – Б. 544 11. Якоб Нильсен, Хоа Лорангер Веб-дизайн: веб-сайттарды пайдаланудың қарапайымдылығы = Веб-пайдалануға басымдық беру. – М.: «Уильямс», 2007. – 368-б Электрондық көздер: diwaxx/web, Diwaxx, б. «WEB-дизайн» ru./wiki/Web-дизайн i2r/static/255/s. «I2R интернет индустриясының кітапханасы» жүктеу/скачать 140,21 Kb. Достарыңызбен бөлісу:
|