ერთ გვერდზე მრავალჯერადი წყაროებიდან ინფორმაციის წარმოსაჩენად, ხშირად გამოიყენება HTML გვერდის გამყოფი მექანიზმი. ქვემოთ მოცემულია ენის კონსტრუქციების აღწერა ჩარჩოების ჩასასმელად.
აუცილებელია
HTML- ის ძირითადი ცოდნა
ინსტრუქციები
Ნაბიჯი 1
HyperText Markup Language (HTML) გთავაზობთ ორი ტიპის ჩარჩოებს. მცურავი უფრო მოქნილია და უფრო ადვილია არსებულ გვერდზე ჩასმა. ზოგადად, ფანჯრის ჩარჩოს აღწერილი კონსტრუქცია მცურავი ჩარჩოს გამოყენებით ასე გამოიყურება: აქ მითითებულია არსებული საიტის მთავარი გვერდი, როგორც მონაცემთა წყარო ამ ჩარჩოსთვის (src ატრიბუტი). იგი გაიხსნება 400 x 300 პიქსელის ჩარჩოში, როგორც ეს მითითებულია სიგანეზე და სიმაღლეზე ატრიბუტებში. ასევე შეგიძლიათ მიუთითოთ თქვენი საიტის გვერდი src ატრიბუტში. ამ შემთხვევაში საკმარისია მიუთითოთ შედარებითი მისამართი (ეს არის მისამართი იმ გვერდის მიმართ, რომელშიც ჩარჩოა ჩასმული): ამ ნიმუშში არ არის მითითებული ჩარჩოს სიგანე და სიმაღლე, მაგრამ არსებობს ID ატრიბუტის იდენტიფიკატორი. მისი გამოყენებით შეგიძლიათ გამოიყენოთ CSS () ამ ჩარჩოსთვის საჭირო ზომების დასადგენად:
#frameOne {სიგანე: 700px; სიმაღლე: 200 პიქსელი;}
ნაბიჯი 2
ჩარჩოების სხვა ტიპი - "კლასიკური" - მოითხოვს ცალკე გვერდს, რომელიც შეიცავს ჩარჩოს სტრუქტურის აღწერას. თავად ჩარჩოები იქნება ცალკეულ გვერდებზე, შესაძლოა ცალკეულ საიტებზეც კი. ჩარჩოს კონტეინერის გვერდის HTML კოდი შეიძლება ასე გამოიყურებოდეს:
არ უნდა არსებობდეს… და… ბლოკები, რომლებიც საჭიროა ჩვეულებრივი გვერდებისათვის. ამ მაგალითში, კონტეინერის გახსნის ნიშანი შეიცავს მწკრივების ატრიბუტს, რაც ნიშნავს, რომ გვერდის სივრცე უნდა გაიყოს ვერტიკალურად და ზედა ნაწილს მიეცემა პირველი ჩარჩო. თუ მწკრივებს შეცვლით სვეტებით, მაშინ დაყოფა ჰორიზონტალური იქნება. ამ ატრიბუტის მნიშვნელობა "*, *" მიუთითებს, რომ გაყოფილი პროპორციები თანაბარია - 50% თითოეული. თუ მიუთითებთ, მაგალითად, "20%, *", მაშინ მხოლოდ 20% გადაეცემა პირველ ჩარჩოს, ხოლო დანარჩენ ადგილს მეორეზე. მომხმარებელს შეუძლია შეცვალოს ეს პროპორციები ჩარჩოების საზღვრების გადმოწევით მაუსი, მაგრამ შესაძლებელია ამ მოქმედების გამორთვა. ამისათვის დაამატეთ noresize ატრიბუტი კონკრეტული ჩარჩოს თეგს. ასევე შეგიძლიათ მიუთითოთ ვერტიკალური და ჰორიზონტალური ჭრილების ზომა მომიჯნავე ჩარჩოდან (ზღვრის სიგანე და ზღვრის სიმაღლის ატრიბუტები): შესაძლებელია თითოეული ჩარჩოს გადახვევის ზოლების ქცევის წესების ცალკე დაყენება. ამისათვის გამოიყენება გადახვევის ატრიბუტი, რომელიც შეიძლება შეიცავდეს სამი წინასწარ განსაზღვრული მნიშვნელობიდან ერთს. მითითების შემთხვევაში, გრაგნილების ზოლები გამოჩნდება, როდესაც ჩარჩოს შინაარსი არ ჯდება მის საზღვრებში. თუ "დიახ" - ზოლები მუდმივად იქნება წარმოდგენილი, მათი საჭიროების მიუხედავად. თუ "არა" - ეს ნიშნავს, რომ ამ ჩარჩოსთვის გადახვევის ზოლები არ დაიშვება.
ნაბიჯი 3
წინა ორ ეტაპზე მოწოდებული ინფორმაციის საფუძველზე, თქვენ უნდა შექმნათ html კოდი, რომელიც უფრო შესაფერისია თქვენი პრობლემის გადასაჭრელად. ამის შემდეგ რჩება მხოლოდ გვერდის კოდის ჩასმა. ამისათვის შეგიძლიათ გამოიყენოთ თქვენი საიტის მართვის სისტემის გვერდის რედაქტორი - გახსნათ მასში სასურველი გვერდი, გადახვიდეთ html კოდის რედაქტირების რეჟიმში და ჩასვათ კოდი თქვენს გვერდზე სასურველ ადგილზე. გარდა ამისა, შეგიძლიათ ჩამოტვირთოთ გვერდის კოდის ფაილი ჰოსტინგის მენეჯმენტის ფაილის მენეჯერის ან შინაარსის მართვის სისტემის მიერ, გახსნათ ტექსტის რედაქტორში და ჩასვათ კოდი მასში. შემდეგ იგივე გზით შეცვალეთ კოდი სერვერზე.
