Кантип анимациялык кол тамга жасоого болот

Мазмуну:

Кантип анимациялык кол тамга жасоого болот
Кантип анимациялык кол тамга жасоого болот

Video: Кантип анимациялык кол тамга жасоого болот

Video: Кантип анимациялык кол тамга жасоого болот
Video: Бутылка-книга Мастер-класс 2024, Май
Anonim

HTML колдоого алынган форумдарда жана сайттарда колтамгадагы анимацияны жасоого болот. Сүрөттөрдү дагы, текстти дагы анимацияланган объект катары колдонсо болот. Дизайн атайын биркалардын жардамы менен жасалат.

Кантип анимациялык кол тамга жасоого болот
Кантип анимациялык кол тамга жасоого болот

Ал зарыл

  • - компьютер;
  • - Интернетке кирүү.

Нускамалар

1 кадам

HTML колу колдоого алынгандыгын текшериңиз. Эреже боюнча, бул жөнүндө маалымат түзөтүү талаасынын жанындагы орнотууларда жазылат. Бул нерсе жок болсо, сүрөт же жылып турган тексттин ордуна, белгилер, тегдер жана аныкталбаган шилтемелер кол тамга талаасында көрсөтүлөт.

2-кадам

Эгерде сиз анимациялык элемент катары сүрөттү тандасаңыз, анда алгач аны Интернетке жүктөңүз. Социалдык тармактагы сүрөт альбому дагы, сүрөттөр үчүн атайын кампалар дагы ылайыктуу. Анимацияланган сүрөттөр адатта.

3-кадам

Сүрөттүн дарегин дарек тилкесинен көчүрүп алыңыз (ctrl + c баскычын басып же чычкандын оң баскычын пайдаланып). Андан кийин форумга барып, кол түзөтүүнү ачыңыз. Төмөнкү тэгдерди кыстарыңыз:. Http: // site /….

4-кадам

Сүрөттүн көлөмүн жөндөсө болот. Эгер сизге эскиздин көчүрмөсү керек болсо, width = жана height = тегдерин колдонуңуз. Тегдерден кийин, пикселдер менен көрсөтүлгөн эскиздин керектүү бийиктигин сандар менен көрсөтүңүз. Тег мындай көрүнүшү мүмкүн:. Сураныч, бир гана тег жетиштүү экендигин эске алыңыз. Мисалы, сиз туурасын жөндөсөңүз, анда бийиктик автоматтык түрдө кадрлардын катышына жараша жөнгө салынат.

5-кадам

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

6-кадам

Ошондой эле текст анимация элементтерин камтышы мүмкүн. Мисалы, текстти төмөндөгү тегдерди киргизгенде жыпылдата аласыз: TEXT. Эскертүү, тег Firefox браузери аркылуу көргөндө гана иштейт.

7-кадам

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

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