CSS-Спрайты: негизги ыкмаларын жана пайдалуу учтарындагы баяндоо

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

Sprites пайдалуу касиеттери

CSS-Спрайты сайтында жана компаниянын имиджин сапаттык мүнөздөмөлөрүн да жакшырта алабыз. Өзөгүндө, ал да өнүктүрүү куралы татаал эмес, бирок алар чынында эле жараян ылдамдыгын жана ресурстук өнүктүрүүгө, жана алардын иштөө ылдамдыгын.

Мындан тышкары, ал кодду менен, белгилүү бир мааниде, сен эле жуурулушуу идеялар, стили долбоорлоо элементтери диалогду пайдалана алат, анткени колдонулган CSS-Спрайты, жакын туугандарына окшош болгондугуна байланыштуу башка ресурстарды, көчмө болот жөнөкөйлөштүрүүгө, түзүмү жана материалдар мазмуну.

сайтты иштеп чыгуу кадимки жүрүшүндө сүрөттөр көп кылууга. Көп учурда, бул сүрөттөр абдан аз орун алып, бирок ар дайым өзүнчө билэ болуп саналат. ар кандай жүрүш кандайдыр бир иш системасы билэни ачуу үчүн - Бул иш бир убакытты талап Бирок, билэ 13 13 пиксел тарабынан ачылган учурда урмат-сый менен бир кыйла айырмаланган эмес, билэ 16 сүрөттөр 52 52 пиксел менен тартып ачып жаткан. Биринчи учурда, экинчи учурда 16 сүрөт бир гана Билэ ачуу натыйжасында алынган болот-жылы, 16-материалдары жана 16 ачык / иш окуп бар.

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

жагы

CSS колдонуу үчүн өтө Frisky сунуш көрүүчүлөр, болгондо Спрайты кылдат маселени изилдеп, сөзсүз эле адамдар жана ачык, ал эскирип калган жол менен иштөө үчүн дайыма иш жүзүндө колдонорлук экенин көрсөтүп турат.

Чынында эле, анын ордуна 16 ачык жерде, 16-сүрөттөрдү бир билэ болсо / иш ордуна бир 16-сүрөт Files болот окуган. Бирок, куулук менен ар бир серепчи бир кэшин бар экенин, ал кандай айла калбай калганда гана нерсе жүктөйт. Мындан тышкары, адатта, бет элементтер биринчи бетине барганда жүктөлөт, андан кийин гана өзгөрдү жүктөлгөн.

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

Бул иш CSS-Sprites караганда прагматикалык деп ойлоп, HTTP-суроо-талаптардын саны ишенгендер иштеп бар жана оптималдаштыруу.

көрсөтүлгөн бардык жолу, албетте, маанилүү, бирок, канча маанилүү көрүнүшү болуп саналат, ал акылга сыярлык чектерде колдонулушу керек.

Башкарма жана CSS-Sprites

бул CSS Sprites генераторун иштетүү жана долбоорлоо оң бөлүгүн алуу үчүн эч кандай мааниси жок болсо, анда эч нерсе жөн гана кадимки жол бул бөлүгүн түзөт кыйынчылык алып келет. шарттуу технология сүрөттөлүштөр жүздөгөн кесип үчүн зарыл кылса, ал зарылчылык JavaScript-милдетин, эскиз артыкчылыктуу болуп эсептелет Шокалад керектүү аймагынан тандап, аны көрсөтө берет.

Ошондой болсо да, бул Sprite эки же үч элементтен белгилей кетүү керек, же ондогон - Болуптур, бирок, чиймелердин Sprite жүздөгөн кийин, албетте, JavaScript-милдети проблемаларды жазуу менен бир, бирок аны түзүү үчүн канча иш пайда жок кылат мындай чоң Sprite ... Мындан тышкары, клей картинки - бул CSS Sprite генератор жана каалаган сүрөттү жана ал үчүн CSS-коду, ал Шокалад уюштуруу элементтери кандай ишим жок кылат. сайт дизайн өзгөртүү, алып салуу, ошондой эле жаңы элементтерди кошууга Remaking жатканда көйгөйлөр келип чыгат. спрайт иштеп чыгуу, аны кантип колдонуу керектигин жана андан кийин өзгөртүүгө кантип жөнүндө ойлонушубуз керек.

Sprites пайдалануу Subject пайда

CSS программалоо тилдердин айырмаланып, бул анын бардык динамикасы эрежелерди жана алардын иш-мазмуну (стандарт) тарабынан аныкталат эрежелерин салыштырмалуу туруктуу жыйындысы. комплекси менен Sprites эске HTML, CSS китепкана шандуу-иш долбоорду жарата алышпайт.

