"სათაური", ანუ ვებ-გვერდის ზედა ნაწილი, თქვენს საიტს უნიკალურს ხდის, საშუალებას აძლევს მას განსხვავდებოდეს სხვებისგან და ასახავდეს თქვენი ინტერნეტპროექტის სპეციფიკას. ორიგინალური და კარგად გაკეთებული სათაურის დახმარებით შეგიძლიათ დაამშვენოთ და დახვეწოთ ნებისმიერი ვებ – გვერდი, ხოლო იმისათვის, რომ თავად გააკეთოთ სათაური, უნდა ისწავლოთ ამ ვებ – ელემენტის განლაგება.
ინსტრუქციები
Ნაბიჯი 1
თუ გსურთ თქვენს საიტს ჰქონდეს სტატიკური, მუდმივი ზომები, თქვენ უნდა შექმნათ სტატიკური სათაური, რომელიც არ იცვლება ეკრანის სიგანის ცვლილების შესაბამისად. განსაზღვრეთ სათაურის სიგანე და სიმაღლე (მაგალითად, 996x230) და ჩადეთ უკანა ფონის სურათი ქვედა ბლოკში შემდეგი CSS კოდის გამოყენებით, სადაც header-1.jpg
ფონი: # a6b7d3 url (img / header-1.jpg) განმეორება;
სიგანე: 996px;
სიმაღლე: 230px;
} HTML კოდი ამ ტიპის სათაურისთვის ასე გამოიყურება:
ნაბიჯი 2
თუ საიტი ისეა აგებული, რომ მისი ზომები ეკრანის სიგანეზეა მორგებული, სათაური უნდა იყოს ტიპაჟი, მონიტორის ყველა ძირითადი რეზოლუციის გათვალისწინებით. ასეთი სათაურის მაქსიმალური სიგანე უნდა იყოს 1920 პიქსელი. ასეთი სათაურის ჩასასმელად გამოიყენეთ CSS კოდი: #header {background: # a6b7d3 url (img / header-2.jpg) განმეორების ცენტრი; სიმაღლე: 250px;} HTML კოდი ამ შემთხვევაში მსგავსია წინა. CSS კოდი შეიცვალა ზოგიერთ პარამეტრში - ახლა მას აქვს ატრიბუტი სათაურის გამოსახულების ცენტრში მოქცევისთვის, რაც საშუალებას აძლევს მას ფონი ეკრანის ნებისმიერ სიგანეზე მოთავსდეს.
ნაბიჯი 3
თქვენ ასევე შეგიძლიათ შექმნათ უფრო რთული სათაური, მოჭრილი რამდენიმე ფონის ბლოკად, რომელიც შეიცვლება მათი პოზიციის თვალსაზრისის სიდიდის მიხედვით. CSS ასეთი სათაურისთვის უფრო რთული და ფართოა და მოიცავს რამდენიმე ფონის ელემენტის გამეორებას ბრაუზერის ფანჯრის მცურავი ზომების შესაბამისად, რომელშიც თქვენი საიტის ნახვა შეიძლება.
