Дизайнер болгондуктан, мен ар дайым калыпты бузуп, дизайндагы эрежелерден алыстатуунун жолдорун издеп жүрөм. Дада мезгилине болгон кумарлануу жана кокустуктар элементине болгон кызыгуу менен башталды, мен сизге эрежелерди гана бузбастан, сүрөттүн кодун бузганга аракет кылам.
Бул окуу куралыда биз сүрөттү эң негизги формасына келтирип, аны калыбына келтирип, кайра калыбына келтирүүгө токтолобуз. Муну жасоо ыкмасы кокустуктар элементинен шыктандырылгандыктан, процесстин аягына чейин акыркы сүрөт кандайча көрүнөөрүн билбейбиз. Бул жерде камтылган көндүмдөрдү үйрөнгөндөн кийин, сиз дизайныңыз жана технология менен белгиленген чектерден чыгып, ишиңизди чексиз эркин жана чексиз кыла аласыз.
01 Алгач сүрөттү иш тактаңызга көчүрүп, файлдын түрүн түзөтүүдөн баштаңыз. Жөн гана Аталышын чыкылдатып, .webp файлын .txt менен алмаштырыңыз - диалог терезеси пайда болгондо .txt тандаңыз. Мыкты натыйжаларга жетүү үчүн кичирейтилген кысылган же Интернеттен жүктөлгөн файлдарды колдонуңуз.
02 .Txt файлын TextEdit же башка тексттик процессор менен ачыңыз. Сизде көптөгөн коддор жана сандар бар экендигин байкайсыз, бирок кабатыр болбоңуз. HTML сыяктуу эле, коддун жогорку бөлүгү сүрөттү ачканда эмне кылуу керектигин айтат, андыктан биз азырынча аны жалгыз калтырабыз. Жогоруда белгиленген аймакты көргөнчө болжол менен 1/8 бөлүгүн ылдый жылдырыңыз.
03 Андан кийин, сиз жөн гана коддуу бөлүгүн бөлүп жана документтен аны кесип керек. Канчалык чоң же кичине болсоңуз дагы, өзүңүздүн ишиңиз: жөнөкөй эреже - канчалык көп кодду белгилесеңиз, акыркы сүрөттөгү бурмалоо аянты ошончолук чоң болот. Бири-биринен айырмаланып, бурмаланган кичинекей жерлерди бөлүп көрсөткөн кичинекей бөлүктөргө да тиешелүү.
04 Коддун бир бөлүгүн кескенден кийин, документти ылдый жылдырып, каалаган кокустук жерге коюңуз. Баштапкы тандоодон канчалык алыс жылган сайын, акыркы сүрөттө ар бир бурмаланган бөлүктүн ортосунда ошончолук чоң ажырым пайда болот.
05 Документтен коддун башка бөлүмүн тандаңыз. Бул жолу биз мурунку кадамда жасаган кесилген тандоодон кандайча айырмаланарын билүү үчүн ушул бөлүктү көчүрүп алабыз.
06 Дагы бир жолу, кодду ылдый жылдырып, текстти документке кайра чаптаңыз. Документтин 1/8 бөлүгүнө жеткенге чейин, ушул кадамдарды аягына чейин кайталай бериңиз. Муну эсиңизден чыгарбаңыз, ар бир тандоо сүрөттүн бир бөлүгү болуп саналат, жана аны башка жерге көчүрүп, чаптоо менен, сиз жөн гана баштапкы сүрөттүн ичиндеги жаңы жерге көчүп кетесиз.
07 Бүткөндөн кийин, документти сактап, кайра жумушчу столго чыгыңыз. Кайра, биринчи кадамдагыдай эле, файлдын кеңейтүүсүн .webp кылып кайра өзгөртүшүбүз керек. Жөн гана Атын өзгөртүп, файлды .webp кылып өзгөртүңүз. Эми сиз кайрадан сүрөтүңүздү кайтарып аласыз - бирок бул жолу ал бурмаланып жатат. (Эгер андай болбосо, сиз жогорку кодду бузган болушуңуз мүмкүн. Коопсуз болуш үчүн, алгач документтин ортосундагы код менен тажрыйба жүргүзүп көрүңүз.)
