Πώς να φτιάξετε μια σελίδα με πλαίσια

Πίνακας περιεχομένων:

Πώς να φτιάξετε μια σελίδα με πλαίσια
Πώς να φτιάξετε μια σελίδα με πλαίσια

Βίντεο: Πώς να φτιάξετε μια σελίδα με πλαίσια

Βίντεο: Πώς να φτιάξετε μια σελίδα με πλαίσια
Βίντεο: Πως να φτιάξεις το δικό σου site | Wordpress Tutorial σε 23 απλά βήματα | Ελληνικά 2024, Ενδέχεται
Anonim

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

Πώς να φτιάξετε μια σελίδα με πλαίσια
Πώς να φτιάξετε μια σελίδα με πλαίσια

Είναι απαραίτητο

  • - επεξεργαστής κειμένου;
  • - πρόγραμμα περιήγησης.

Οδηγίες

Βήμα 1

Η διαμόρφωση εγγράφων συνεπάγεται ότι κάθε σελίδα αποτελείται από ξεχωριστές περιοχές, καθεμία από τις οποίες εμφανίζει ένα μόνο αρχείο HTML. Ανοίξτε λοιπόν πρώτα ένα πρόγραμμα επεξεργασίας κειμένου όπως το Σημειωματάριο και δημιουργήστε το σώμα του εγγράφου χρησιμοποιώντας τις ετικέτες BODY και / BODY.

Βήμα 2

Ένα έγγραφο πλαισίου περικλείεται μεταξύ δύο ετικετών FRAMESET και / FRAMESET. Εδώ βρίσκεται ένα είδος πίνακα, σε κάθε στήλη από την οποία μπορείτε να ανεβάσετε ένα ξεχωριστό έγγραφο. Χρησιμοποιώντας τις δύο ιδιότητες COLS και ROWS, μπορείτε να ορίσετε το μέγεθος της στήλης και της γραμμής σε pixel ή ως ποσοστό του μεγέθους του παραθύρου του προγράμματος περιήγησης (εάν εισαγάγετε έναν αστερίσκο αντί για αριθμούς, τότε ολόκληρος ο ελεύθερος χώρος του προγράμματος περιήγησης θα να χρησιμοποιηθούν).

Βήμα 3

Για να διακοσμήσετε τη δομή, χρησιμοποιήστε τις ακόλουθες ιδιότητες: 1) - κάθε πλαίσιο έχει ένα τρισδιάστατο πλαίσιο, 2) - δεν θα υπάρχει πλαίσιο, 3) FRAMESPACING - η απόσταση μεταξύ παρακείμενων πλαισίων σε pixels, 4) FRAME - / FRAME - καθορισμός του περιεχομένου ενός μεμονωμένου καρέ: α) SRC - HTML αρχείο με το περιεχόμενο του καρέ. β) MARGINHEIGHT, MARGINWIDTH - ρύθμιση της κατακόρυφης και οριζόντιας μετατόπισης από τα όρια πλαισίου σε pixel. c) NORESIZE - ο χρήστης δεν μπορεί να αλλάξει το μέγεθος του καρέ. δ) SCROLLING - είτε είναι απαραίτητο (ΝΑΙ) είτε όχι (ΟΧΙ) για να δημιουργήσετε γραμμές κύλισης για να δείτε το πλαίσιο, η τιμή AUTO τις δημιουργεί μόνο εάν είναι απαραίτητο.

Βήμα 4

Αφού δημιουργήσετε τη δομή του πλαισίου, δημιουργήστε συνδέσμους προς αυτά τα έγγραφα που θα φορτωθούν στον πίνακα σύμφωνα με την ακόλουθη αρχή: FRAME SRC = "*. Htm" (αντικαταστήστε το σύμβολο * με το όνομα του εγγράφου σας).

Βήμα 5

Ο Internet Explorer έχει τη δυνατότητα να δημιουργεί ανεξάρτητα καρέ σε έγγραφα HTML. Αυτό σημαίνει ουσιαστικά ότι το παράθυρο του προγράμματος περιήγησης μπορεί να ανοίξει οπουδήποτε στο έγγραφο HTML, δηλ. εκκινήστε το πρόγραμμα περιήγησης στο πρόγραμμα περιήγησης. Αυτή η τεχνική ονομάζεται επιπλέοντα πλαίσια. Το στοιχείο IFRAME παρέχει λειτουργίες κυμαινόμενου καρέ. Το κείμενο θα ρέει γύρω από το πλαίσιο και η ρύθμιση των επιλογών ευθυγράμμισης είναι σχεδόν ίδια με τη χρήση των ίδιων επιλογών για το στοιχείο IMG. Για να δημιουργήσετε ένα κινούμενο πλαίσιο, γράψτε τον ακόλουθο κωδικό: IFRAME NAME = "FLOATING" HEIGHT = "300" (το ύψος του πλαισίου μπορεί να αλλάξει) WIDTH = "300" (το πλάτος του πλαισίου μπορεί επίσης να ρυθμιστεί σε διαφορετικό) SRC = "*. HTM" / IFRAME

Βήμα 6

Και το τελευταίο πράγμα που πρέπει να κάνετε είναι να αποθηκεύσετε το έγγραφο κειμένου με την επέκταση *.html και στη συνέχεια να το ξεκινήσετε χρησιμοποιώντας το πρόγραμμα περιήγησης.

Συνιστάται: