ფრეიმი არის ადგილი საიტზე (ფანჯარა), რომელშიც სხვა ვებ გვერდი ჩანს. ვებმასტერები იყენებენ ამ შესაძლებლობას თავიანთი მეგობრების ან პარტნიორების საიტების მთავარი გვერდის წარმოსაჩენად. იგივე ტექნიკა გამოიყენება საძიებო ფორმის საჩვენებლად ველებში შედეგის გვერდით და ა.შ.
მაგრამ ძირითადად ფრეიმები გამოიყენება დიდი ვებ პორტალების შესაქმნელად, სადაც საჭიროა მენიუს ელემენტების და ქვემენიუების მნიშვნელოვანი რაოდენობა. ასეთ ადამიანებზე ჩვეულებრივ ამბობენ: „საიტი ჩარჩოებზე“. ასეთი რესურსის შესაქმნელად საჭიროა HTML-ის კარგი ცოდნა.
ჩარჩოების შექმნა ვებსაიტის შემქმნელში
ზოგიერთი ვებსაიტის შემქმნელი უზრუნველყოფს ასეთი კოდის ავტომატურ გენერირებას. ჩვეულებრივ, ჩარჩოს დამატება ღილაკი მდებარეობს პროგრამის მთავარ მენიუში. ჯერ უნდა მოათავსოთ კურსორი გვერდზე სწორ ადგილას, შემდეგ დააჭიროთ ღილაკს, გაიხსნება ფანჯარა (როგორც ნაჩვენებია ეკრანის სურათზე). მასში შეგიძლიათ დააყენოთ გვერდის მისამართი, რომელიც გაიხსნება ჩარჩოში და დაარეგულიროთ ზომები: სიგანე და სიმაღლე.
მაგრამ ძირითადად ფრეიმები გამოიყენება დიდი ვებ პორტალების შესაქმნელად, სადაც საჭიროა მენიუს ელემენტების და ქვემენიუების მნიშვნელოვანი რაოდენობა. ასეთ ადამიანებზე ჩვეულებრივ ამბობენ: „საიტი ჩარჩოებზე“. ასეთი რესურსის შესაქმნელად საჭიროა კარგი ცოდნაHTML ენა.
ამ „სერვისის“დახმარებით შესაძლებელია გვერდზე რამდენიმე ფრეიმის შექმნა, მაგრამ ამ გზით ურთიერთდაკავშირებულ ელემენტებს ვერ მიიღებთ.
ჩარჩოები CMS-ში
საიტების შექმნის ბევრ პროგრამაში შესაძლებელია შესაბამისი მოდულის დაყენება. მაგალითად, ჯომლასთვის ჩარჩო არის "Wrapper" მოდული.
შეგიძლიათ იპოვოთ და შექმნათ Joomla CMS მართვის პანელში: "გაფართოებები" - "მოდულის მენეჯერი" - "შექმნა" (მრგვალი ნარინჯისფერი ღილაკი შიგნით პლუსის ნიშნით). ამომხტარ ფანჯარაში, სიაში, იხილავთ "Wrapper" მოდულს.
თუ აქ არ არის, არ შედის. მის გამოსაყენებლად ჯერ უნდა გაააქტიუროთ აქ: ჩანართი „გაფართოებები“, შემდეგ „გაფართოების მენეჯერი“, შემდეგ ჩანართი „მართვა“. და ჩვენ ვეძებთ სიაში, რომელიც იხსნება, სწრაფი საძიებლად ველში "ფილტრი" შეიყვანეთ სიტყვა: Wrapper. ამ მოდულის მოპირდაპირე მხარეს უნდა იყოს მწვანე ხატი შიგნით გამშვები ნიშნით. წითელი წრე შიგნით წერტილით ნიშნავს, რომ ეს დანამატი გამორთულია.
ამ პროცედურის შემდეგ შეგიძლიათ დაუბრუნდეთ "მოდულის მენეჯერს", შექმნათ ჩარჩო და დააყენოთ მისი პარამეტრები.
როგორც სურათზე ხედავთ, მოდული გაძლევთ საშუალებას დააყენოთ: სათაური ჩარჩოს ზემოთ, მოდულის პოზიცია, აირჩიოთ საიტის გვერდები, რომლებზეც ის იქნება ნაჩვენები. და ასევე დაარეგულირეთ სიგანე, სიმაღლე; დაამატეთ ჩარჩო და რეალურადბმული ვებ გვერდზე. თუ ჩარჩოში გსურთ აჩვენოთ საიტის მთავარი გვერდი სრული სიგანით, მაშინ ნაგულისხმევად დაყენებული 100% საკმარისი არ იქნება. თქვენ შეგიძლიათ დაუყოვნებლივ უსაფრთხოდ დააყენოთ 400%. 200 სიმაღლე ჩვეულებრივ საკმარისია გვერდის ზედა მენიუს საჩვენებლად. ყველა სხვა კონტენტი ხილული იქნება, თუ მომხმარებელი (საიტის სტუმარი) გამოიყენებს გადახვევის ზოლს.
აქ არის მაგალითი იმისა, თუ რა არის ჩარჩო Joomla-ში.
ჯუმლას მოდული ჩარჩოს შესაქმნელად ძალიან მოსახერხებელი და მარტივი გამოსაყენებელია. თუმცა, მისი შესაძლებლობები შეზღუდულია, ისევე როგორც კონსტრუქტორის შესაძლებლობები.
ისტორია და რეალობა
ფრეიმებიდან საიტების შექმნის პრაქტიკაში ეს ტეგი (მისი აპლიკაცია) დიდი ხანია უკანა პლანზე გადავიდა. მათ შეძლეს ჩანაცვლება მოდულებით, პარამეტრებით კონსტრუქტორ პროგრამებში, რომლებიც ქმნიან კოდს ვებ გვერდისთვის საიტის შემქმნელის მონაწილეობის გარეშე. თუმცა, ზოგიერთ შემთხვევაში ეს საკმარისი არ არის. მაგალითად, როდესაც ჩარჩო არის ბრაუზერში ნაჩვენები ტერიტორიების ჰოლისტიკური რთული სტრუქტურა. ასე ხედავენ ამას კომპლექსურად სტრუქტურირებული საიტების მფლობელები. მისი შექმნა გამოიყენება მხოლოდ ექსტრემალურ შემთხვევებში, რადგან ჩარჩო საიტები იქმნება ექსკლუზიურად სპეციალიზებული ტეგების დახმარებით.
კომპლექსურად სტრუქტურირებული საიტები
მათთვის რამდენიმე ურთიერთდაკავშირებული ჩარჩოს შექმნა საუკეთესო გამოსავალია რესურსების გვერდებზე შინაარსის ორგანიზებისთვის. ეს არის, როგორც წესი, დიდი პორტალები, რომლებიც ყოველწლიურად ძლიერდებიან.
როგორ მივაღწიოთ იგივე შედეგს? როგორ იქმნება ჩარჩოს სტრუქტურა?
როგორჩადეთ ჩარჩო გვერდის კოდში
ჩარჩოები HTML-ში ემატება ტეგების გამოყენებით:
- ჩარჩო (ცალკე ფანჯრისთვის);
- framesset (მისი გამოყენება მთელი სტრუქტურის შესაქმნელად);
- iframe ("მცურავი" ჩარჩო);
- noframes (იმ შემთხვევაში, თუ ჩარჩო არ არის ნაჩვენები მომხმარებლის ბრაუზერში).
პირველი მითითებული ტეგი ყოველთვის ჯდება წყვილში და. და ის ცვლის და. და შესაბამისი ატრიბუტების დახმარებით თქვენ შეგიძლიათ დაარეგულიროთ თითოეული ელემენტის მახასიათებლები: სახელი (სახელი=), ზომა (cols=და რიგები=), საზღვრის არსებობა (საზღვარი), გადახვევის ზოლის გარეგნობა და, რა თქმა უნდა, ვებ გვერდის ბმული ჩვენება.
დიზაინის ვარიაციები
საიტის მთელი გვერდი შეიძლება დაიყოს სფეროებად. მაგალითად, ასე:
| მარცხენა | ზედა ჩარჩო |
| მარჯვნივ |
ასეთი სტრუქტურის მიღება (მას ეძახიან წყობილს) შეიძლება მივიღოთ ტეგის შიგნით cols ატრიბუტის ჩაწერით, რაც ნიშნავს ჩარჩოს მდებარეობას ჰორიზონტალურად, ხოლო რიგები - ვერტიკალურად. შემდეგი, იდება=ნიშანი და მითითებულია ზომები. მაგალითად, 60%, 40% - პროცენტი (ერთი ფანჯარა დაიკავებს ბრაუზერის სივრცის 60%, მეორე, შესაბამისად, 40%). ან 100, 200 - ასპექტის თანაფარდობა პიქსელებში. ერთ-ერთი ჩარჩოს ზომის დაყენება საერთოდ შეუძლებელია (ის დაყენებული იქნება ნაგულისხმევად). ამისათვის, მძიმის შემდეგ ან მის წინ, თქვენ უნდა მიუთითოთ სიმბოლო.
ბუდეყოველი ახალი ფართობი აღინიშნება ახალი კადრებით.
კოდის მაგალითი:
გაითვალისწინეთ, რომ ჩვენს მაგალითში, მეორე და მესამე კადრებისთვის, ზომები მითითებულია მხოლოდ ერთხელ.
ბევრი იდეა საშუალებას გაძლევთ დაასრულოთ ჩარჩოები. ბრაუზერის ფანჯარაში მათი მდებარეობის მაგალითები შეიძლება იყოს უსასრულოდ (კოდის შესაბამისად შეცვლა). თუმცა ამ ინფორმაციას დიდი ხანია პრაქტიკული გამოყენება არ ჰქონია. ფრეიმები, თუ დღეს გამოიყენება საიტების შექმნისას, არის მხოლოდ მოდულების სახით უფასო CMS-ში ან iframe-ის სახით.
მცურავი ჩარჩო
უცნაურია, რატომ მიიღო ასეთი სახელი, აქ უფრო შესაფერისია სიტყვა "ჩაშენებული". ეს ჩარჩო შექმნილია ფაილის შინაარსის საჩვენებლად. თქვენ ატვირთავთ ნებისმიერ დოკუმენტს ან ფაილს მონაცემთა ბაზაში, წერთ მის გზას iframe ტეგების გამოყენებით - და ვიზიტორები დაინახავენ ფაილის ტექსტს (ვიდეო ან სურათი). სამწუხაროდ, ბრაუზერები ყოველთვის არ აწარმოებენ შინაარსს. ამისათვის, ვებ შემქმნელები შეაქვს ფრაზას გახსნისა და დახურვის ტეგებს შორის: "თქვენი ბრაუზერი არ აჩვენებს კონტენტს."
მაგალითად, Seopult.ru არის ცნობილი სერვისი პრომო ოსტატებისთვის. მხოლოდ არა მისი მთავარი საიტი, არამედ სარკე I.seopult.pro, შექმნილი პორტალის კლიენტებისთვის. iframe კოდი აქ იწერება შემდეგნაირად:
ინსტრუქცია
. სად არის ტეგი
-
შეიქმნა სიის ელემენტის განსაზღვრისთვის. მხარს უჭერს ყველა ბრაუზერი.
თავად სარკის გვერდზე შეგიძლიათ იხილოთ სიტყვა "ინსტრუქცია" ღილაკის სახით. მასზე დაწკაპუნებით ბრაუზერის ფანჯრის ცენტრში იხსნება პრეზენტაცია.
ყველა დიდიფილმებისა და სერიების საყურებელი საიტები იქმნება iframes-ის (მაგალითად, "Imhonet"), ასევე სოციალური ქსელების გამოყენებით. "Yandex"-ის მთავარი გვერდიც კი შეიცავს ამ ტეგს და ერთზე მეტ წყვილს.
როგორ დავწეროთ iframe
შეგიძლიათ ატვირთოთ დოკუმენტი ფანჯრის სახით გადახვევის ზოლით საიტის ნებისმიერ ადგილას. ჩვეულებრივ, ტეგები თავსდება სხეულის შიგნით. სტანდარტის მიღმა
და, როგორც ზემოთ მოცემულ მაგალითშია ნაჩვენები, სიის ტეგი ასევე შეიძლება გამოყენებულ იქნას -
-
ატრიბუტები დაემატა iframe-ს:
- სიგანე (სიგანე) და სიმაღლე (სიმაღლე=);
- კიდის გასწორება;
- შეწევა, რომელიც შეიძლება იყოს მითითებული ან არ იყოს მითითებული: ნაგულისხმევი მნიშვნელობა არის 6 - ეს სავსებით საკმარისია;
- დაშვების გამჭვირვალობის გამოყენებით, შეგიძლიათ დააყენოთ ჩარჩოს არეალის გამჭვირვალობა ისე, რომ გვერდის ფონი ჩანდეს;
- პლუს ნაცნობი scr, სახელი, გადახვევა, საზღვარი.
ნავიგაცია iframe-ით
ყველაზე საინტერესო ფრეიმინგის უნარი არის კოდის დაწერა, რომელიც საშუალებას გაძლევთ გახსნათ კონტენტი ფანჯარაში ბმულით, რაც გააკეთეს Seopult mirror-ის შემქმნელებმა, მხოლოდ რამდენიმე ბმულით ერთდროულად (ერთდროულად ხელმისაწვდომი მომხმარებლისთვის იმავე გვერდზე).
ამისთვის იღებენ iframe-ს, მასში დამატებით იწერება სახელი name=-ის მეშვეობით. მაგალითად, სათაური. გარდა ამისა, მანამდე ტეგებში და ლინკებში იწერება HREF=მათ შემდეგ ატრიბუტის სავალდებულო მითითებით.დახურვის ტეგის გამოყენებამდე a მითითებულია წარწერა, რომელიც იქნება ბმულის ღილაკის ფუნქცია. წარწერები "ა" გახსნა და დახურვაჩართულია ტეგში p.
შეგიძლიათ ჩაწეროთ რამდენიმე ასეთი სტრიქონი კოდში, რათა საბოლოოდ მიიღოთ რამდენიმე ბმული ღილაკი ერთ რიგში საიტზე, რომელზედაც დააწკაპუნეთ ქვემოთ მოცემულ ფანჯარაში სხვადასხვა შინაარსი.
კოდი ასე გამოიყურება:
განათავსეთ რეკლამა
რეკლამების ნახვა
Image როგორ გამოიყურება საიტზე:
როგორ ჩავსვათ iframe Joomla-ს საიტზე
როგორც სტანდარტი, Joomla-ს მართვის პანელს აქვს ჩართული (გამოყენებისთვის მზად) "HTML-კოდი" მოდული. მისი საშუალებით შეგიძლიათ ნებისმიერი კოდის ჩასმა საიტზე ნებისმიერ ადგილას. თუმცა, ის ჯიუტად უგულებელყოფს iFrem ტეგის მქონე კოდს. ამიტომ, ჩვენ გამოვიყენებთ სპეციალურ Jumi მოდულს.
პირველ რიგში, თქვენ უნდა გადმოწეროთ იგი ინტერნეტიდან და დააინსტალიროთ ჯომლას ადმინისტრაციული პანელის მეშვეობით: "გაფართოებები" - "გაფართოების მენეჯერი" - "აირჩიეთ ფაილი". მიუთითეთ გადმოწერილი არქივის გზა და დააწკაპუნეთ "ჩამოტვირთვა".
წარმატებული ინსტალაციის შემდეგ, გადადით "მოდულის მენეჯერთან" და შექმენით ახალი. აირჩიეთ ჯუმის ტიპი. ფანჯარაში, რომელიც იხსნება, "საბაჟო კოდის" ველში შეიყვანეთ მომზადებული iFrem, როგორც ეს ნაჩვენებია სტატიის წინა პუნქტში. მიეცით მოდულს სათაური, მიუთითეთ განთავსების პოზიცია და საიტის გვერდები. დააწკაპუნეთ შენახვაზე და შეამოწმეთ.
ბრაუზერები და ჩარჩოები
ყველა პოპულარული ბრაუზერი კარგად აჩვენებს ჩარჩო ფანჯრების შიგთავსს: Chrome, Safari, Firefox, Android, iOS. ამ მხრივ განსაკუთრებით მაღალი მაჩვენებელი აქვთ Internet Explorer-სა და Opera-ს. და მაინც არ არსებობს გარანტიარომ თქვენი საიტის სტუმარი დაინახავს ყველა ფანჯრის შინაარსს. ამ შემთხვევაში, თქვენ უნდა დატოვოთ შეტყობინება noframe ტეგის გამოყენებით (გახსნა და დახურვა). მასში შეგიძლიათ შეიყვანოთ შემდეგი: "თქვენი ბრაუზერი მოძველებულია. განაახლეთ ვერსია საიტის შიგთავსის საჩვენებლად." თუ მომხმარებლის ბრაუზერი სწორად ასახავს კადრებს, ისინი ვერ დაინახავენ ამ შეტყობინებას.
ასე რომ, ჩარჩო არის საიტის არე ან ფანჯარა, რომელსაც აქვს საკუთარი URL. გამოიყენება რამდენიმე ვებგვერდის ან დამოუკიდებელი დოკუმენტის ერთდროულად ჩვენებისთვის ბრაუზერის ერთ ველში, რომელსაც ასევე აქვს საკუთარი URL. იმისდა მიუხედავად, რომ ჩარჩოები საშუალებას გაძლევთ კარგად მოაწყოთ რთული საიტი, ისინი დიდი ხანია არ გამოიყენება, გარდა iframe-ისა. ამ ტეგის გამოყენება კვლავ აქტუალურია პრეზენტაციების, ვიდეო პლეერის, ტექსტური დოკუმენტების კონკრეტულ ფანჯარაში ჩატვირთვისთვის. მას აქტიურად იყენებენ დიდი და კარგად ცნობილი ვებ რესურსები.
-
