Parallax түрүү колдонуу Текшерүү түзүү үчүн эмне кылыш керек?

Интернетте бүгүн "катуу ысып" ыкмаларынын бири чек жылдыруу болуп саналат. Биз сиз Чычкан чыгырыгын айланып сиздин чычкан жана беттеги мазмуну көтөрүлүп же беттеги боюнча жылдыруу рулду айланып ошол сайттардын келе жатам.

Дизайн жана дизайн үчүн жаңы адамдар үчүн бул ыкма улам керектүү CSS суммасына жетишүү өтө кыйын болушу мүмкүн.

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

Иш Кенгурушка аркылуу сүрөттөр кемчиликтери аркылуу ишке ашырылууда абдан сонун жана сиз күнү Muse сайтына баш багып, эмне кыла алат? Бир пробаларды көрө алабыз. желе жакшы "шамал чейин оюнчук" кандайдыр бир катары Кенгурушка кабыл жакын да, ошондой эле, акыры, командада иштеп алып салынып берилет мобилдик жана интернет Тажрыйбалык үлгүлөрдү түзүүгө дизайнерлер колдонулуп келе жатат.

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

Анда баштайлы.

01 07

Желе Page түзүү

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

02 07

Баракча FORMAT

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

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

03 07

Page текст кошуу

Кийинки кадам баракка кээ бир текстти кошуу болуп саналат. Биз Текст куралын тандап жана текст кутучасын сууруп чыгып. Биз касиеттери Arial текстти коюп, 120 пикселди Ак сөзүн "Кош" жана кирди. Center Aligned.

Биз, тандоо каражаты которулду Textbox баскандыгы жана жогору 168 пиксел, анын Y ордун калтырган. Текст талаасы дагы тандалган, биз Align панелди ачылган жана борборуна текст кутучасын келтирилиши керек.

Акыр-аягы, тандалып алынган текст кутучасына менен, биз тандоо / Alt жана Shift баскычтарын кармап жана текст кутучасына төрт көчүрмөлөрүн жасашкан. Биз текстти жана ар бир нускасына жана Y турумун өзгөртүп:

Сиз ар бир текст кутучасына жайгашкан белгиленген байкайт, стр тексттин жайгашуусун эске resizes.

04 07

Кошуу Image Placeholders

Эмки кадам текст блогунун ортосуна коюп турат.

Биринчи кадам Тик куралы тандап жана башка баракка бир четинен экинчи четине чейин созулуп, биздин бир кутучаны буруу болуп саналат. Тик тандалып, биз 250 пиксел жана 425 пиксел, анын Y ордуна анын бийиктигин. план аларды дайыма сунуп же колдонуучунун браузер терезесин жайгаштырууга бет туурасы келишим керек. Муну ишке ашыруу үчүн, биз касиеттерин 100%, туурасы баскычын баскан. X маанисин жана сүрөт дайыма браузерде терезеси туурасы 100% камсыз кылуу үчүн эмне кылган боз болот.

05 07

Image орун сүрөттөрдү кошуу

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

Андан кийин, биз биринчи эки текст блогунун ортосуна сүрөттөлүштүн көчүрмөсүн түзүү Option / Alt-Shift-сүйрөө ыкманы колдонгон толтура панелди ачып, бир сүрөттү алмаштырылды. Биз, ошондой эле, калган эки Сүрөттөрдү ушундай кылды.

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

06 07

Кошуу Parallax жүгүртмөктү

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

Толтура коллегиясынын ачык менен ачса, жылдыруу өтөсүз жана, Motion кутучасын чыкылдатуу.

Сиз баштапкы жана акыркы кыймыл үчүн баалуулуктарды көрүшөт. Бул сүрөт жылдыруу Wheel карата түрткү канчалык тез аныктайт. Мисалы, 1,5 балл, машине салыштырмалуу 1,5 эсеге тез сүрөт түрткү берет. Биз жерге сүрөттөрдү бекитүү үчүн 0 наркы колдонулат.

Туурасынан жана тигинен жебе кыймыл багытын аныктоо. маанилери 0 болсо Сүрөттөрдү басып жебенин карабастан, алардын ордунан козголбойт.

Жакынкы value- ачыш Кызматы - сүрөттөр көчүп башташат көрсөтүүдө. бейнеси жогору сызык башталат, бул сүрөт үчүн, 325-беттеги чокусунан. жылдыруу бул баалуулукту жеткенде сүрөтү жыла баштайт. Сиз диалог кутусунда же аны өзгөртүү же сапка басып, жогору жагында ойду сүйрөп өйдө же ылдый бул баасын өзгөртө аласыз.

беттеги башка Сүрөттөрдү бул кайталаъыз.

07 07

Browser Test

Мына ушул жерде, биз аягына чыкты. Биз биринчи кезекте, ачык себептерден улам, File> Сактоо сайтына тандоо болду. Серепчи сыноо үчүн, биз жөн гана File тандалган> Алдын ала Page Серепчиден. Бул биздин Компүтердин демейки серепчи ачып, бет ачканда, биз өйдө баштады.