Мисалы, менюнун даяр версия: жөн гана бир нече CSS-эрежелери, эсеп-милдеттери менен туташуу жана HTML-DIVs коду санын камтыйт, сиз натыйжаны алууга болот. Sprite бейнеси мазмунун өзгөртүп, менюда көрүнүшүн өзгөртө аласыз. милдеттерин денесин көрсөтүү менен, сиз жөндөмүнөн өзгөртүүгө болот.

өзгөчө желеги Get объектиге-багытталган програмдоонун (OOP) жөнүндө. Албетте, бул жарык идея болуп, бирок ал башка тилдерде OOP алкагында каршы турууга да жарык эмес, реалдуу диалектисинде. PLO жанданып, абдан тез эле күн орун ээ болуп жатканда, бул белгилүү бир идея жана анын сөз конкреттүү түрү, бирок азыр иштеп ар кандай орус бар эле көп диалектилери менен келип, ал, бир гана алгачкы "90-жылы болот.

Оюнчуктар - Sprites үчүн гүлдөп

Толкундануу менен программалоо - келбеген түшүнүктөр, бирок программалоо көндүмдөр, оюн жазып, obschebytovoy (жөнөкөй эсе) жана чыгармачыл (дизайн жана жаңы технологияларды иштеп чыгуу, идеялар) кыйла айырмаланат.

Себеби, SVG-Sprites + CSS-эрежелерин гана суроо эмес, айкалышы, бирок, көп учурда реалдуу оюндун объектисине иштеп чыгуучуга (сайттан) объектиси болуп багыты сүрөттөрдү, Оюн Дизайн жагат. Атап айтканда, элдик оюн Counter Strike Sprites шарттары колдонулат, бусы абдан маанилүү Түркчө: жардыруу, кан, көрүү ...

жана кадыресе жана түшүнүктүү козгоо үчүн сөз "Sprite CSS V34 койду". Sprites маани-мазмуну боюнча сунуштарды, утилитаризм колдонуу гана эмес, табылган, ошондой эле керектөөчүлөрдүн белгилүү бир чөйрөсүн түшүнүү үчүн кыйла толук өзгөчөлөнгөн, арзан жана жеңил иштедим, пайда болгон.

CSS-Спрайты: үлгүсү

сайтында барактарын алмаштырууга бир тилдеги жолдору ар кандай колдонулат, ал эми тил тандагыч сүрөтчөсү катары аткара турган болсо, спрайт колдонуп чечүү мындай болушу мүмкүн:

Айкын кемчиликтери Спрайты

Биринчиден, бул убакытты талап кылат жана кылдаттык жараян. чакан бөлүктөргө бөлүп, жана башка кесип - - көптөгөн майда сүрөтүн чогултуп, бир нерсе болуп саналат. кенеп идеясын колдонуу жана сайттагы бардык сүрөттөрүн коймокчу болуп, толугу менен бекер болот.

Ал тургай, CSS Sprites генераторлор менен, кыйынчылыктар ал сайт дизайнын өзгөртүүгө зарыл, айрыкча, оолак болуу мүмкүн эмес. Sprite сүрөттөрдүн бир нече ондогон кошуу - бул элементтердин бир катар эмес, корутунду сүрөттөрү бар, ал, адатта, бир эле эмес, туура нерсени табуу үчүн бир катар-катары кодду сорттоо, экранда.

Жүргөн саясат алкагында байланыштуу Спрайты болуп, ал гана чөйрө эмес, сайттын бар экенин, анын дооматын төмөнкү стандарт менен иштеп. барактын Graphic элемен- теги IMG тескөө керек.

Бул жетиштүү маалымат жалпы алкагында катары кабылданат эле жөнөкөй негиздер боюнча кошулуу кыйын. миниатюралык бир элементи же бүтүндөй баракча - Бул жөн эле маалымат, кандай гана болот.

Ошол эле учурда, көркөм компонент Sprites пайдалануу үчүн олуттуу тоскоолдук билдирет.

системасынын

шарттары "Интернет технологиясы" жана "жогорку технологиялар" деген сөздүн синоними болуп эсептелет карабастан, чынында, бул убакытты талап, кээде өтө төмөн-технологиялык иш алып баруу болуп саналат. Sprites өзгөчө JavaScript же PHP таза программалоо башка зоналарды салыштырмалуу кийинген эмес, ошондой эле зарыл болгон иш-иштеп чыгуу боюнча иштерди аныктоо толтуруу сайттарга же маалыматты, мисалы, тек-жайы сыяктуу Archive көчүрмөлөрүн түзүү.

мазмунду башкаруу системаларын пайдалануунун күчү жана келечеги көп, эреже катары, аларды иш жүзүндө колдонуу менен кол ресурстарын өнүктүрүү нюанстары тегизделсин, 1001st убакыт бир же башка мүлктүк алгоритмин жазууга зарылдыгына алып келет.

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