ИнтернетВеб дизайн

Өз веб-сайт үшін баннер жасауға қалай

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

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

сұраққа жауап беру үшін баннер қалай жасауға Сайт бойынша, сіз біздің баннер немесе тезірек оның негізін құру үшін бағдарлама ашу қажет. Ол стандартты баннерлер бірнеше өлшемдері бар екенін есте сақтау қажет. Әдетте, сайттар баннерлер 468x60, 120х120, 100x100, сондай-ақ 88x31 пайдаланылады. 468x60 бір мөлшерімен өндірістік опция баннер қарастырайық.

«Жаңа» - Бірде бағдарламасы қойындысы «Файл» басыңыз ашылды. Бірде ашық терезеде, біз осылайша міндетті бірлік пиксел болуын қамтамасыз ету өлшемдерін (биіктігі 60 және ені 468) тағайындайды. Ажыратымдылық дюйміне 150 пиксель мәніне орнатыңыз, және мөлдір фонды таңдаңыз.

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

Енді баннер суретті қойыңыз. Бұл әрекетті орындау үшін, алдымен орналастырылатын суретті анықтайды. (Көп баннер алдында тұрған міндеттерді байланысты, дегенмен), оған сияқты ең, содан кейін, логотип, егер емес, ол күрделі нысанын ұсынуға, және болған емес деп жөн. Айтпақшы таңдаған сурет кейін, ол, кеңейтімді немесе JPG немесе GIF болуы керек Photoshop оны ашыңыз. Осыдан кейін, біз ту астында сурет өлшемін баптауға. «Өлшемі» - Мұны істеу үшін, негізгі мәзірдегі, қойындысы «Image» тармағын таңдаңыз. Содан кейін ашылады терезесінде, сіз «арақатынасты сақтаңдар» тексеріледі тиіс бір уақытта 60 пиксель сурет биіктігін көрсету керек. Кескін оның фонды бар болса, онда ол алдын ала кесілген болуы және ашық фоны Жаңакескінгеорналастыру керек. қанатты құралы қозғалысы апарып өлшемін таңдағаннан кейін және біздің баннерге суреттерді түсіріп және біз үшін қажетті жерге қойыңыз.

Енді біз мәтін керек. Бұл әрекетті орындау үшін, опциясын таңдаңыз Құралдар «мәтін» біз мұз қажет кірді және қарапайым апарып орналастыру және біз қажет-ақ суретті түсіріп отыр. Осы «веб үшін» мәзірін сақтау (сондай-ақ сақтау) параметрін таңдаңыз JPG сурет форматын сақтай отырып таңдалған кейін.

мәтінмен баннер көптеген жеткілікті емес, бірақ, ол баннер сілтеме болды жөн. Қалай сіздің баннер сілтеме жасауға және оларды байланыстыру. келесі кодты (осы жасалуы мүмкін жазу Сіздің баннер орналастыру болады сайтында Мұны істеу үшін HTML редакторы түрі drimvever) Сіздің page"> туралы . «URL баннер» анықтау мақсатында сайт және қайда баннер қосу білуі қажет.

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 kk.delachieve.com. Theme powered by WordPress.