Резеңке баннерді қалай жасауға болады

Мазмұны:

Резеңке баннерді қалай жасауға болады
Резеңке баннерді қалай жасауға болады

Бейне: Резеңке баннерді қалай жасауға болады

Бейне: Резеңке баннерді қалай жасауға болады
Бейне: Canva мен баннер жасау. 2024, Мамыр
Anonim

Резеңке жарқылы баннерін жай «резеңке» деп те атайды. Оның сайт үшін басты ерекшелігі - браузердің өлшеміне қарамастан, баннер қалағанындай қалады - әдемі, түсінікті және жарқын. Резеңке баннерлерге деген қажеттілік Интернет қолданушыларының компьютерлерінің әр түрлі өлшемдерін ескеру керек болғандықтан пайда болды, өйткені біреуінде төртбұрышты, біреуінде кең экранды монитор, кейбіреулерінде 14 дюйм, басқаларында 21 дюйм бар.

Резеңке баннерді қалай жасауға болады
Резеңке баннерді қалай жасауға болады

Нұсқаулық

1-қадам

«Резеңке баннерді қалай жасауға болады?» Деген сұраққа жауап бермес бұрын, тағы бір маңызды сұраққа жауап берген жөн: «Сізге мұны не үшін жасау керек?». Кейбіреулер үшін бұл таңқаларлық болып көрінуі мүмкін, бірақ веб-дизайнерлер арасында бұл мәселеде шынымен бірлік жоқ. Айтуынша, автокөлік жүргізушілері арасында бірауызды пікір жоқ - маусымдық дөңгелектерге отыру жақсы ма, әйтпесе жазғы дөңгелектермен жүруге болады, немесе толық жиынтығын пайдалануға болады: жазғы дөңгелектер + қыс … 1000 ұпай, ол көрініс табады дұрыс емес, бұл баннердің артында жасаушы жасырған графикалық элементтер пайда болуы мүмкін. Егер баннерді орналастыру кезінде оны резеңке етіп жасау мүмкіндігі ескерілмесе, кең экранды мониторы бар қонақтар үшін сайттың тартымдылығы бірден төмендейді. Өйткені, олар сайтқа кіріп, тақырып сол жақтан басталып, экранның тек ортасына дейін жетеді және т.б. Шын мәнінде, бұл «резеңке» пайдасына ең таңқаларлық аргумент - бұл сізге сайтта дизайнер ойлап тапқан дизайнды бәріне, дәл бәріне - көз жеткізуге мүмкіндік береді.

2-қадам

Резеңке баннерді қалай жасауға болатындығын мысал арқылы жақсы көрсетуге болады. 100-ден 70-ке дейін 100-ден 100-ге дейін кеңейетін «резеңке» болсын. Бұл баннердің минималды мөлшері 1000-нан 70-ке дейін болатындығын білдіреді. Бұл өлшемге негізделуі керек. Біріншіден, сіз ең кең таралған баннер жасауыңыз керек. Қарастыратын жалғыз нәрсе - бұл фильмнің символикасында орындалуы керек. Кітапханада жаңа таңба жасап, онымен жұмыс жасау керек.

3-қадам

Баннер жасалды. Оның орталығында киносы бар (киноның немесе ойынның мәнін бейнелейтін бейне бейнесі және т.б.) жазуы бар делік. Бұл затбелгі әрқашан ортаға қойылуы керек. Сіз бұл фильмге атау беруіңіз керек, айталық CenterText. Жазудың фонында сіз басқа фильм түсіруіңіз керек - градиентті толтырумен. Ол резеңке баннердің бүкіл еніне дейін кеңейеді. Оны Фон деп атауға болады. Содан кейін сіз тағы бір фильмнің атын атап, оны экранның оң жақ шетіне жабыстыруыңыз керек. Бұл RightText болсын.

4-қадам

Келесі қадам - басты сахнаға баннермен бейнеклип орналастыру. Сіз оны OurBanner деп атауға болады. Жұмыс барысында пайда болған нысандарды жылжыту қажет болады.

5-қадам

Негізгі сахнаға кез-келген кадрға кіре отырып, сіз бейнені тоқтатып, «Stop» деп жазып, бос бейнені сахнаға алып шығуыңыз керек. Оған кодты енгізу керек:

onClipEvent (enterFrame) {

Stage.scaleMode = «noScale»;

Stage.align = «TL»;

Stage.addListener (бұл);

this.onResize = function () {

егер (Stage.width> 1000) {

this._parent. OurBanner. CenterText._x = Stage.width / 2;

this._parent. OurBanner. RightText._x = Stage.width - this._parent. OurBanner. RightText._width;

this._parent. OurBanner. Fon._width = Stage.width;}

}}

Резеңке баннер дайын.

Ұсынылған: