Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> Προγραμματισμός Υπολογιστών Γλώσσες

Πώς να δημιουργήσετε ένα Frameset σε ένα έγγραφο HTML

HTML καρέ επιτρέπουν στους προγραμματιστές Web εμφανίζουν πολλές σελίδες Web , απόψεις ή τη σελίδα συστατικών σε ένα μόνο παράθυρο του προγράμματος περιήγησης . Συχνά , τα πλαίσια που χρησιμοποιούνται σε ξεχωριστά συστατικά ιστοσελίδων , όπως πανό και το περιεχόμενο , και επιτρέπουν τον χειρισμό του κάθε τμήματος ξεχωριστά . Πλαισίων , ή μια ομάδα πλαισίων , μπορεί να οριστεί ως γραμμές ή στήλες , ή οποιοδήποτε συνδυασμό των δύο . Μόλις τοποθετηθεί σε ένα σύνολο πλαισίων , οι σελίδες περιλαμβάνονται Web γίνει μέρος της συνολικής διεπαφή χρήστη και μπορεί να προγραμματιστεί για την αλληλεπίδραση . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
πρόγραμμα περιήγησης στο Web
Η Εμφάνιση Περισσότερες οδηγίες
Η

1 Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσει ένα αρχείο με όνομα pageInsideFrame1.html . Προσθέστε μια " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα και ένα " "ετικέτα στο αρχείο . Τοποθετήστε ένα " " tag μεταξύ του " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " και " </head> " ετικέτες , να δώσει στην σελίδα τον τίτλο " Inside Page Frame 1 " και κλείστε το " " ετικέτα . Τοποθετήστε ένα "

" tag μεταξύ του " " και " " ετικέτες και να δώσει την σελίδα την επικεφαλίδα " Η σελίδα φορτώθηκε σε Πλαίσιο 1 . " Κλείστε το "

" ετικέτα και να αποθηκεύσετε και κοντά pageInsideFrame1.html .



Σελίδα Inside Πλαίσιο 1



Page Loaded στο Πλαίσιο 1



2

Χρησιμοποιήστε το πρόγραμμα επεξεργασίας κειμένου για να δημιουργήσετε ένα δεύτερο αρχείο με όνομα pageInsideFrame2.html . Προσθέστε μια " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα και ένα " "ετικέτα στο αρχείο . Τοποθετήστε ένα " " tag μεταξύ του " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " και " </head> " ετικέτες , να δώσει στην σελίδα τον τίτλο " Inside Page Πλαίσιο 2 " και κλείστε το " " ετικέτα . Τοποθετήστε ένα "

" tag μεταξύ του " " και " " ετικέτες και να δώσει την σελίδα την επικεφαλίδα " Η σελίδα φορτώθηκε σε Πλαίσιο 2 . " Κλείστε το "

" ετικέτα και να αποθηκεύσετε και κοντά pageInsideFrame2.html .



Σελίδα Inside Πλαίσιο 2



σελίδα φορτώθηκε σε Πλαίσιο 2



εικόνων
3

Χρησιμοποιήστε το πρόγραμμα επεξεργασίας κειμένου για να δημιουργήσετε ένα τρίτο αρχείο με όνομα frameHolder.html . Προσθέστε μια " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα , ένα " " ετικέτα και ένα " "ετικέτα στο αρχείο . Τοποθετήστε ένα " " tag μεταξύ του " <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> " και " </head> " ετικέτες , να δώσει στην σελίδα τον τίτλο « Πλαίσιο Page " και κλείστε το " " ετικέτα . Τοποθετήστε ένα " " tag μεταξύ του " " και " " ετικέτες . Ρυθμίστε το " σειρές " χαρακτηριστικό του πλαισίων για " 150 * " για να αναφέρετε το πλαισίων θα πρέπει να έχει δύο στήλες : ένα που είναι 150 pixels πλάτος και ένα που θα πρέπει να είναι όσο το υπόλοιπο της ιστοσελίδας . Κλείστε το " " ετικέτα και να σώσει frameHolder.html .



Frame Σελίδα






Η

4 Τοποθετήστε ένα " " tag μεταξύ του " " και " " ετικέτες . Ορισμός του πλαισίου "src " τιμή " pageInsideFrame1.html . " Αυτή η ετικέτα υποδεικνύει το πρώτο καρέ ( 150px ) θα πρέπει να φορτώσει το pageInsideFrame1.html σελίδα .



Frame Σελίδα







5

Τοποθετήστε ένα δεύτερο " ? " tag στο αρχείο μεταξύ του " "και" "ετικέτες . Ορισμός του πλαισίου "src " τιμή " pageInsideFrame2.html . " Αποθηκεύστε και κλείστε frameHolder.html . Αυτή η ετικέτα υποδεικνύει ότι το δεύτερο πλαίσιο ( * ) πρέπει να φορτώσει το pageInsideFrame2.html σελίδα .



Frame Σελίδα







?
Η 6

Open frameHolder.html σε ένα πρόγραμμα περιήγησης στο Web . Βεβαιωθείτε ότι τα δύο frames φορτώσει με τα αναμενόμενα χαρακτηριστικά . Βεβαιωθείτε ότι το πρώτο φορτία πλαίσιο pageInsideFrame1.html και η δεύτερη φορτώνει πλαίσιο pageInsideFrame2.html .
Η
εικόνων

Συναφής σύστασή

Προγραμματισμός Υπολογιστών Γλώσσες

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα