როგორ გავაკეთოთ ფონის სურათი ვებსაიტზე

Სარჩევი:

როგორ გავაკეთოთ ფონის სურათი ვებსაიტზე
როგორ გავაკეთოთ ფონის სურათი ვებსაიტზე

ვიდეო: როგორ გავაკეთოთ ფონის სურათი ვებსაიტზე

ვიდეო: როგორ გავაკეთოთ ფონის სურათი ვებსაიტზე
ვიდეო: როგორ შევცვალოთ ფონი კომპიუტერზე 2024, მაისი
Anonim

თქვენ თვითონ შეგიძლიათ გაეცნოთ საიტის შექმნის საფუძვლებს; ამ თემაზე საკმარისი ინფორმაციაა ინტერნეტში და წიგნებში. ამასთან, საწყის ეტაპზე ხშირად წარმოიქმნება სირთულეები ამა თუ იმ ნიშნის გამოყენებისას. მართლაც, ყველაზე ხშირად დამახსოვრებულია ყველაზე გავრცელებული კომპონენტები, რადგან ისინი აუცილებელია ნებისმიერი ვებსაიტის წერისას.

როგორ გავაკეთოთ ფონის სურათი ვებსაიტზე
როგორ გავაკეთოთ ფონის სურათი ვებსაიტზე

ინსტრუქციები

Ნაბიჯი 1

აირჩიეთ სურათი, რომლის გამოყენება გსურთ თქვენი ფონის სურათად. თუ ილუსტრაციას ტექსტის ჩასმა აპირებთ, ამ შემთხვევაში სასურველია შემოიფარგლოთ ვარიანტებით, ჭარბი მრავალფეროვნების გარეშე, რომელშიც გამოყენებულია ახლო ხასიათის რამდენიმე ფერი. პრინციპში, ტალღების აღმოსაფხვრელად შეგიძლიათ შექმნათ "ფონი" შინაარსისთვის - და პრობლემა წარმატებით მოგვარდება.

ნაბიჯი 2

შეასწორეთ სურათი Adobe Photoshop– ის გამოყენებით. დასრულების შემდეგ აირჩიეთ File for Web ბრძანება File მენიუდან და აირჩიეთ თქვენთვის სასურველი საქაღალდე. თუ ეს არის პირველი სურათი, რომელიც გამოიყენება საიტისთვის, მაშინ ავტომატურად იქმნება საქაღალდე "სურათები".

ნაბიჯი 3

თეგში დაწერეთ background = "გზა სურათისკენ" ატრიბუტი. ჩანაწერის მაგალითი: ან. ამავე დროს, გახსოვდეთ, რომ კოდი მხოლოდ ერთხელ უნდა გამოჩნდეს კოდში, ის არ უნდა გამრავლდეს.

ნაბიჯი 4

შეინახეთ ცვლილებები ჩასაწერად, დააჭირეთ ბრაუზერში ღილაკს "განახლება". ფონი გამოჩნდება ეკრანზე. თუ სურათის ზომები უფრო მცირეა, ვიდრე ვებ – გვერდის პარამეტრები, მაშინ სურათის კოპირება მოხდება, რამდენჯერაც საჭიროა, მთლიანი სივრცის შესავსებად. ამ დეფიციტის გამოსასწორებლად ორი გზა არსებობს:

• Adobe Photoshop პროგრამის გამოყენებით, პიქსელებში დააყენეთ სურათის საჭირო პარამეტრები ("სურათი" - "სურათის ზომა");

• html- კოდში დააყენეთ საჭირო ზომები.

მაგალითად, თუ სიგანე 1250 px, ხოლო სიმაღლე 650 px, მაშინ უნდა დაამატოთ აუცილებელი ატრიბუტები ცხრილის უჯრედისთვის, რომელშიც განთავსდება სურათი.

თქვენ ვერ დააყენებთ ზომას თეგში - სურათი ყოველთვის გამოჩნდება სრული ზომით.

ნაბიჯი 5

ფონების სურათის ჩასასმელად ccs ანალოგი:

ფონი-სურათი

სხეული {

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

}

"Background-image: url (images / bg.jpg)" ატრიბუტი არის ფონის სურათისკენ მიმავალი გზა.

გირჩევთ: