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

Სარჩევი:

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

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

ვიდეო: როგორ განათავსოთ სურათი ვებსაიტზე
ვიდეო: ეს შენი ტელეფონის საიდუმლო კოდია! 🔴 2024, მარტი
Anonim

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

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

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

Ნაბიჯი 1

თუ თქვენ გაქვთ შესაძლებლობა გამოიყენოთ შინაარსის მართვის სისტემა, დაამატეთ სურათი გვერდს გვერდის რედაქტორის გამოყენებით. ჯერ ჩაწერეთ რედაქტორში სასურველი გვერდი და დარწმუნდით, რომ ჩართულია ვიზუალური რედაქტირების რეჟიმი. მას ზოგჯერ უწოდებენ ინგლისურ აბრევიატურას WYSIWYG (What You See Is What You Get). ვიზუალურ რეჟიმში გვერდი ისეთივე ჩანს, როგორც საიტზე. თქვენ უნდა დააჭიროთ მაუსს იმ ადგილას, სადაც სურათის ჩასმა გჭირდებათ და დააჭირეთ ღილაკს "სურათის ჩასმა" რედაქტორის პანელზე.

ნაბიჯი 2

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

ნაბიჯი 3

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

ნაბიჯი 4

თუ ვერ იყენებთ მართვის სისტემის გვერდის რედაქტორს, ან მას არა აქვს ვიზუალური რედაქტირების რეჟიმი, საჭიროა შეადგინოთ და დაამატოთ საჭირო HTML ნიშანი წყაროს კოდში. უმარტივესი ვარიანტი შეიძლება ასე გამოიყურებოდეს: აქ img თეგის სახელია და ბრაუზერი იყენებს მას იმის დასკვნამდე, რომ სურათი აქ უნდა იყოს ნაჩვენები. Src ატრიბუტი შეიცავს გამოსახულების ფაილის მისამართს და სახელს. თუ ფაილი მოთავსებულია იმავე საქაღალდეში, როგორც გვერდი, მაშინ სრული URL არ არის საჭირო. შეგიძლიათ დაამატოთ ამომხტარი ინსტრუმენტული მითითება მაუსის დროში სათაურის ატრიბუტის გამოყენებით და საზღვრის სიგანე შეიძლება მიეთითოს საზღვრის ატრიბუტში: შეცვალეთ საჭირო ატრიბუტები თქვენი მნიშვნელობებით და ჩასვით თეგის HTML- კოდი გვერდის წყაროს. ეს შეიძლება გაკეთდეს მარტივი ტექსტური რედაქტორის საშუალებით, რომ გადმოწეროთ წყარო თქვენი საიტის სერვერიდან და შემდეგ ატვირთოთ იგი.

ნაბიჯი 5

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

გირჩევთ: