Резина сүрөтүн кантип жасоого болот

Мазмуну:

Резина сүрөтүн кантип жасоого болот
Резина сүрөтүн кантип жасоого болот

Video: Резина сүрөтүн кантип жасоого болот

Video: Резина сүрөтүн кантип жасоого болот
Video: Трактордук резина Фбел 160м рефузер ПАКР 15 Трукр 2024, Ноябрь
Anonim

"Резина" бул масштабдоо мүмкүнчүлүгүнө ээ сүрөт. Мындай сүрөттү компьютердик программаларды колдонуп түзсө болот. Анын ыңгайлуулугу, керектүү багытта “созулуп” жаткандыгында. Мындай веб түзүү ар кандай браузерде ийгиликтүү көрсөтүлөт. Эгерде сүрөттө бир нече пайдалуу элементтер болсо, анда "резина" касиеттери анын иштешин жогорулатат.

Резина сүрөтүн кантип жасоого болот
Резина сүрөтүн кантип жасоого болот

Ал зарыл

сүрөт, веб-сайт, Adobe Photoshop программасы, Блокнот тиркемеси, HTML-код, веб-сайтыңыздын түпкү каталогу

Нускамалар

1 кадам

Масштабын кеңейтүүнү жана Интернетте жайгаштырууну каалаган сүрөттү табыңыз же түзүңүз. Adobe Photoshop программасын ишке киргизиңиз. Бул сүрөттү программада ачыңыз. Куралдар тилкесинен Slice Tool табыңыз. Сүрөттү бөлүктөргө бөлүү үчүн аны колдонуңуз. Бүткүл сүрөт үч графикалык элементтен туруп, борбордук бош тургандай кылып бөлүңүз. Бул сүрөттү каалаган монитордун чечилишинде созууга жардам берет.

2-кадам

Веб формат үчүн оптималдаштырылган сүрөттү сактаңыз (Веб үчүн сактаңыз). Сактоодо, файлдын талап кылынган форматын орнотуңуз - gif, jpeg же png. Сүрөттүн айрым бөлүктөрүн өзгөртүү үчүн, менюдагы Slice Select Tool параметрин таап, сүрөттүн бөлүктөрүн экранда көрсөтүү учурунда эң аз сапаттагы жоготуу менен минималдуу кылып өзгөртүңүз. Өзгөртүүдөн кийин, сүрөттөрдү HTML жана сүрөттөр катары сактап коюңуз.

3-кадам

Сүрөттөрүңүздү сактап койгондон кийин, HTML кодун түзөтүүнү баштаңыз. Сакталган HTML документин Блокноттон ачыңыз. Керек эмес коддун бардык саптарын өчүрүңүз. Сүрөттөр камтылган таблицанын гана маалыматтарын өзгөрүүсүз сактаңыз

4-кадам

Саптарда, yourimage

5-кадам

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

6-кадам

Түзүлгөн сүрөттөрдү сайттын түпкү каталогуна жүктөңүз. Сервердеги сүрөттөргө жаңы жолдорду көрсөтүп, HTML-кодду түзөтүңүз. Тегдердин арасына сүрөт кодун киргизиңиз.

7-кадам

Сүрөттүн касиеттерин текшериңиз. Аны онлайн режиминде кеңейтүүгө аракет кылыңыз. Сүрөт каалаган багытта ийкемдүү болушу керек.

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