ᲘნტერნეტიᲕებ დიზაინი

Ჩარჩო რა არის? სტრუქტურა და ჩარჩოების შექმნა

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

მაგრამ ძირითადად ფარგლებში გამოიყენება დიდი ვებ პორტალები, სადაც საჭიროა მრავალი მენიუს ელემენტი და ქვემენიუმი. ამის შესახებ, როგორც წესი, ამბობენ: "საიტის ფარგლებში." ასეთი რესურსის შესაქმნელად საჭიროა HTML ენის ცოდნა.

საიტის მშენებლობაში ჩარჩოების შექმნა

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

მაგრამ ძირითადად ფარგლებში გამოიყენება დიდი ვებ პორტალები, სადაც საჭიროა მრავალი მენიუს ელემენტი და ქვემენიუმი. ამის შესახებ, როგორც წესი, ამბობენ: "საიტის ფარგლებში." ასეთი რესურსის შესაქმნელად საჭიროა HTML ენის ცოდნა.

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

ჩარჩოები CMS- ში

ბევრი პროგრამების შექმნა საიტები, შესაძლებელია დააყენოთ შესაბამისი მოდული. მაგალითად, Joomla ჩარჩოში, ეს არის "Wrapper" მოდული.

CMS Jumla- ის მართვის პანელში შეიძლება შეიქმნას: "გაფართოებები" - "მოდულის მენეჯერი" - "შექმნა" (ნარინჯისფერი ფერის მრგვალი ღილაკი პლიუს ნიშნით). Pop-up ფანჯარაში, სიაში, თქვენ ნახავთ "შეფუთვას" მოდულს.

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

ამ პროცედურის შემდეგ შეგიძლიათ დაბრუნდეთ "მოდულის მენეჯერს", შექმენით ჩარჩო და დააყენეთ მისი პარამეტრები.

როგორც სურათში ხედავთ, მოდული საშუალებას გაძლევთ დაარეგულიროთ: ჩარჩოს ზემოთ მოცემული კარტი, მოდულის პოზიცია, აირჩიეთ გვერდის გვერდები, რომელზეც გამოჩნდება. და ასევე შეცვალოს სიგანე, სიმაღლე; დაამატეთ ჩარჩო და ბმული ვებ გვერდზე. თუ გსურთ საიტის ძირითადი გვერდი ჩარჩოში სრული სიგანე, მაშინ 100% -იანი მითითებული, არ იქნება საკმარისი. დაუყოვნებლივ შეგიძლიათ შეინახოთ ეს უსაფრთხოდ 400%. 200-მდე ალტიტუდია, როგორც წესი, საკმარისია გვერდის ზედა მენიუში. ყველა დანარჩენი შინაარსი გამოჩნდება, თუ მომხმარებელი (საიტზე ვიზიტორი) გრაგნილი ბარი იყენებს.

აქ არის მაგალითი, თუ რა ჩარჩო Jumla არის.

Jumla მოდული შექმნის ჩარჩო ძალიან მოსახერხებელი და მარტივი. თუმცა, მისი შესაძლებლობები შეზღუდულია, ისევე როგორც დიზაინერის შესაძლებლობები.

ისტორია და რეალობა

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

კომპლექსური სტრუქტურული უბნები

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

როგორ მივაღწიოთ იმავე შედეგს? როგორ შევქმნათ ჩარჩო სტრუქტურა?

როგორ დავწეროთ ჩარჩო Page კოდი

HTML- ში ჩარჩოები დაემატა ტეგების გამოყენებით:

  • ჩარჩო (ერთი ფანჯრისთვის);
  • Frameset (მისი დახმარებით შეიქმნა მთელი სტრუქტურა);
  • Iframe ("მცურავი" ჩარჩო);
  • Noframes (იმ შემთხვევაში, თუ ჩარჩო არ არის ნაჩვენები მომხმარებლის ბრაუზერი).

პირველი მითითებული tag ყოველთვის შეესაბამება და წყვილი. და ის ცვლის და . შესაბამისი ატრიბუტების დახმარებით თქვენ შეგიძლიათ შეცვალოთ თითოეული ელემენტის მახასიათებლები: სახელი (სახელი =), ზომა (cols = და რიგები =), საზღვარი (საზღვარი), გრაგნილი ბარი და, რა თქმა უნდა, ვებ-გვერდის ბმული.

დიზაინი ვარიაციები

საიტის მთლიანი გვერდი შეიძლება დაიყოს ტერიტორიებზე. მაგალითად, ეს:

მარცხენა

ზედა ჩარჩო

მარჯვენა

ეს სტრუქტურა (მას უწოდებენ წყვეტს) შეიძლება მიღებულ იქნას კოდების ატრიბუტის შიგნით ტეგების შიგნით, კარკასის ჰორიზონტალური პოზიციის მითითებით და რიგები - ვერტიკალურად. შემდეგი არის = ნიშანი და ზომები იწერება. მაგალითად, 60%, 40% - პროცენტული მაჩვენებელი (ერთი ფანჯარა მიიღებს ბრაუზერის 60% -ს, მეორე, შესაბამისად, 40%). ან 100, 200 - ზომები თანაფარდობა pixels. ერთ-ერთი ჩარჩოს ზომა არ არის დაყენებული (ეს იქნება დამონტაჟებული). ამისათვის თქვენ უნდა მიუთითოთ * შემდეგ მძიმით ან მის შემდეგ.

ამ წყვილის ფარგლებში, frameset რეგისტრირდება თითოეული ჩარჩოს პარამეტრებით: src = http: // საიტი / სტატია / 143778 /% 2C, მაშინ შეთავაზებების ბმულზე მოცემულია ვებ-გვერდი და დასახელება = სათაურით (მაგალითად, ჩარჩო 1).

ყოველი ახალი ფართობის ბუდე ახალი frameset- ის მიერ არის აღბეჭდილი.

მაგალითი კოდი:

გაითვალისწინეთ, რომ ჩვენს მაგალითში, მეორე და მესამე ზომის ფარგლებში, მხოლოდ ერთი დრო იწერება.

ბევრი zadumok საშუალებას გაძლევთ შეასრულოს ფარგლებში. ბრაუზერის ფანჯარაში მათი ადგილმდებარეობის მაგალითები შეიძლება დასრულდეს (შესაბამისად კოდი შეცვლით). თუმცა, ეს ინფორმაცია დიდი ხნის განმავლობაში არ გამოიყენება. ჩარჩოები, თუ გამოიყენება დღეს, როდესაც შექმნის საიტებს, მაშინ მხოლოდ როგორც მოდულები უფასო CMS ან სახით iframe.

მცურავი ჩარჩო

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

მაგალითად, Seopult.ru არის ცნობილი სამსახური, რომელიც ხელს უწყობს სამაგისტრო პროგრამებს. არა მისი მთავარი საიტი, არამედ I.seopult.pro სარკე, რომელიც შექმნილია პორტალის კლიენტებისთვის. აქ არის კოდი:

  • ინსტრუქციები . სადაც
  • ტეგი იქმნება სიის ელემენტის განსაზღვრაში. მხარდაჭერილია ყველა ბრაუზერის მიერ.

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

    ფილმებისა და სერიალების ყურების ყველა ძირითადი ადგილი იქმნება ayframes- ის დახმარებით (მაგალითად, Imhonet), ასევე სოციალური ქსელები. მაშინაც კი, მთავარი გვერდი "Yandex" შეიცავს ამ ტეგით და არა ერთ წყვილს.

    როგორ დაავალოს iframe

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

    და გარდა, ზემოთ მოყვანილ მაგალითში, ასევე შეიძლება გამოყენებულ იქნეს სია

  • .

    ატრიბუტები დაემატა ატრიბუტს:

    • სიგანე (სიგანე) და სიმაღლე (სიმაღლე =);
    • გასწორება ზღვარზე გასწორებაზე;
    • ინდენტირება, რომელიც არ არის განსაზღვრული: ჩვეულებრივი მნიშვნელობა 6 - ეს საკმაოდ საკმარისია;
    • დაუშვებელია გამჭვირვალობის საშუალებით, შეგიძლიათ დააყენოთ ჩარჩოს არეალის გამჭვირვალობა ისე, რომ გვერდი ფონზე ჩანს;
    • პლუს უკვე ნაცნობი scr, სახელი, სენსორული, საზღვარი.

    ნავიგაცია Airframe- ის დახმარებით

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

    ამ მიზნის მისაღწევად, აიღება სახელი, რომელშიც სახელი = დამატებით არის დარეგისტრირებული. მაგალითად, ზოგოლოვიკი. და ტეგებში აღნიშნულ ბმულებზე მითითებულია HREF = http: // საიტი / მუხლი / 143778 /% D1% 81 მეშვეობით, რასაც მოჰყვება ატრიბუტის სამიზნე = zagolovok. დახურვის ტეგების გამოყენებამდე უნდა მიეთითოს წარწერა, რომელიც იქნება ბმული ღილაკად. "A" tags გახსნილია და დახურულია p ტეგით.

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

    კოდი ასე გამოიყურება:

    განათავსეთ თქვენი რეკლამა

    რეკლამის ნახვა