როგორ შევქმნათ ვებსაიტი ორიენტირებული

Სარჩევი:

როგორ შევქმნათ ვებსაიტი ორიენტირებული
როგორ შევქმნათ ვებსაიტი ორიენტირებული

ვიდეო: როგორ შევქმნათ ვებსაიტი ორიენტირებული

ვიდეო: როგორ შევქმნათ ვებსაიტი ორიენტირებული
ვიდეო: როგორ შევქმნათ Website უფასოდ !? უფასო ჰოსტინგი ვებსაიტი 2024, მაისი
Anonim

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

როგორ შევქმნათ ვებსაიტი ორიენტირებული
როგორ შევქმნათ ვებსაიტი ორიენტირებული

Ეს აუცილებელია

HTML და CSS ენების ცოდნა

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

Ნაბიჯი 1

განათავსეთ ის ფენა, რომლის განთავსებაც გსურთ ფანჯრის ცენტრში, ცენტრის ტეგის გახსნისა და დახურვის ნაწილებს შორის, თუ გსურთ გამოიყენოთ მხოლოდ HTML ენის საშუალებით (HyperText Markup Language - "ჰიპერტექსტის მარკირების ენა"). ვივარაუდებთ, რომ შრის მშობელი, რომელიც განსაზღვრავს გვერდის საზღვრებს, არის ამ გვერდის ძირითადი ნაწილი. HTML კოდის უმარტივესი ვერსია ამ ცენტრის ნიშნის გამოყენებით შეიძლება ასე გამოიყურებოდეს:

ცენტრის გვერდი

გვერდის ტექსტი

ნაბიჯი 2

თუ გსურთ CSS (Cascading Style Sheets) გამოიყენოთ გვერდის გასწორებისთვის, გამოიყენეთ padding- ის ავტომატური ზომა ბრაუზერის ფანჯრის საზღვრებიდან. CSS– ში ზღვრის ზომები განისაზღვრება margin– ის პარამეტრით. წაშალეთ ცენტრალური ნიშნები წინა ნიმუშიდან და დაამატეთ 0 ავტომატური პარამეტრი ფენის სტილის ატრიბუტს, რომელიც განსაზღვრავს გვერდის სიგანეს:

ცენტრის გვერდი

გვერდის ტექსტი

ნაბიჯი 3

რა თქმა უნდა, სტილის განმარტება შეიძლება ამოღებულ იქნეს სტილის ატრიბუტიდან და განთავსდეს გარე ფაილში ან დოკუმენტის სათავეში (და ტეგებს შორის). ამ შემთხვევაში, იგივე კოდი ასე გამოიყურება:

ცენტრის გვერდი

# გვერდი ჩარჩო {

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

სიმაღლე: 400 პიქსელი;

ფონი: # 0BB;

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

}

გვერდის ტექსტი

გირჩევთ: