გვერდის გვერდზე ჩასმის ერთ-ერთი გზაა გამოიყენოს HyperText Markup Language (HTML) შესაძლებლობა გვერდის გაყოფა ცალკეულ ფანჯრებად. ასეთ ფანჯრებს "ჩარჩოებს" უწოდებენ და შეიძლება ერთ გვერდზე იყოს რამდენიმე მათგანი. თითოეულ ჩარჩოს, თავის მხრივ, შეიძლება შეიცავდეს ჩარჩოების ნაკრებებს და თითოეული მათგანი შეიძლება ჩაიტვირთოს სხვადასხვა წყაროების გვერდებით.
Ეს აუცილებელია
ტექსტური რედაქტორი Notepad
ინსტრუქციები
Ნაბიჯი 1
გვერდზე ამგვარი გვერდების შესაქმნელად, თქვენ დაიწყებთ ჩარჩოების კონტეინერის შექმნას. ინსტრუქცია ბრაუზერში, რომ შექმნათ ასეთი კონტეინერი HTML– ში, ასე გამოიყურება:
ასეთ ინსტრუქციას "თეგები" ეწოდება. ეს არის კონტეინერის გახსნის და დახურვის ტეგები, რომელთა შორისაც უნდა განთავსდეს ტეგები ჩარჩოების შესაქმნელად. ტეგები შეიცავს სხვადასხვა დამატებით ინფორმაციას, რომელსაც ეწოდება თეგების "ატრიბუტები". გახსნის ნიშანში უნდა მიუთითოთ, თუ ზუსტად როგორ უნდა დაიყოს გვერდის სივრცე ჩარჩოებს შორის:
აქ "cols" ატრიბუტი მიუთითებს იმაზე, რომ ორი ჩარჩოს გვერდი უნდა გაიყოს ვერტიკალურად, თითოეულს მიეცეს ფანჯრის სიგანის 50%. გვერდის ჰორიზონტალურად გაყოფისთვის გამოიყენება სხვა ატრიბუტი, "რიგები":
იგივე შეიძლება დაიწეროს ამ გზით:
აქ, ვარსკვლავი (*) მიუთითებს, რომ დარჩენილი სივრცე უნდა მიეცეს მეორე ჩარჩოს. შეგიძლიათ მიუთითოთ მნიშვნელობები არა პროცენტებში, არამედ "პიქსელებში" - ეს არის გაზომვის ძირითადი ერთეული, რომელიც გამოიყენება გვერდის განლაგებაში:
ნაბიჯი 2
ჩვენ შევეხეთ კონტეინერს, ახლა თავად უნდა დავაწეროთ ჩარჩოები. HTML ჩარჩოს ტეგი ყველაზე მარტივი ფორმით ასე გამოიყურება: აქ "src" ატრიბუტი მიუთითებს გვერდის ინტერნეტ მისამართზე, რომელიც ამ ჩარჩოში უნდა ჩაიტვირთოს. თუ გვერდი იმავე სერვერზე და იმავე საქაღალდეში (ან ქვე საქაღალდეში) მდებარეობს, მაშინ არ არის აუცილებელი, რომ მიუთითოთ სრული მისამართი, ფაილის სახელი და ქვესა საქაღალდეში მიმავალი გზა საკმარისია. ასეთ მისამართებს ეწოდება "ფარდობითი", ხოლო სრულ მისამართებს "აბსოლუტური". იგივე ტეგი, გვერდის შეფარდებითი მისამართით, რომ ჩატვირთოს: - "გადახვევის" ატრიბუტის გამოყენებით შეგიძლიათ დააყენოთ წესები ამ ჩარჩოს გადახვევის ზოლებისთვის: "დიახ" ნიშნავს, რომ ამ ჩარჩოს ყოველთვის ექნება გადახვევის ზოლები. თუ ჩადებთ მნიშვნელობას "არა" - ისინი არასოდეს იქნება და მნიშვნელობა "ავტო" განსაზღვრავს, რომ გადაადგილების ზოლები გამოჩნდება საჭიროების შემთხვევაში, თუ ჩარჩოს შინაარსი არ ჯდება მის საზღვრებში. - სტანდარტულად, ჩარჩოების საზღვრები გვერდის გადატანა შეგიძლიათ მაუსით. თუ ნიშნისთვის დააყენებთ noresize ატრიბუტს, ეს ფუნქცია გამორთულია: - ჩარჩოს ნიშანს აქვს ორი ატრიბუტი, რომლებიც ადგენს მინდორს მიმდებარე ჩარჩოებს შორის - marginwidth მიუთითებს ზღვრის ზომაზე მომიჯნავე ზღვარიდან ჰორიზონტალურად (მარცხნივ და მარჯვნივ), marginheight - ვერტიკალურად (ქვემოთ და ზემოთ): - კიდევ ერთი ატრიბუტი - სახელი - აძლევს საკუთარ სახელს ჩარჩოს. ეს შეიძლება საჭირო გახდეს, თუ ჩარჩოები შეიცავს სკრიპტებს, რომლებმაც უნდა გააკეთონ რამე მომიჯნავე ჩარჩოებში და განასხვავონ ისინი სახელების მიხედვით:
ნაბიჯი 3
ეს თეორიული ფონი საკმარისია მარტივი გვერდის შესაქმნელად, რომელშიც შედის, მაგალითად, სხვა გვერდებიდან ორი გვერდი. მარტივი ტექსტური რედაქტორი საკმარისი იქნება თქვენთვის - სტანდარტული ჩასაწერი წიგნი კარგად არის. შექმენით ახალი დოკუმენტი და შეიყვანეთ შემდეგი html კოდი:
ახლა შეინახეთ თქვენი დოკუმენტი html გაფართოებით - მაგალითად, test.html. ამის შემდეგ, დააჭირეთ ორმაგად დაწკაპუნებას test.html ფაილზე, ბრაუზერი გაშვება და ბრაუზერი შეასრულებს ინსტრუქციებს, რომლებიც მას html- კოდში მიუთითეთ. შედეგი ასე უნდა გამოიყურებოდეს:
