გაასწორეთ თქვენი საიტი ცენტრში

Სარჩევი:

გაასწორეთ თქვენი საიტი ცენტრში
გაასწორეთ თქვენი საიტი ცენტრში

ვიდეო: გაასწორეთ თქვენი საიტი ცენტრში

ვიდეო: გაასწორეთ თქვენი საიტი ცენტრში
ვიდეო: Израиль | Лошадиная ферма в посёлке Анатот 2024, მაისი
Anonim

დაშიფვრისას, ვებმასტერს დიდი ძალისხმევა უნდა გამოუყოს, რომ საიტი თანაბრად გამოიყურებოდეს ეკრანის სხვადასხვა გარჩევადობაში. საუკეთესო გამოსავალია გვერდზე განთავსდეს მთელი შინაარსი.

გაასწორეთ თქვენი საიტი ცენტრში
გაასწორეთ თქვენი საიტი ცენტრში

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

Ნაბიჯი 1

ცენტრის გასწორების მეთოდი დამოკიდებულია განლაგების მეთოდზე. შეგიძლიათ გამოიყენოთ ტეგები ან

… რა თქმა უნდა, უფრო ადვილია მთლიანი შინაარსის თეგში შეფუთვა, მაგრამ ეს მოძველებულია დიდი ხნის წინ და არ არსებობს იმის გარანტია, რომ ყველაფერი კარგად იმუშავებს. ყველაზე თანამედროვე გზაა CSS ტექნოლოგიის გამოყენება.

ნაბიჯი 2

ტეგი კოდის ნაწილს ჰყოფს ერთ ბლოკად, რომლის საშუალებითაც შეგიძლიათ შეცვალოთ შინაარსის გარეგნობა, ფრაგმენტს ერთი შრიფტი, ფერი, ფონი და ა.შ. ბლოკის განლაგებით, თეგის ყველა შინაარსი მოთავსებულია თეგში. ჩვენ ვიყენებთ გასწორებას align ატრიბუტთან. ასე გამოიყურება:

საიტის შინაარსი

ნაბიჯი 3

ცენტრების დაყენება შეიძლება ასევე CSS ინსტრუმენტების გამოყენებით. ამისათვის თქვენ უნდა შექმნათ სტილის ფურცლების ცალკე ფაილი ან განათავსოთ ყველაფერი იმავე HTML ფაილში, თეგში. კოდი ასე გამოიყურება:

* {ზღვარი: 0; შევსება: 0;}

სხეული {

ტექსტის გასწორება: ცენტრი;

}

div {

სიგანე: 700 პიქსელი;

ზღვარი: 0 ავტო;

}

ნაბიჯი 4

ცხრილის განლაგებისას, ცენტრირება დაყენებულია ცხრილის გამოყენებით

… კოდი ასეთი იქნება: <საიტის ცხრილი

… ცხრილი განლაგდება, შესაბამისად, გვერდის ცენტრში და მისი შინაარსიც. ასევე შეგიძლიათ დააყენოთ ნებისმიერი ბლოკის სიგანე სიგანის პარამეტრის გამოყენებით.

ნაბიჯი 5

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

ნაბიჯი 6

რომელი მეთოდიც გამოიყენეთ, დარწმუნდით, რომ თქვენი საიტი მუშაობს სწორად ყველა ბრაუზერში. თუ რაიმე მიზეზით არასწორად არის ნაჩვენები ერთ-ერთში - მიუთითეთ ეს.

გირჩევთ: