როგორ ჩავსვათ .GIF ფაილები ჩემს ვებსაიტზე

...

არსებობს მრავალი მიზეზი, რის გამოც გსურთ დაამატოთ .gif სურათი თქვენს ვებსაიტზე.

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

Ნაბიჯი 1

გახსენით თქვენი ვებსაიტის ადმინისტრაციის პანელი. ეს განსხვავებული იქნება თითოეული ინდივიდისთვის, რადგან ეს დამოკიდებულია მასპინძელ სერვერზე, რომელსაც იყენებთ ან იყენებთ თუ არა პროგრამებს, როგორიცაა Dreamweaver თქვენი საიტის სამართავად. არსებითად, არსებობს რედაქტირების პროგრამული უზრუნველყოფის ორი ძირითადი ტიპი - html რედაქტორი ან WYSIWYG. Smashing Magazine განმარტავს, რომ WYSIWYG ნიშნავს "რას ხედავთ არის ის, რასაც იღებთ". ეს პროგრამები შექმნილია იმისთვის, რომ გვერდის შექმნა უფრო ინტუიციური გახდეს. HTML რედაქტორები მოითხოვს, რომ გაიგოთ HTML ენის საფუძვლები.

დღის ვიდეო

ნაბიჯი 2

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

ნაბიჯი 3

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

თუ იყენებთ HTML ტექსტის რედაქტორს, გახსენით HTML გვერდი, რომელზეც განთავსდება .gif. გადადით HTML ტექსტის იმ წერტილამდე, სადაც გსურთ გამოჩნდეს .gif. დაამატეთ შემდეგი სტრიქონი, შეცვალეთ ინფორმაცია "=" ნიშნების შემდეგ .gif-ის შესახებ ინფორმაციით და დატოვეთ ბრჭყალები ადგილზე:

ჩემი GIF

Cross Culture განმარტავს, რომ "img src" ნიშნავს "სურათის წყაროს". ციტატებს შორის ინფორმაციაში უნდა იყოს მითითებული საქაღალდის სახელი, რომელშიც მდებარეობს .gif და შემდეგ .gif-ის სახელი. "alt" ტეგი ეხება ტექსტს, რომელიც გამოჩნდება იმ შემთხვევაში, თუ გამოსახულების ბმული გატეხილია, თუ ვიზიტორს აქვს სურათები გამორთული ან ტექსტის წამკითხველებისთვის დეკოდირების შემთხვევაში. "სიგანე" და "სიმაღლე" ადგენს გამოსახულების ჩვენებულ ზომას პიქსელებში. სივრცის ტეგები განსაზღვრავენ რამდენი ვერტიკალური ან ჰორიზონტალური სივრცეა მოცემული გამოსახულების გარშემო გარემომცველ შინაარსთან მიმართებაში. სასაზღვრო ტეგი დაამატებს ხაზს გამოსახულების გარშემო და ციტატების შიგნით რიცხვი განსაზღვრავს მის სიგანეს.

რამ დაგჭირდებათ

  • კომპიუტერი ინტერნეტით

  • ადმინისტრაციული წვდომა ვებსაიტზე

  • შენახულია .gif სურათი, რომელიც უნდა ჩასვათ

რჩევა

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

გაფრთხილება

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

კატეგორიები

Ბოლო

როგორ მოვახდინოთ PaintTool SAI Sense Pen-ის წნევა

როგორ მოვახდინოთ PaintTool SAI Sense Pen-ის წნევა

თქვენი წნევისადმი მგრძნობიარე კალმის ტაბლეტი სა...

როგორ ჩავსვათ აბზაცის შესვლა Word დოკუმენტში

როგორ ჩავსვათ აბზაცის შესვლა Word დოკუმენტში

აბზაცის ნიშნები დაგეხმარებათ იდენტიფიციროთ აბზ...

როგორ უკავშირდება Promethean დაფები ლეპტოპებს?

როგორ უკავშირდება Promethean დაფები ლეპტოპებს?

როგორ უკავშირდება Promethean დაფები ლეპტოპებს?...