"რეზინა" არის სურათი, რომელსაც მასშტაბის უნარი აქვს. თქვენ შეგიძლიათ შექმნათ ასეთი სურათი კომპიუტერული პროგრამების გამოყენებით. მისი მოხერხებულობა მდგომარეობს იმაში, რომ იგი "იჭიმება" სასურველი მიმართულებით. ასეთი ვებდიზაინი წარმატებით აისახება ნებისმიერ ბრაუზერში. თუ სურათი შეიცავს რამდენიმე სასარგებლო ელემენტს, "რეზინის" თვისებები ზრდის მის ფუნქციურობას.
Ეს აუცილებელია
თქვენი ვებსაიტის სურათი, ვებსაიტი, Adobe Photoshop პროგრამა, ჩასაწერი პროგრამა, HTML- კოდი, ძირეული დირექტორია
ინსტრუქციები
Ნაბიჯი 1
იპოვნეთ ან შექმენით სურათი, რომლის მასშტაბირებაც გსურთ და განათავსეთ ინტერნეტში. დაიწყეთ Adobe Photoshop. გახსენით ეს სურათი პროგრამაში. იპოვნეთ Slice Tool პანელის პანელში. გამოიყენეთ გამოსახულების ნაჭრებად. დაიყოს ისე, რომ მთელი სურათი სამი გრაფიკული ელემენტისგან შედგეს და ცენტრალური ცარიელი იყოს. ეს ხელს შეუწყობს სურათის გაჭიმვას მონიტორის ნებისმიერ რეზოლუციაზე.
ნაბიჯი 2
შეინახეთ სურათი ოპტიმიზირებული ვებ ფორმატისთვის (შენახვა ვებსაიტისთვის). შენახვისას დააყენეთ ფაილის საჭირო ფორმატი - gif, jpeg ან png. სურათის ცალკეული ნაწილების შეცვლის მიზნით, მენიუში იპოვნეთ Slice Select Tool ვარიანტი და შეცვალეთ სურათის ნაწილები ისე, რომ ზომა მინიმალური იყოს და ეკრანის გაწევის დროს ხარისხის ყველაზე მცირე დაკარგვა მოხდეს. შეცვლის შემდეგ, შეინახეთ სურათები html და სურათებად.
ნაბიჯი 3
თქვენი სურათების შენახვის შემდეგ, დაიწყეთ HTML კოდის რედაქტირება. გახსენით შენახული html დოკუმენტი ჩასაწერად. წაშალეთ კოდის ნებისმიერი ხაზი, რომელიც არ არის საჭირო. შეინახეთ მხოლოდ ცხრილის მონაცემები, რომელშიც გამოსახულებებია ჩასმული უცვლელი
ნაბიჯი 4
სტრიქონებში, yourimage.gif- ის ნაცვლად, მიუთითეთ სურათის გზა თქვენს კომპიუტერში. სიმაღლე და სიგანე უნდა იყოს შესაბამისი.
ნაბიჯი 5
სურათის შუა ნაწილის გაჭიმვის მიზნით, როდესაც უკიდურესი ნაწილები გაშლილია, კოდის სტრიქონებში ჩაწერეთ საჭირო ინფორმაცია. მიუთითეთ თქვენი სურათის პარამეტრები (სიგანე და სიმაღლე).
ნაბიჯი 6
ატვირთეთ შექმნილი სურათები საიტის ძირეულ დირექტორიაში. მიუთითეთ სერვერზე გამოსახულების ახალი ბილიკები და ამრიგად დაარედაქტირეთ HTML კოდი. ჩასვით სურათის კოდი ტეგებს შორის.
ნაბიჯი 7
შეამოწმეთ სურათის თვისებები. შეეცადეთ მასშტაბურად გაანალიზოთ ის ინტერნეტით. სურათი უნდა იყოს მოქნილი ნებისმიერი მიმართულებით.
