თუ თქვენ გაქვთ ბანერი, მაგრამ აქ არ არის მზა html- კოდი, მის გვერდზე ჩასასმელად, თქვენთვის საჭირო ბმულის დამატება არც ისე რთულია. მაშინაც კი, თუ ბანერი დამზადებულია ფლეშ ტექნოლოგიის გამოყენებით. წყაროში მოცემულია გრაფიკული და ფლეშ ფორმატის ბანერებზე ბმულების ორგანიზების შესაძლო ვარიანტები ქვემოთ.
ინსტრუქციები
Ნაბიჯი 1
თუ ბანერი გრაფიკული ფორმატის რომელიმე ფორმატშია (gif, jpg, png, bmp), მაშინ საკმარისი იქნება სურათის ტეგის განთავსება ბმულის ტეგში. პირველ რიგში, ჩამოაყალიბეთ სურათის ნიშანი. ვებ გვერდების მარკირების ენაში (HTML - HyperText Markup Language - "ჰიპერტექსტის მარკირების ენა"), მისი უმარტივესი ვერსია ასე გამოიყურება: აქ სურათის "ფარდობითი მისამართი" მითითებულია src ატრიბუტში. ამ ვერსიაში ბრაუზერი მიიჩნევს, რომ სურათი თქვენს სერვერზე იმავე საქაღალდეშია, სადაც გვერდია, სადაც ბანერია ჩასმული. მაგრამ უმჯობესია მიუთითოთ "აბსოლუტური მისამართი":
ნაბიჯი 2
ამ თეგს კიდევ რამდენიმე ატრიბუტის დამატება შეუძლია. ორი ატრიბუტი მიუთითებს ბანერის ზომებზე (სიმაღლე და სიგანე). ეს არის არასავალდებულო ატრიბუტები - გამოსახულება გამოჩნდება მათ გარეშე, თუ ყველაფერი კარგად იქნება, როდესაც გვერდი სერვერიდან ბრაუზერში იტვირთება. მაგრამ თუ რაიმე მიზეზით სურათი არ არის დატვირთული, მაშინ ზომების ნაკლებობამ შეიძლება გამოიწვიოს ის ფაქტი, რომ ყველა სხვა დიზაინის ელემენტი უადგილო იქნება. ზომის ტეგი ასე გამოიყურება:
ნაბიჯი 3
სტანდარტულად, ბრაუზერი ხაზავს ლურჯ საზღვარს ბმულის სურათების გარშემო. ამის თავიდან ასაცილებლად, ბანერის ტეგს დაამატეთ საზღვრის ატრიბუტი, რომელსაც აქვს null მნიშვნელობა:
ნაბიჯი 4
დაამატეთ კიდევ ერთი ატრიბუტი (სათაური), რომელიც შეიცავს ტექსტს ინსტრუმენტული მითითებისთვის, როდესაც მაუსის კურსორს ატარებთ ბანერზე:
ნაბიჯი 5
თქვენ მოამზადეთ სურათის ტეგი ყველაზე მნიშვნელოვანი ატრიბუტებით, ახლა თქვენ უნდა განათავსოთ იგი ბმულის ნიშნის შიგნით. თითოეული ჰიპერბმულის ფორმირება ხდება ორი თეგით - გახსნა და დახურვა: გახსნის ნიშანი შეიცავს href ატრიბუტს, რომელიც შეიცავს მოთხოვნის გაგზავნის მისამართს. ამ ორ ბმულის ნიშანს შორის ჩასვით ბანერის ნიშანი: ბანერის HTML კოდი მზადაა, არ დაგავიწყდეთ შეცვალოთ: - href ატრიბუტში: "https://kakprosto.ru" თქვენი ბმულის მისამართით ბანერისთვის; - src ატრიბუტში: "https://kakprosto.ru/banner.gif" ბანერის სურათის მისამართზე; - სიგანის ატრიბუტში: "468" თქვენი ბანერის სიგანეზე; - სიმაღლის ატრიბუტში: "60" თქვენი ბანერის სიმაღლისთვის; - სათაურის ატრიბუტში: "ეს არის ბანერი!" pop-up ტექსტი თქვენი ბანერისთვის;
ნაბიჯი 6
ყველა ზემოთ ნაჩვენები იყო გამოსახულების ბანერები, მაგრამ ასევე არსებობს ბანერების დამზადება Flash ტექნოლოგიის გამოყენებით. ჩასასმელად ბმული ფლეშ ფილმში სტანდარტული გზით, თქვენ უნდა გქონდეთ არა მხოლოდ ბანერი, არამედ მისი კოდექსი. გარდა ამისა, შეგიძლიათ შეცვალოთ კოდის კოდი და შემდეგ შეადგინოთ Flash ფილმი მხოლოდ სპეციალურ რედაქტორში - ჩვეულებრივი ტექსტური რედაქტორი არ არის შესაფერისი ამისათვის. ამასთან, არსებობს გზა ყველა ამ სირთულის გადასალახად, რაც შემოიფარგლება მხოლოდ HTML და CSS რედაქტირებით (Cascading Style Sheets - "კასკადური სტილის ფურცლები"). CSS ენა გამოიყენება გვერდის ელემენტების უფრო დეტალური (HTML– სთან შედარებით) აღწერილობისთვის. მისი დახმარებით, გვერდებზე შეიძლება აშენდეს საკმაოდ რთული მრავალშრიანი სტრუქტურები. ჩვენ ამას გამოვიყენებთ Flash ბანერის ქვედა ფენაში მოთავსებით და ფენის ზემოთ ბმულით განთავსებით. ბანერის HTML კოდი ასე გამოიყურება:
ნუ დაივიწყებთ მასში სიგანის და სიმაღლის ატრიბუტების შეცვლას (ორ ადგილას), ბანერის სახელის banner.swf (ორ ადგილას) და ბმულის მისამართის https://kakprosto.ru (ერთ ადგილას) და SCC კოდის ამ HTML კოდის შესაბამისი უნდა იყოს შემდეგი:
div.linkedFlashContainer {პოზიცია: ნათესავი; z- ინდექსი: 1; საზღვარი: 0px; სიგანე: 468 პიქსელი; სიმაღლე: 60 პიქსელი}
a.flashLink {პოზიცია: აბსოლუტური; z- ინდექსი: 2; სიგანე: 468 პიქსელი; სიმაღლე: 60 პიქსელი; ფონი: url (spacer.gif) განმეორება;}
აქ გამოიყენება გამჭვირვალე გამოსახულება (ნებისმიერი ზომის), სახელწოდებით spacer.gif. და აქაც არ უნდა დაგვავიწყდეს სიგანის და სიმაღლის ზომის შეცვლა (ორ ადგილას).
