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

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

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

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

1 Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσει ένα αρχείο με όνομα pageInsideFrame1.html . Προσθέστε μια " " ετικέτα , ένα " " ετικέτα , ένα " < /head> " ετικέτα , ένα " " ετικέτα , ένα " < /body> " ετικέτα και ένα " < /html > "ετικέτα στο αρχείο . Τοποθετήστε ένα " " tag μεταξύ του " <head> " και " < /head> " ετικέτες , να δώσει στην σελίδα τον τίτλο " Inside Page Frame 1 " και κλείστε το " < /title> " ετικέτα . Τοποθετήστε ένα " <h1> " tag μεταξύ του " <body> " και " < /body> " ετικέτες και να δώσει την σελίδα την επικεφαλίδα " Η σελίδα φορτώθηκε σε Πλαίσιο 1 . " Κλείστε το " < /h1 > " ετικέτα και να αποθηκεύσετε και κοντά pageInsideFrame1.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Σελίδα Inside Πλαίσιο 1 < /title> <br> <p> < /head> <br> <p> <body> <br> <p> <h1> Page Loaded στο Πλαίσιο 1 < /h1 > <br> < p> < /body> <br> <p> < /html > 2 <br> <p> Χρησιμοποιήστε το πρόγραμμα επεξεργασίας κειμένου για να δημιουργήσετε ένα δεύτερο αρχείο με όνομα pageInsideFrame2.html . Προσθέστε μια " <html> " ετικέτα , ένα " <head> " ετικέτα , ένα " < /head> " ετικέτα , ένα " <body> " ετικέτα , ένα " < /body> " ετικέτα και ένα " < /html > "ετικέτα στο αρχείο . Τοποθετήστε ένα " <title> " tag μεταξύ του " <head> " και " < /head> " ετικέτες , να δώσει στην σελίδα τον τίτλο " Inside Page Πλαίσιο 2 " και κλείστε το " < /title> " ετικέτα . Τοποθετήστε ένα " <h1> " tag μεταξύ του " <body> " και " < /body> " ετικέτες και να δώσει την σελίδα την επικεφαλίδα " Η σελίδα φορτώθηκε σε Πλαίσιο 2 . " Κλείστε το " < /h1 > " ετικέτα και να αποθηκεύσετε και κοντά pageInsideFrame2.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Σελίδα Inside Πλαίσιο 2 < /title> <br> <p> < /head> <br> <p> <body> <br> <p> <h1> σελίδα φορτώθηκε σε Πλαίσιο 2 < /h1 > <br> < p> < /body> <br> <p> < /html > εικόνων <br> 3 <p> Χρησιμοποιήστε το πρόγραμμα επεξεργασίας κειμένου για να δημιουργήσετε ένα τρίτο αρχείο με όνομα frameHolder.html . Προσθέστε μια " <html> " ετικέτα , ένα " <head> " ετικέτα , ένα " < /head> " ετικέτα , ένα " <body> " ετικέτα , ένα " < /body> " ετικέτα και ένα " < /html > "ετικέτα στο αρχείο . Τοποθετήστε ένα " <title> " tag μεταξύ του " <head> " και " < /head> " ετικέτες , να δώσει στην σελίδα τον τίτλο « Πλαίσιο Page " και κλείστε το " < /title> " ετικέτα . Τοποθετήστε ένα " <frameset> " tag μεταξύ του " <body> " και " < /body> " ετικέτες . Ρυθμίστε το " σειρές " χαρακτηριστικό του πλαισίων για " 150 * " για να αναφέρετε το πλαισίων θα πρέπει να έχει δύο στήλες : ένα που είναι 150 pixels πλάτος και ένα που θα πρέπει να είναι όσο το υπόλοιπο της ιστοσελίδας . Κλείστε το " < /frameset > " ετικέτα και να σώσει frameHolder.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Frame Σελίδα < /title> <br> <p> < /head> <br> <p> <FRAMESET cols="150,*"> <br> <p> < /frameset > <br> <p> < /body> <br> <p> < /html > <br> Η <p> 4 Τοποθετήστε ένα " <frame> " tag μεταξύ του " <frameset> " και " < /frameset > " ετικέτες . Ορισμός του πλαισίου "src " τιμή " pageInsideFrame1.html . " Αυτή η ετικέτα υποδεικνύει το πρώτο καρέ ( 150px ) θα πρέπει να φορτώσει το pageInsideFrame1.html σελίδα . <br> <p> <html> <br> <p> <head> <br> <p> <title> Frame Σελίδα < /title> <br> <p> < /head> <br> <p> <FRAMESET cols="150,*"> <br> <p> <FRAME src="pageInsideFrame1.html"> <br> <p> < /frameset > <br> <p> < /body> <br> <p> < /html > <br> 5 <p> Τοποθετήστε ένα δεύτερο " <frame> ? " tag στο αρχείο μεταξύ του " <frameset> "και" < /frameset > "ετικέτες . Ορισμός του πλαισίου "src " τιμή " pageInsideFrame2.html . " Αποθηκεύστε και κλείστε frameHolder.html . Αυτή η ετικέτα υποδεικνύει ότι το δεύτερο πλαίσιο ( * ) πρέπει να φορτώσει το pageInsideFrame2.html σελίδα . <br> <p> <html> <br> <p> <head> <br> <p> <title> Frame Σελίδα < /title> <br> <p> < /head> <br> <p> <FRAMESET cols="150,*"> <br> <p> <FRAME src="pageInsideFrame1.html"> <br> <p> <FRAME src="pageInsideFrame2.html"> <br> <p> < /frameset > <br> <p> < /body> <br> <p> < /html > ? <br> Η 6 <p> Open frameHolder.html σε ένα πρόγραμμα περιήγησης στο Web . Βεβαιωθείτε ότι τα δύο frames φορτώσει με τα αναμενόμενα χαρακτηριστικά . Βεβαιωθείτε ότι το πρώτο φορτία πλαίσιο pageInsideFrame1.html και η δεύτερη φορτώνει πλαίσιο pageInsideFrame2.html . <br> Η <br> εικόνων <div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/computer-programming-languages/87759.html' >Πώς να βρείτε Scripts </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/computer-programming-languages/87761.html' >Πώς να Κέντρο μια ετικέτα σταθερού πλάτους Div </a> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88711.html" target="_blank">Πώς να δημιουργήσει UML Διαγράμματα </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/86438.html" target="_blank">Πώς για την κατάρτιση SWC </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/86900.html" target="_blank">Πώς να Αυτοματοποιήστε Visio Με Powershell </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88076.html" target="_blank">Τι είναι το σύστημα Client Server Integration </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88480.html" target="_blank">Πώς να αλλάξετε τον κωδικό σας λογαριασμός με Applescript </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88300.html" target="_blank">Πώς να το διαχωρισμό των ψηφίων ενός αριθμού σε Prolog </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88910.html" target="_blank">Πώς για την κατάρτιση ενός προγράμματος C Χρησιμοποιώντας το Gnu Compiler </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88920.html" target="_blank">Πώς να μάθετε FORTRAN </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/86613.html" target="_blank">Πώς να χειριστείτε με substrings σε CSH </a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>