სურათები, ისევე როგორც ვებ – გვერდის ყველა სხვა ელემენტი, ნაჩვენებია ბრაუზერის მიერ, სერვერის მიერ გაგზავნილი დეტალური ინსტრუქციების შესაბამისად. ეს ინსტრუქციები დაწერილია HTML (HyperText Markup Language) და შედგება "თეგებისგან". ტეგებში აღწერილია ვებ – გვერდის ყველა ელემენტის ტიპი, მათი ადგილმდებარეობა და გარეგნობა.
ინსტრუქციები
Ნაბიჯი 1
ჯერ უნდა ატვირთოთ გამოსახულების ფაილი სერვერზე. ამის გაკეთება შესაძლებელია სპეციალური პროგრამის საშუალებით FTP (ფაილის გადაცემის პროტოკოლის) გამოყენებით. ამ პროგრამებს FTP კლიენტებს უწოდებენ - მაგალითად, Cute FTP, WS FTP, FlashFXP და სხვა. მაგრამ თქვენ შეგიძლიათ გადმოწეროთ ფაილების მენეჯერის საშუალებით, რომელიც უნდა იყოს ჰოსტინგის მართვის პანელში, რომელზეც თქვენი საიტია განთავსებული. ფაილების მენეჯერი საშუალებას გაძლევთ ფაილები ატვირთოთ თქვენი ბრაუზერის საშუალებით.
ნაბიჯი 2
ამის შემდეგ, თქვენ უნდა ჩასვათ შესაბამისი ტეგი სასურველი გვერდის html- კოდში. ანუ, თქვენ უნდა იპოვოთ ეს გვერდი და გახსნათ მისი კოდის რედაქტირებისთვის. თუ გვერდის ფაილი გაქვთ, მისი გახსნა შეგიძლიათ მარტივი ტექსტური რედაქტორით - მაგალითად, სტანდარტული ჩასაწერი წიგნით. თუ საიტის სამართავად იყენებთ რაიმე სისტემას, ამ სისტემის ადმინისტრაციულ პანელში იპოვნეთ გვერდის რედაქტორი და გახსენით მასში სასურველი გვერდი. ამის შემდეგ, რჩება სურათის ნიშნის ჩასმა თქვენთვის საჭირო ადგილზე და შეინახეთ ცვლილებები.
ნაბიჯი 3
უფრო მეტი თავად თეგის შესახებ - მისი უმარტივესი ფორმით, ის შეიძლება ასე გამოიყურებოდეს: ნიშანი შეიცავს სხვადასხვა დამატებით ინფორმაციას - "ატრიბუტებს". სურათის ტეგისთვის საჭიროა მხოლოდ ერთი ატრიბუტი - src. ის ბრაუზერს ეუბნება მისამართს, სადაც უნდა მიიღოს კარნიკის შემცველი ფაილი. თუ ეს ფაილი სერვერზეა იმავე საქაღალდეში (ან ქვე საქაღალდეში), როგორც თავად გვერდზე, მაშინ საკმარისია მიუთითოთ მხოლოდ მისი სახელი ან ქვე საქაღალდისკენ მიმავალი გზა. ასეთ მისამართებს "ფარდობითს" უწოდებენ. და აბსოლუტური მისამართი შეიძლება ასე გამოიყურებოდეს:
- კიდევ ერთი ატრიბუტი - alt="გამოსახულება" - შეიცავს ტექსტს, რომელიც გამოჩნდება მაუსის მაუსის მაუწყებლობის ტექსტში: სხვა ატრიბუტები - სათაური აკეთებენ იმავეს: - ორი ატრიბუტი - სიგანე და სიმაღლე - დააყენეთ მართკუთხედის ზომა, რომელშიც ბრაუზერი აჩვენებს სურათს: ეს ატრიბუტები არ არის საჭირო, მაგრამ თუ რამე არასწორად მოხდა და სურათის ჩატვირთვა შეუძლებელია, მაშინ გვერდის ყველა სხვა ელემენტი შეიძლება არ იყოს ადგილიდან, რადგან ბრაუზერი არ ცნობს ზომებს, რომ სურათი უნდა ჰქონოდა დაკავებული. ზომები მითითებულია "პიქსელებში" - ეს არის გაზომვის ძირითადი ერთეული, რომელიც გამოიყენება გვერდის განლაგებაში. - საზღვრის ატრიბუტი ადგენს საზღვრის სიგანეს სურათის გარშემო (პიქსელებში): თუ სურათს მიაწვდიან ბმულს, ბრაუზერი დახაზავს ნაგულისხმევად მის გარშემო ლურჯი საზღვარი. ამის თავიდან ასაცილებლად, თქვენ უნდა დააყენოთ საზღვრის მნიშვნელობა ნულზე: - ორი ატრიბუტი ადგენს სურათის ჩაღრმავებას მომიჯნავე ელემენტებიდან (მაგალითად, ტექსტის ხაზებიდან) - hspace ადგენს ჰორიზონტალურ ჩაღრმავებას (მარცხნივ და მარჯვნივ), vspace - ვერტიკალურად (ქვედა და ზედა): - ეს არის ყველაზე ხშირად გამოყენებული ატრიბუტები და ამ ტეგისთვის 50-ზე მეტი მათგანია!
