Вебсайтта кандайча фондук сүрөт жасоо керек

Мазмуну:

Вебсайтта кандайча фондук сүрөт жасоо керек
Вебсайтта кандайча фондук сүрөт жасоо керек

Video: Вебсайтта кандайча фондук сүрөт жасоо керек

Video: Вебсайтта кандайча фондук сүрөт жасоо керек
Video: GOOGLEДАН СҮРӨТ ЖАНА ВИДЕО КӨЧҮРҮП АЛУУ 2024, Апрель
Anonim

Сайт куруунун негиздерин өз алдынча үйрөнсөңүз болот; Интернетте жана китептерде ушул темада жетиштүү маалыматтар бар. Бирок, баштапкы этапта тигил же бул тегди колдонууда кыйынчылыктар көп кездешет. Чындыгында, эң көп кездешкен компоненттер эсте калат, анткени алар ар кандай веб-сайттарды жазууда маанилүү.

Вебсайтта кандайча фондук сүрөт жасоо керек
Вебсайтта кандайча фондук сүрөт жасоо керек

Нускамалар

1 кадам

Фон сүрөтүңүз катары колдоно турган сүрөтүңүздү тандаңыз. Эгерде сиз иллюстрациянын үстүнө текст киргизүүнү кааласаңыз, анда мындай учурда мүнөзүнө жакын бир нече түстөр колдонулган ашыкча вариациясыз варианттар менен чектелүү жөндүү. Негизинен, толкундарды жоюу үчүн, мазмунуна "фон" түзсөңүз болот - жана маселе ийгиликтүү чечилет.

2-кадам

Adobe Photoshop программасын колдонуп, сүрөттү оңдоңуз. Бүткөндөн кийин Файл менюсунан Веб үчүн Сактоо командасын тандап, өзүңүзгө керектүү папканы тандаңыз. Эгерде бул сайт үчүн колдонула турган биринчи сүрөт болсо, анда "Сүрөттөр" папкасы автоматтык түрдө түзүлөт.

3-кадам

Тегге background = "image to path" атрибутун жазыңыз. Мисал жазуу: же. Ошол эле учурда, тэг коддо бир жолу гана пайда болушу керек экендигин эсиңизден чыгарбаңыз, аны көбөйтүүгө болбойт.

4-кадам

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

• Adobe Photoshop программасын колдонуп, сүрөттүн талап кылынган параметрлерин пикселге орнотуңуз ("Image" - "Image size");

• html-кодго керектүү өлчөмдөрдү коюңуз.

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

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

5-кадам

Фондук сүрөттү киргизүү үчүн ccs аналогу:

фон-сүрөт

BODY {

background-image: url (images / bg.jpg);

}

"Background-image: url (images / bg.jpg)" атрибуту - бул фондук сүрөткө жол.

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