Dreamweaver: Δουλεύοντας με πλαίσια

[Anastasis 48]

Τα πλαίσια (frames) μας βοηθάνε να κάνουμε μία διάταξη της σελίδας μας ώστε κάποια από τα περιεχόμενα της σελίδας μας να παραμένουν σταθερά χωρίς να χρειάζεται να ξαναφορτωθούν από τον Browser.
Για να εισάγουμε κάποιο πλαίσιο πηγαίνουμε στην κατρέλα Layout και έπειτα στο προτελευταίο κουμπί.



Έπειτα επιλέγουμε κάποια από τις έτοιμες διατάξεις του Dreamweaver.



Τα πλαίσια αποτελούνται από ξεχωριστές σελίδες, μία για κάθε πλαίσιο συν μία που περιέχει τη διάταξη τους (Frameset). Π.χ. αν έχουμε επιλέξει την 5η περίπτωση τότε θα έχουμε 4 αρχεία HTML. Ένα για αριστερά ένα για δεξιά ένα για κάτω και ένα που θα περιέχει τις πληροφορίες για τη διάταξή τους.



Κάθε πλαίσιο έχει δικές του ιδιότητες καθώς και η διάταξη της σελίδας.



Η παραπάνω εικόνα δείχνει τις ιδιότητες ενός Frameset που έχει οριζόντια διάταξη.
Border: Ορίζουμε αν το Frameset θα έχει ορατά περιγράμματα.
Borders Width: Το πλάτος των περιγραμμάτων
Border Color: Το χρώμα του περιγράμματος.
Row Value: Ορίζουμε το μέγεθος των πλαισίων κατά pixel ή κατά σχετικότητα (Relative). Αν ορίσουμε κατά σχετικότητα τότε το μέγεθος θα αίναι ανάλογο του περιεχομένου της σελίδας. (Όσο πιο πολύ περιεχόμενο τόσο πιο μεγάλο πλαίσιο)
RowCol Selection: Επιλέγουμε για πιο πλαίσιο θα ορίσουμε τις διαστάσεις και τις ιδιότητες.
Τα ίδια ισχύουν και για διάταξη με κάθετη διάταξη
Πλαίσια μπορούμε να δημιουργήσουμε και σύροντας με το ποντίκι από τις άκρες του εγγράφου μας. Η μόνη προϋπόθεση είναι να έχουμε επιλέξει πρώτα μία διάταξη από το Dreamweaver.
Για να διαγράψουμε ένα πλαίσιο αρκεί να επιλέξουμε το περίγραμμά του και να το σύρουμε έξω από το έγγραφο.

Ιδιότητες Πλαισίων



Frame name: Ορίζουμε το όνομα του πλαισίου
Src: Τοποθεσία αποθήκευσης του πλαισίου
Scroll: Ορίζουμε αν θα βγάλει Scrollbar αν τα περιεχόμενα του υπερβαίνουν το μέγεθός του.
No resize: Αν τσεκάρουμε απαγορεύουμε στον χρήστη να του αλλάξει το μέγεθος.
Borders: Ορίζουμε αν το πλαίσιο θα έχει περίγραμμα.
Border color: Ορίζουμε το χρώμα του περιγράμματος
Margin width: Ορίζουμε το περιθώριο του πλαισίου από αριστερά.
Margin height: Ορίζουμε το περιθώριο του πλαισίου από πάνω.
Έτσι αφού έχουμε δημιουργήσει τα πλαίσια μας τότε μπορούμε να δώσουμε στα link μας τα εξής:

Στην επιλογή 10 έχουμε τις εξής επιλογές:



_Blank: Ανοίγει μία συνδεδεμένη ιστοσελίδα σε ένα νέο παράθυρο του Browser.
_Top: Ανοίγει μία συνδεδεμένη ιστοσελίδα σε όλο το παράθυρο του Browser.
_Self: Ανοίγει μία συνδεδεμένη ιστοσελίδα ίδιο παράθυρο ή πλαίσιο που περιέχει τον σύνδεσμο.
_Parent: Αυτή η επιλογή έχει να κάνει όταν έχουμε δημιουργήσει πολλά ένθετα πλαίσια
Επίσης μέσα σε αυτό το μενού υπάρχουν και όλα τα ονόματα των πλαισίων που έχουμε δημιουργήσει. Επιλέγοντας ένα από αυτά η συνδεδεμένη σελίδα θα ανοίξει στο συγκεκριμένο πλαίσιο. (π.χ. αν έχουμε μία σελίδα με ένα πλαίσιο δεξιά ένα αριστερά και ένα πάνω και το αντικείμενο που έχουμε επιλέξει να είναι ο σύνδεσμός μας βρίσκεται στο αριστερό πλαίσιο τότε αν επιλέξουμε η νέα σελίδα να ανοίξει στο δεξιό πλαίσιο ο browser θα ανανεώσει μόνο την δεξια σελίδα και θα εμφανίσει εκεί τη σύνδεσή μας. Όλες οι άλλες σελίδες δεν θα ανανεωθούν.)