Για την εμφάνιση πληροφοριών από πολλές πηγές σε μία σελίδα, χρησιμοποιείται συχνά ο μηχανισμός διαχωρισμού σελίδων HTML. Ακολουθεί μια περιγραφή των δομών γλώσσας για την εισαγωγή πλαισίων.
Απαραίτητη
Βασικές γνώσεις HTML
Οδηγίες
Βήμα 1
Το HyperText Markup Language (HTML) παρέχει δύο τύπους πλαισίων. Το Floating είναι πιο ευέλικτο και πιο εύκολο να εισαχθεί σε μια υπάρχουσα σελίδα. Σε γενικές γραμμές, η κατασκευή που περιγράφει ένα πλαίσιο παραθύρου χρησιμοποιώντας ένα κινούμενο πλαίσιο μοιάζει με αυτό: Εδώ, η κύρια σελίδα ενός υπάρχοντος ιστότοπου καθορίζεται ως πηγή δεδομένων για αυτό το πλαίσιο (χαρακτηριστικό src) Θα ανοίξει σε πλαίσιο 400 x 300 pixel, όπως ορίζεται στα χαρακτηριστικά πλάτους και ύψους. Μπορείτε επίσης να καθορίσετε τη σελίδα του ιστότοπού σας στο χαρακτηριστικό src. Σε αυτήν την περίπτωση, αρκεί να καθορίσετε μια σχετική διεύθυνση (δηλαδή, τη διεύθυνση σε σχέση με τη σελίδα στην οποία εισάγεται το πλαίσιο): Σε αυτό το δείγμα, το πλάτος και το ύψος του πλαισίου δεν καθορίζονται, αλλά υπάρχει ένα αναγνωριστικό χαρακτηριστικό-αναγνωριστικό. Χρησιμοποιώντας το, μπορείτε να χρησιμοποιήσετε το CSS () για να ορίσετε τις απαιτούμενες διαστάσεις για αυτό το πλαίσιο:
#frameOne {πλάτος: 700 εικονοστοιχεία; ύψος: 200 εικονοστοιχεία;}
Βήμα 2
Ένας άλλος τύπος πλαισίων - "κλασικό" - απαιτεί ξεχωριστή σελίδα, η οποία θα περιέχει περιγραφή της δομής του πλαισίου. Τα ίδια τα πλαίσια θα βρίσκονται σε ξεχωριστές σελίδες, ίσως ακόμη και σε ξεχωριστούς ιστότοπους. Ο κώδικας HTML για μια τέτοια σελίδα πλαισίου κοντέινερ μπορεί να έχει την εξής μορφή:
Δεν πρέπει να υπάρχουν μπλοκ… και… που απαιτούνται για κανονικές σελίδες. Σε αυτό το παράδειγμα, η ετικέτα ανοίγματος κοντέινερ περιέχει ένα χαρακτηριστικό σειρών, το οποίο σημαίνει ότι ο χώρος της σελίδας πρέπει να χωρίζεται κάθετα και η κορυφή θα δοθεί στο πρώτο πλαίσιο. Εάν αντικαταστήσετε σειρές με στήλες, τότε η διαίρεση θα είναι οριζόντια. Η τιμή αυτού του χαρακτηριστικού "*, *" δείχνει ότι οι αναλογίες διαίρεσης είναι ίσες - 50% το καθένα. Εάν καθορίσετε, για παράδειγμα, "20%, *", τότε θα δοθεί μόνο το 20% στο πρώτο πλαίσιο και το υπόλοιπο διάστημα στο δεύτερο. Ο χρήστης μπορεί να αλλάξει αυτές τις αναλογίες σύροντας τα όρια των πλαισίων με το ποντίκι, αλλά είναι δυνατή η απενεργοποίηση αυτής της ενέργειας. Για να το κάνετε αυτό, προσθέστε το χαρακτηριστικό noresize στην ετικέτα ενός συγκεκριμένου καρέ. Μπορείτε επίσης να καθορίσετε το μέγεθος των κατακόρυφων και οριζόντιων εσοχών από το παρακείμενο πλαίσιο (τα χαρακτηριστικά εύρους περιθωρίου και ύψους περιθωρίου): Είναι δυνατό να ορίσετε τους κανόνες συμπεριφοράς για τις γραμμές κύλισης κάθε πλαισίου ξεχωριστά. Για αυτό, χρησιμοποιείται το χαρακτηριστικό κύλισης, το οποίο μπορεί να περιέχει μία από τις τρεις προκαθορισμένες τιμές. Εάν καθοριστεί, οι γραμμές κύλισης θα εμφανιστούν όταν το περιεχόμενο του πλαισίου δεν ταιριάζει εντός των ορίων του. Εάν "ναι" - οι λωρίδες θα υπάρχουν συνεχώς, ανεξάρτητα από την ανάγκη τους. Εάν "όχι" - αυτό σημαίνει απαγόρευση των γραμμών κύλισης για αυτό το πλαίσιο.
Βήμα 3
Με βάση τις πληροφορίες που παρέχονται στα δύο προηγούμενα βήματα, πρέπει να σχεδιάσετε τον κώδικα html που είναι πιο κατάλληλος για την επίλυση του προβλήματός σας. Μετά από αυτό, το μόνο που μένει είναι να το εισαγάγετε στον πηγαίο κώδικα της σελίδας. Για να το κάνετε αυτό, μπορείτε να χρησιμοποιήσετε τον επεξεργαστή σελίδων του συστήματος διαχείρισης του ιστότοπού σας - ανοίξτε την επιθυμητή σελίδα σε αυτό, μεταβείτε στη λειτουργία επεξεργασίας κώδικα html και επικολλήστε τον κώδικά σας στην επιθυμητή θέση της σελίδας. Εναλλακτικά, μπορείτε να κάνετε λήψη του αρχείου πηγαίου κώδικα της σελίδας από τον διαχειριστή αρχείων διαχείρισης φιλοξενίας ή το σύστημα διαχείρισης περιεχομένου, να το ανοίξετε σε ένα πρόγραμμα επεξεργασίας κειμένου και να επικολλήσετε τον κώδικα σε αυτό. Και μετά με τον ίδιο τρόπο ανεβάστε τον αλλαγμένο κώδικα πίσω στον διακομιστή.
