Сайт үчүн баннерди кантип жасаса болот

Сайт үчүн баннерди кантип жасаса болот
Сайт үчүн баннерди кантип жасаса болот
Anonim

Эртеби-кечпи, ар бир үйрөнчүк веб-дизайнер же сайттын ээси жогорку сапаттагы жана кооз сайт жарнамасы керек деген ойго келет. Бул үчүн көптөгөн мүмкүнчүлүктөр жана куралдар бар. Бирок, балким, сайтты мындай жарнамалоонун эң салттуу жана эффективдүү жолу бул баннердик жарнама. Бирок бул жерде суроо туулат, кантип сайт үчүн баннер жасоо керек, анткени баштапкы этапта сайттын бюджети өтө чектелүү, ошондуктан ар бир кожоюн фрилансерлерге баннер жасоо үчүн акча төлөөгө даяр эмес. Көрсө, сайт үчүн баннер жасоо анчалык деле кыйын нерсе эмес жана биз статикалык баннер жөнүндө сөз кылып жатканда, технология жагынан сайттын башын жасоо сыяктуу процесске абдан окшош экен.

Ошондуктан, келгиле, кантип сайтка баннер жасоону баштайлы. Бул үчүн бизге Photoshop программасы керек жана эң заманбап версияларды кууп чыгуунун кереги жок, Photoshop 6-версиясы биздин максатка абдан ылайыктуу. Айтмакчы, сайттын фон сүрөтүн, ошондой эле сиздин сайттын башын кантип жасоону билбегендер бул программаны ушул максаттар үчүн колдоно алышат.

Сайт үчүн баннерди кантип жасоо керек деген суроого жооп берүү үчүн, биздин баннерди, тагыраак айтканда, анын негизин түзүү үчүн программаны ачуу керек. Ошол эле учурда, керекстандарттык баннерлер бир нече стандарттуу өлчөмдөрү бар экенин унутпа. Эреже катары, сайттарда 468x60, 120x120, 100x100, ошондой эле 88x31 өлчөмүндөгү баннерлер колдонулат. 468x60 өлчөмүндөгү баннер жасоо вариантын карап көрүңүз.

Программаны ачкандан кийин "файл" - "жаңы" өтмөктү басыңыз. Андан кийин, ачылган терезеде өлчөмдөрдү (бийиктиги 60 жана туурасы 468) белгилейбиз, мында өлчөө бирдиктери пиксел экендигине ынанабыз. Резолюцияны дюймуна 150 пиксел кылып коюп, тунук фонду тандаңыз.

Андан кийин биздин баннерге сүрөт менен текстти жайгаштырышыңыз керек. Бирок адегенде баннерибизди сизге керектүү түс менен толтуруп алалы. Бул үчүн, куралдар панелинен сол жактагы толтуруу куралын тандаңыз, бирок ага чейин керектүү түстү тандоону унутпаңыз (жогорку түстүү квадратты сол баскыч менен чыкылдатып, ачылган палитрадан керектүү түстү тандаңыз). Эми сиз баннердин фонуна тандалган түскө боёо үчүн толтурууну колдоно аласыз.

Эми сүрөттү баннерге коёлу. Бул үчүн, алгач жарыялай турган сүрөтүңүздү чечиңиз. Ал татаал фигураны билдирбейт жана логотип болбосо да, ага мүмкүн болушунча окшош болушу керек (бирок көп нерсе баннердин алдында турган милдеттерден көз каранды). Сүрөт тандалгандан кийин, демек, анын-j.webp

Азыр бизге текст керек. Бул үчүн, "текст" куралын тандоо менен, биз керектүү фразаны киргизип, аны жөн гана сүрөттүн үстүнө сүйрөө менен жайгаштырабыз. Андан кийин, менюдан "веб үчүн сактоо" (башкача сактоо) жана сактоодо-j.webp

Бирок көптөр үчүн тексти бар баннердин шилтеме баннер болушу каалабайт. Баннериңизге кантип шилтеме жасап, аларды байланыштырса болот. Бул үчүн баннериңизди жайгаштыра турган сайтка төмөнкү кодду жазышыңыз керек (бул Dreamweaver түрүндөгү html редакторунда да жасалышы мүмкүн)

. " BANNER URL " дарегин аныктоо үчүн, баннерди сайтка кантип жана кайда кошууну билишиңиз керек.

Бардык баннериңиз даяр, эми сиз өзүңүзгө кантип сайтка баннер жасоо керек деген келесоо суроо бербейсиз. Айтмакчы, баннерлерди колдонуу менен, бирок статикалык эмес, бирок флеш-технологиянын негизинде, сиз өзүңүздүн сайтыңыздын барактарын бир топ диверсификациялай аласыз жана аны кооз флеш-сайттарга окшоштура аласыз.

Сунушталууда: