Internet, Web Design

Frame - τι είναι αυτό; Δομή και δημιουργία πλαισίων

Frame - μια περιοχή του χώρου (το παράθυρο), στο οποίο βλέπουμε μια άλλη ιστοσελίδα. Οι webmasters χρησιμοποιούν αυτή την ευκαιρία να δείξει την αρχική σελίδα των φίλων ή συνεργατών τους. Η ίδια μέθοδος χρησιμοποιείται για να εμφανίσει στο παράθυρο παράθυρα αναζήτησης και μια σειρά από αποτέλεσμά της, και ούτω καθεξής. Δ

Αλλά ως επί το πλείστον τα πλαίσια που χρησιμοποιούνται για την δημιουργία μεγάλων διαδικτυακών πυλών, όπου ένας σημαντικός αριθμός των μενού και υπομενού. Τέτοια συνήθως λένε: «το site σε πλαίσια.» Για να δημιουργήσετε ένα τέτοιο πόρων απαιτεί καλή γνώση της HTML γλώσσας.

Δημιουργήστε πλαίσια στην ιστοσελίδα οικοδόμου

Σε κάποια ιστοσελίδα οικοδόμου παρέχει αυτόματη δημιουργία ενός τέτοιου κώδικα. Συνήθως, η προσθήκη των βασικών πλαίσιο είναι το κύριο μενού του προγράμματος. Κατ 'αρχάς, θα πρέπει να τοποθετήσετε το δρομέα στο σωστό μέρος της σελίδας, κάντε κλικ στο κουμπί για να ανοίξετε το παράθυρο (όπως φαίνεται στο screenshot). Είναι δυνατόν να καθορίσετε τη διεύθυνση της σελίδας που θα ανοίξει το πλαίσιο, και να προσαρμόσετε τις διαστάσεις: πλάτος και ύψος.

Αλλά ως επί το πλείστον τα πλαίσια που χρησιμοποιούνται για την δημιουργία μεγάλων διαδικτυακών πυλών, όπου ένας σημαντικός αριθμός των μενού και υπομενού. Τέτοια συνήθως λένε: «το site σε πλαίσια.» Για να δημιουργήσετε ένα τέτοιο πόρων απαιτεί καλή γνώση της HTML γλώσσας.

Με αυτή την «υπηρεσία» είναι δυνατόν να δημιουργηθούν πολλαπλά πλαίσια σε μια σελίδα, μόνο οι αλληλένδετα στοιχεία, ώστε να μην πάρετε.

Κουφώματα σε CMS

Πολλά προγράμματα για τη δημιουργία ιστοσελίδων δυνατότητα εγκατάστασης της μονάδας. Για παράδειγμα, για το πλαίσιο Joomla - αυτή η ενότητα "περιτύλιγμα (Wrapper)".

Μπορεί να βρεθεί και να δημιουργήσει στον πίνακα ελέγχου CMS Joomla: «Επεκτάσεις» - (το στρογγυλό κουμπί πορτοκαλί με θετικό πρόσημο στο εσωτερικό) «Νέα» - «Module Manager». Στο pop-up παράθυρο, στη λίστα, θα δείτε μια ενότητα «περιτύλιγμα».

Εάν δεν είναι, τότε δεν συμπεριλαμβάνεται. Για να το χρησιμοποιήσετε, θα πρέπει πρώτα να την ενεργοποιήσετε εδώ: οι καρτέλα «Επεκτάσεις», η «Διαχείριση επεκτάσεων», στη συνέχεια, «Διαχείριση» καρτέλα. Και κοιτάζοντας τη λίστα που εμφανίζεται, μπορείτε να αναζητήσετε γρήγορα στο «φίλτρο» για να εισάγετε τη λέξη: περιτύλιγμα. Απέναντι αυτή η ενότητα θα πρέπει να είναι πράσινο εικονίδιο σημάδι επιλογής μέσα. Ένα κόκκινο κύκλο με μια τελεία μέσα σημαίνει ότι το plugin είναι απενεργοποιημένη.

Μετά από αυτή τη διαδικασία, μπορείτε να επιστρέψετε στην «Ενότητα Διαχειριστή», δημιουργούν ένα πλαίσιο και να ρυθμίσετε τις παραμέτρους της.

Όπως μπορεί να δει κανείς στην εικόνα, το άρθρωμα σας επιτρέπει να ρυθμίσετε: ο τίτλος του πλαισίου, η θέση της μονάδας, επιλέξτε τη σελίδα του site στο οποίο εμφανίζεται. Μπορείτε επίσης να ρυθμίσετε το πλάτος, ύψος? προσθέσετε ένα πλαίσιο και την πραγματική σύνδεση σε μια ιστοσελίδα. Αν το καρέ που θέλετε να εμφανίσετε την κεντρική σελίδα του site όλο το πλάτος, 100%, η προεπιλογή, δεν θα είναι αρκετό. Μπορείτε να βάλετε με ασφάλεια το δικαίωμα 400%. Μια ύψους 200 είναι συνήθως αρκετό για να εμφανιστεί το μενού στην κορυφή της σελίδας. Το υπόλοιπο του περιεχομένου θα είναι ορατό εάν ο χρήστης (η επισκέπτης) χρησιμοποιήστε τη γραμμή κύλισης.

Εδώ είναι ένα παράδειγμα του τι ενός πλαισίου σε Jumla.

ενότητα Joomla για τη δημιουργία του πλαισίου είναι πολύ βολικό και εύκολο στη χρήση. Ωστόσο, το πεδίο εφαρμογής της είναι περιορισμένο, καθώς και τα χαρακτηριστικά σχεδιαστής.

Ιστορία και πραγματικότητα

Στην πρακτική της δημιουργίας ιστοσελίδων των πλαισίων που ετικέτας (αίτηση του) έχει από καιρό υποβιβαστεί στο παρασκήνιο. Ήταν σε θέση να αντικαταστήσουν μονάδες, με τον καθορισμό ενός προγράμματος σχεδίασης που δημιουργεί κώδικα για μια ιστοσελίδα, χωρίς να saytostroitelya. Ωστόσο, σε ορισμένες περιπτώσεις, αυτό δεν είναι αρκετό. Για παράδειγμα, όταν το πλαίσιο - είναι μια ολοκληρωμένη σύνθετη δομή των περιοχών που θα εμφανίζεται στο πρόγραμμα περιήγησης. Έτσι, δείτε τους ιδιοκτήτες σύνθετα δομημένα sites. Στη δημιουργία του είναι μόνο σε ακραίες περιπτώσεις, λόγω ιστοσελίδες freymovskie δημιουργήθηκε αποκλειστικά και μόνο με εξειδικευμένες ετικέτες.

σύνθετο δομημένο sites

Γι 'αυτούς, η δημιουργία αρκετών αλληλένδετα πλαισίων αποτελεί τη βέλτιστη λύση οργανώνουν περιεχόμενο στον πόρο. Αυτό είναι συνήθως οι μεγάλες πύλες, κατάκλισης με ισχυρότερη κάθε χρόνο.

Πώς να επιτευχθεί το ίδιο αποτέλεσμα; Πώς να δημιουργήσετε μια δομή πλαισίου;

Πώς να εισάγετε το πλαίσιο στον κώδικα της σελίδας

Τα πλαίσια προστίθενται σε HTML χρησιμοποιώντας την ετικέτα:

  • πλαισίου (για ένα ξεχωριστό παράθυρο)
  • πλαισίων (ολόκληρη η δομή δημιουργείται με αυτό)?
  • iframe ( «επιπλέουν» πλαίσιο)?
  • noframes (στην περίπτωση του πλαισίου μη εμφάνιση στο πρόγραμμα περιήγησης του χρήστη).

Η πρώτη καθορισμένη ετικέτα πάντα χωρέσει σε ένα ζεύγος και . Και αυτό αντικαθιστά το και . Και με τα κατάλληλα χαρακτηριστικά, μπορείτε να προσαρμόσετε τα χαρακτηριστικά κάθε είδους: το όνομα (name =), το μέγεθος (στήλες = και σειρές =), η παρουσία του πλαισίου (σύνορα), η μορφή της γραμμής κύλισης και, φυσικά, μια σύνδεση σε μια ιστοσελίδα για να εμφανιστεί.

εγγραφή παραλλαγές

Ολόκληρη η σελίδα ιστοσελίδα μπορεί να διαιρεθεί σε περιοχές. Για παράδειγμα, όπως αυτό:

αριστερά

επάνω πλαίσιο

δεξιά

Μία τέτοια δομή (αυτό ονομάζεται ένθετη) μπορεί να ληφθεί με το γράψιμο ενός tag εσωτερικό cols αποδίδουν, υποδεικνύει τη θέση του οριζόντιου πλαισίου, και σειρές - κατακόρυφα. Θα πρέπει να τεθεί ένα σύμβολο ίσον και προβλέπεται μεγέθη. Για παράδειγμα, 60%, 40% - το ποσοστό (ένα παράθυρο λαμβάνει το 60% του χώρου περιηγητή άλλο, αντιστοίχως, 40%). Ή 100, 200 - ο λόγος των διαστάσεων σε pixels. Οι διαστάσεις του ενός από τα πλαίσια, είναι δυνατόν να μην οριστεί (οριστεί από προεπιλογή). Για να το κάνετε αυτό πριν ή μετά την υποδιαστολή πρέπει να καθορίσετε το χαρακτήρα *.

Μέσα αυτό πλαισίων ζεύγος καταχωρεί κάθε καρέ με παραμέτρους: src = http: // τοποθεσία / Άρθρο 143778 /% 2C Τομέας αναφορά / εφεξής γίνεται σε μια ιστοσελίδα και ένα όνομα title = (π.χ., πλαίσιο 1).

Φωλιάζουν σε κάθε νέα περιοχή έχει χαρακτηριστεί ως νέα πλαισίων.

Παράδειγμα κώδικα: <καρέ SRC = «http://fb.ru/article/143778/%5B%D1%81%D1%81%D1%8B% D0 σελίδα% BB% D0% BA% D0% B0] "όνομα =" αριθμό πλαισίου 1 "> <σειρές πλαισίων =" 80,20 "> <καρέ SRC =" http://fb.ru/article/143778/ % 5B% D1% 81% D1% 81% D1% 8Β% D0% BB% D0% BA% D0% B0 στην σελίδα] "name =" πλαίσιο № 2 ">

Παρατηρήστε στο παράδειγμα αυτό, για το δεύτερο και τρίτο πλαίσια μεγέθη συνταγογραφείται μόνο μία φορά.

Πολλοί τηγάνια αφήνετε το καρέ. Παραδείγματα της θέσης τους στο παράθυρο του browser μπορεί να ασκηθεί απείρως (καταλλήλως αλλαγή του κωδικού). Ωστόσο, η πρακτική εφαρμογή αυτών των πληροφοριών δεν βρέθηκε για μεγάλο χρονικό διάστημα. Πλαίσια, αν χρησιμοποιούνται σήμερα για τη δημιουργία sites, αλλά μόνο με τη μορφή ενοτήτων στην ελεύθερη CMS ή iframe.

κινητό πλαίσιο

Αναρωτιέμαι γιατί πήρε το όνομά του, εδώ η λέξη είναι πιο κατάλληλο «ενσωματωμένη». Αυτό το πλαίσιο έχει σχεδιαστεί για να εμφανίσετε τα περιεχόμενα ενός αρχείου. Μπορείτε να ανεβάσετε στη βάση δεδομένων οποιουδήποτε εγγράφου ή αρχείου χρησιμοποιώντας ετικέτες ayfreyma ρυθμίσετε τη διαδρομή προς αυτό - και οι επισκέπτες θα δείτε ένα αρχείο κειμένου (βίντεο ή φωτογραφία). Δυστυχώς, τα προγράμματα περιήγησης δεν αντικατοπτρίζουν πάντα το περιεχόμενο. Τα Αυτή η ιστοσελίδα οικοδόμοι μπήκε ανάμεσα στο άνοιγμα και το κλείσιμο φράση: «Το πρόγραμμα περιήγησης δεν εμφανίζει τα περιεχόμενα.»

Για παράδειγμα, Seopult.ru - γνωστή υπηρεσία από τους πλοιάρχους να προχωρήσει. Όχι μόνο κύρια ιστοσελίδα της, και I.seopult.pro καθρέφτη που δημιουργήθηκε για την πύλη πελατών. ayfreyma κώδικα καθορίζεται ως εξής:

  • Οδηγίες . Όπου
  • tag έχει σχεδιαστεί για να καθορίσει το στοιχείο της λίστας. Υποστηρίζεται από όλα τα προγράμματα περιήγησης.

    Από τον καθρέφτη μπορείτε να δείτε τη λέξη «Οδηγίες» σελίδα η ίδια, με τη μορφή ενός κουμπιού. Όταν κάνετε κλικ σε αυτό στο κέντρο του παραθύρου του προγράμματος περιήγησης ανοίγει παρουσίαση.

    Όλα τα μεγάλα sites για να παρακολουθείτε ταινίες και τηλεοπτικές εκπομπές που δημιουργήθηκε με τη χρήση ayfreymov (π.χ., «Imhonet»), καθώς και τα κοινωνικά δίκτυα. Ακόμη και η αρχική σελίδα της «Yandex» περιέχει αυτήν την ετικέτα, και όχι ένα ζευγάρι.

    Πώς να εγγραφείτε iframe

    Κατεβάστε την ιστοσελίδα σας με τη μορφή ενός παραθύρου εγγράφου με γραμμή κύλισης μπορεί να είναι σε οποιαδήποτε θέση. Συνήθως TAGS τοποθετημένο μέσα στο σώμα. Εκτός από το πρότυπο

    και , όπως φαίνεται στο παραπάνω παράδειγμα μπορεί να χρησιμοποιηθεί και ένας κατάλογος tag -

  • .

    Σε ayfreym πρόσθεσε χαρακτηριστικά:

    • πλάτος (πλάτος) και το ύψος (ύψος =)?
    • ευθυγραμμίζοντας την align άκρη?
    • padding, το οποίο δεν μπορεί να προδιαγράψει: η προεπιλεγμένη τιμή είναι 6 - αυτό είναι αρκετό?
    • χρησιμοποιώντας allowtransparency τομέα πλαίσιο της διαφάνειας, μπορείτε να καθορίσετε ότι μπορείτε να δείτε το φόντο της σελίδας?
    • καθώς και το γνωστό scr, το όνομα, κύλιση, των συνόρων.

    Πλοήγηση με τη χρήση ayfreyma

    Το πιο ενδιαφέρον είναι η ικανότητα στον τομέα των κουφωμάτων - αυτό είναι να γράψετε κώδικα που επιτρέπει να ανοίξετε το περιεχόμενο στο παράθυρο στο σύνδεσμο - Τι έκαναν οι δημιουργοί Seopult καθρέφτη, μόνο με αρκετές αναφορές (τόσο στη διάθεση του χρήστη στην ίδια σελίδα).

    Γι 'αυτό λαμβάνονται ayfreym, το επιπλέον καταγράφει το όνομα μετά name =. Για παράδειγμα, zagolovok. Περαιτέρω, μπροστά του σε ετικέτες και αναφορές που προβλέπονται από a href = http: // ιστοσελίδα / άρθρο / 143778 / Δ1%% δείχνει την υποχρεωτική 81, αφού αποδίδουν target = zagolovok. Για να μπορέσετε να χρησιμοποιήσετε μια ετικέτα κλεισίματος, ανέφερε επιγραφή, η οποία θα χρησιμεύσει ως το κουμπί αναφοράς. Ετικέτες «και» άνοιγμα και το κλείσιμο είναι στο σ ετικέτα.

    μπορείτε να ορίσετε αυτές τις λίγες γραμμές κώδικα για να πάρει τελικά σε απευθείας σύνδεση σε μια σειρά από μερικά κουμπιά, συνδέσμους, κάνοντας κλικ σε αυτό το παράθυρο που ακολουθεί θα εμφανίσει διαφορετικό περιεχόμενο.

    Ο κώδικας θα είναι κάπως έτσι:

    Δημοσιεύστε δωρεάν αγγελίες

    Δείτε τη διαφήμιση