როგორ შევქმნათ რეზინის სათაური ვებსაიტისთვის

Სარჩევი:

როგორ შევქმნათ რეზინის სათაური ვებსაიტისთვის
როგორ შევქმნათ რეზინის სათაური ვებსაიტისთვის

ვიდეო: როგორ შევქმნათ რეზინის სათაური ვებსაიტისთვის

ვიდეო: როგორ შევქმნათ რეზინის სათაური ვებსაიტისთვის
ვიდეო: How to Write the Perfect Title Tag to Increase Your Click Through Rate (CTR) 2024, მაისი
Anonim

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

როგორ შევქმნათ რეზინის სათაური ვებსაიტისთვის
როგორ შევქმნათ რეზინის სათაური ვებსაიტისთვის

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

Ნაბიჯი 1

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

ნაბიჯი 2

სათაურის ამოკვეთის შემდეგ, შეინახეთ იგი ფაილების ოპტიმიზაციით ვებ ფორმატისთვის შენახვისას (შენახვა ვებსაიტისთვის) შეარჩიეთ ფაილის სასურველი ფორმატი - მაგალითად, gif, jpeg ან png. სურათის თითოეული ფრაგმენტის შესაცვლელად, დააჭირეთ მენიუში Slice Select Tool პარამეტრს და შეცვალეთ სურათების ზომა ისე, რომ მათი ზომა მაქსიმალურად მცირე იყოს და ეკრანზე გამოსახულების ვიზუალური ჩვენების ხარისხზე ნაკლები ზარალი იყოს. შეინახეთ თქვენი რედაქტირებული სურათები html და სურათების სახით.

ნაბიჯი 3

სურათების შენახვის შემდეგ, შეცვალეთ HTML კოდი Notepad– ით გახსნილი html დოკუმენტის გახსნით. ჩასაწერად წაშალეთ კოდის ყველა ზედმეტი ხაზი. დატოვეთ მხოლოდ საჭირო სტრიქონები - მონაცემები ცხრილის შესახებ, რომელშიც თქვენი სურათებია ჩასმული:

ნაბიჯი 4

ამ სტრიქონებში, yourimage.gif- ის ნაცვლად, უნდა იყოს მითითებული თქვენი სურათებისკენ მიმავალი გზა შესაბამისი სიგანე და სიმაღლე.

ნაბიჯი 5

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

ნაბიჯი 6

ატვირთეთ გენერირებული სათაურის სურათები თქვენი საიტის ძირეულ კატალოგში და შემდეგ შეცვალეთ HTML კოდი სერვერზე სათაურის სურათების ახალი ბილიკებით. ჩასვით სათაურის კოდი თეგებს შორის.

გირჩევთ: